论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Photoshop教程
Tag:photoshop cs,照片,非主流,水晶,效果,画笔,圣诞,滤镜,艺术,手绘,蒙版,抠图,风景,特效,人像,矢量,国画,图像,数码,合成,玻璃,美女,图案,鼠绘,调色,婚纱,插画,图层,山水,漫画,透明,水粉,光线,笔刷,工具,实例,入门,人物,头发,签名,视频,壁纸,水墨,相框,海报,立体,动画,文字,换头,视频教程

Photoshop绘制黑色风格按钮

文章类别:Photoshop | 发表日期:2009-12-1 9:19:08

  效果图:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  1:新建一个600*600的文件

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  2:把背景层填充为灰色,在新建一层,画一个矩形的选区,填充为黑色:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  3:给矩形层添加图层样式(内发光),参数如图:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  4:继续添加图层样式(渐变叠加)这里看看渐变条的设置:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  5:渐变叠加的参数:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  6:继续添加图层样式(描边),参数如图:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  7:得到的效果如图:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  8:在新建一层,按CTRL+刚刚的矩形层,载入选区,在新的图层上面拉一个透明到白色的渐变:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  9:把渐变层图层模式改成柔光:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  10:做到这里的效果如图:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  11:在新建一层,画一个圆用白色填充,这里放大文件好操作些哈:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  12:给圆层添加图层样式(渐变叠加),这里是渐变条的设置:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  13:渐变叠加参数:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  14:继续添加图层样式(描边):

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  15:效果如图:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  16:放大图层,新建一层,在画如图的一个圆并填充为白色:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  17:给内部的这个小圆添加图层样式(投影):

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  18:继续添加图层样式(内阴影):

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  19:继续添加图层样式(内发光):

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  20:再继续添加图层样式(渐变叠加):

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  21:效果如图:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  22:放大图层,新建一层,还椭圆工具画出选区,并填充白色:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  23:降低图层的不透明度50%

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  24:效果如图:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  25:把第一步到这里的这些图层添加到一个新组呢:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  26:在复制4个组,排序并命名好:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  27:再进每个组改变下渐变叠加的颜色:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网

  28:加上文字层,得到最终效果:

Photoshop绘制清爽风格的黑色网页按钮_网页教学网
上一篇:Photoshop打造咖啡色调美女照片 人气:2201
下一篇:Photoshop滤镜制作绚丽光线 人气:3036
视频教程列表
文章教程搜索
 
Photoshop推荐教程
Photoshop热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058