当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > photoshop 美女水晶按钮的制作

Photoshop
作品欣赏:简约而不失美感纯线条作品
佳作欣赏:50张绝对惊艳的像素画设计
分享国外设计师设计极乐的LOGO商标设计
Photoshop教程:绘制蓝色风格水晶小房子
PS图片调色教程:清爽色调的海滩照片
Photoshop签名教程:古典风格的传世唯美
PS图片调色实例:欧美风格亮红色调的图片
Photoshop制作粘贴翘边阴影照片装饰效果
佳作欣赏:35个时尚风格透明效果LOGO作品
广告设计欣赏:绚丽的手机宣传广告设计作品
Photoshop教程:炫彩的花纹文字特效
Photoshop教程:绘制金属质感的铝锅
PS文字特效教程:水晶边框炫彩的立体文字
Photoshop图片调色教程:褪色的记忆
Photoshop调色教程:黄昏下感觉的图片
设计师Barry Downard设计作品欣赏
作品欣赏:汽车创意广告设计平面作品
Photoshop调色教程:漂亮的橙黄色调图片
Photoshop绘制绚丽的感觉非常舒服的光束壁纸
作品欣赏:漂亮的外形的包装设计作品

Photoshop 中的 photoshop 美女水晶按钮的制作


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-18   浏览: 183 ::
收藏到网摘: n/a

最终效果图


制作工具:Photoshop CS
制作过程: 1、打开一幅图片,效果如图01所示做为底图。


图01
2、设置前景色为蓝色1E5F96。选择工具箱中的“圆角矩形工具”,设置半径为150,在窗口中绘制如图02所示的形状,命名生成图层为图层1。

图02
3、双击图层1,打开图层样式对话框,选择“投影”样式,设置参数如图03所示,图像效果如图04所示。

图03

图04  
4、创建新图层,命名为图层2。设置前景色为亮蓝色00DDFE,背景色设置为深蓝色0260AA,如图05所示。选择工具箱中的“渐变工具”,选择图层2,按Ctrl键单击图层1,载入图层1的选区,从下至上拖动鼠标绘制渐变,取消选择,效果如图06所示。

图05

图06
5、单击图层面板下方的“添加图层蒙版”按钮,为图层2添加蒙版。然后设置背景色和前景色为黑色和白色,选择渐变工具,选择前景色到透明,从左至右,从右至左各拖动一次,图像效果如图07所示。

图07
6、新建图层,命名为图层01。按住Ctrl键单击图层2,载入选区。设置前景色为白色,按Alt+Delete键填充白色,如图08所示。

图08  
7、为图层01添加图层蒙版,选择工具箱中的渐变工具,设置成从黑色到透明,从右到左绘制渐变,使左边显示为纯白色,效果如图09所示。

图09
8、选择菜单栏中的“编辑”“自由变换”命令,在属性栏中设置W为95%,H为95%,然后按确认,效果如图10所示。

图10
9、单击工具箱中的移动工具,再按向左键2次,效果如图11所示。

图11
10、设置该图层的不透明度为70%,效果如图12所示。

图12  
11、复制图层01,命名为图层02。按Ctrl+T键,将选择图像的大小缩小为97%,再将图像向左移动2像素,对准到图层01的左侧部分,图像效果如图13所示。

图13
12、复制图层01,命名为图层03,并移动到图层的最上方。选择菜单栏中的“编辑”“变换”“水平翻转”命令,向右移动2像素,并将不透明度设置为40%,效果如图14所示。

图14
13、为图层03添加图层蒙版,选择渐变工具,从左至右拖动较短距离,将白色部分缩小,效果如图15所示。

图15
14、复制图层03,命名为图层04,然后将图层蒙版删除。选择菜单栏中的“编辑”“自由变换”命令,将图像缩小为90%,效果如图16所示。

图16  
15、执行菜单栏中的“滤镜”“模糊”“高斯模糊”命令,设置半径为10,如图17所示,然后选择移动工具,将图像向左移动,效果如图18所示。

图17

图18
16、为图层04添加图层蒙版,选择渐变工具从黑色到透明,从左到右绘制渐变,只留下右边的部分白色,效果如图19所示。

图19
17、再一次添加图层蒙版,从右上方到左中下方绘制渐变,效果如图20所示。

图20  
18、打开一幅图片,如图21所示。选择套索工具将人物抠出拖拽到文件中,生成人物层。

图21
19、为人物层添加图层蒙版,从上至下绘制渐变,然后再选择画笔工具将一些部分遮盖,效果如图22所示。

图22
20、设置人物图层的不透明度为90%,图像效果如图23所示。

图23  
21、打开一幅水珠图片,如图24所示,拖动到文件中,调整大小,设置该层的图层混合模式为“变暗”,效果如图25所示,选择橡皮工具将一些深色的水珠擦除,如图26所示。

图24

图25

图26
22、选择文字工具,在图层1上方添加文字,最终效果如图27所示。

图27