当前位置: 首页 > 优图知识库  > PS教程 > PS鼠绘教程

PS鼠绘漂亮玻璃按钮

2019/1/5 22:57:43 人评论

这篇教程教优图宝的朋友们用PS鼠绘漂亮玻璃按钮,教程属于比较简单的鼠绘教程,绘制难度中等,质感较强。转发过来和优图宝的朋友们一起学习了。先来看看最终的效果图: UtoBao编注:更多鼠绘教程讨论交流和鼠绘作业提交 ...

这篇教程教优图宝的朋友们用PS鼠绘漂亮玻璃按钮,教程属于比较简单的鼠绘教程,绘制难度中等,质感较强。转发过来和优图宝的朋友们一起学习了。先来看看最终的效果图:

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

utobao编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入优图宝PS鼠绘交流区:http://www.utobao.com/news/57.html 

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

具体的绘制步骤如下:

  (1)运行Photoshop CS5,执行“文件”→“打开”命令,打开素材文件“光线背景.psd”文件。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

  (2)选择“圆角矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 1”图层。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程_ueditor_page_break_tag_

  (3)为“形状 1”图层添加图层样式,单击“渐变叠加”项目,并设置其各项参数。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

(4)单击“描边”项目,并设置其各项参数。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

  (5)按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

  (6)复制“形状 1”图层,得到“形状 1 副本”图层,并将该图层的图层样式删除。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

  (7)为“形状 1 副本”图层添加“渐变叠加”图层样式,并设置其各项参数。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程_ueditor_page_break_tag_

(8)按下“确定”按钮,关闭“图层样式”对话框,更改图层混合模式为“颜色减淡”,效果如图所示。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

  (9)复制“形状 1”图层,得到“形状 1 副本 2”图层,效果如图所示。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

  (10)打开“形状 1 副本 2”图层的图层样式,并更改“渐变叠加”样式的各项参数。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

  (11)按下“确定”按钮,关闭“图层样式”对话框,更改图层混合模式为“滤色”,效果如图所示。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

(12)复制“形状 1”图层,得到“形状 1 副本 3”图层,并将该图层的图层样式删除,调整大小,效果如图所示。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程_ueditor_page_break_tag_

  (13)为“形状 1 副本 2”图层添加图层样式,单击“渐变叠加”项目,并设置其各项参数。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

  (14)按下“确定”按钮,关闭“图层样式”对话框,更改图层混合模式为“颜色减淡”,并调整其“不透明度”参数,效果如图所示。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

  (15)复制“形状 1”图层,得到“形状 1 副本 4”图层,并将该图层的图层样式删除,调整大小,效果如图所示。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

(16)为“形状 1 副本 4”图层添加图层样式,单击“渐变叠加”项目,并设置其各项参数。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

  (17)按下“确定”按钮,关闭“图层样式”对话框,更改图层混合模式为“颜色减淡”,并调整“不透明度”参数,效果如图所示。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程_ueditor_page_break_tag_

  (18)创建图层组命名为“玻璃按钮”,并将“形状 1”、“形状 1 副本”、“形状 1 副本 2”、“形状 1 副本 3”、“形状 1 副本 4”拖入该图层组中。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

  (19)参照制作“玻璃按钮”图层组的方法,制作出“左”、“右”图层,效果如图所示。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

(20)将“图层”调板中隐藏的“组 1”图层组显示,完成本实例的制作。

PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程 PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程 PS鼠绘漂亮玻璃按钮 优图宝 PS鼠绘教程

utobao编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入优图宝PS鼠绘交流区:http://www.utobao.com/news/57.html 

相关资讯

    暂无相关的数据...