下面图老师小编跟大家分享Photoshop制作网页常用质感按钮图标,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~
来源:腾龙视觉 作者:不详
本教程介绍较为精致的圆形按钮的制作方法,由于图层较多,制作的时候需要注意好图层的顺序。另外按钮以水质质感为主,需要用图层样式控制好光感。
最终效果


(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)1、新建一个大小适当的文档,背景填充灰色。

2、新建图层,选择“椭圆”工具进行绘制。

3、为“形状 1”添加图层tulaoShi.com样式“投影”效果。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)4、更改“形状 1”的填充为“0%”。

5、新建图层,使用“椭圆”工具进行绘制。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)6、为“形状 2”添加图层样式效果。




(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)7、复制“形状 2”,重新设置其图层样式。


8、更改“形状 2 副本”的填充为“0%”。

9、新建图层,使用“选框”工具绘制出半圆选区并填充白色。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)10、为“图层 1”添加图层样式“渐变叠加”效果。


11、新建图层,使用“椭圆”工具绘制。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)12、为“形状 3”添加“投影”图层样式并设置。




(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)13、新建图层,选择“椭圆”工具进行绘制。


(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/) 12下一页