下面,图老师小编带您去了解一下利用图层样式制作清爽的播放器按钮,生活就是不断的发现新事物,get新技能~
效果图中的按钮共有两层,分别由不同颜色的圆构成。制作的时候只需要先画出合适的圆形,然后用图层样式添加颜色和质感,再在底部增加一点暗部和高光即可。
最终效果![](http://img.tulaoshi.com/image/20160205/501e674a321f051a8674dab0958c244c.jpg)
1、文件新建,尺寸为800X600像素,72分辨率的文件。
在颜色面板,设置前景色值#eceff6,背景色值#bec1cc。图像新建填充图层渐变(确定)下拉找到刚才设置的颜色勾上(反向-仿色-与图层对齐)。 ![](http://img.tulaoshi.com/image/20160205/5de5346540d2cd0928ec3fffcc3b3331.jpg)
![](http://img.tulaoshi.com/image/20160205/d40dd6690cc2daf220f2948735be7f7f.jpg)
2、用形状工具画3个圆,选择3个圆的图层,回到选择工具然后如下图点击红色部分对齐。![](http://img.tulaoshi.com/image/20160205/2c565981314c49233cdca157c8809383.jpg)
![](http://img.tulaoshi.com/image/20160205/50bbafd4b3aec870a11e522eb51fd307.jpg)
![](http://img.tulaoshi.com/image/20160205/c22070c83a346416831f9ebc2864acc8.jpg)
3、回到图层面板双击其中一个圆设置图层样式如下:
斜面浮雕、内阴影、渐变叠加、外发光、阴影。 ![](http://img.tulaoshi.com/image/20160205/55a598707306c987304c923411bc635e.jpg)
4、窗口 样式 新建样式 确定。 ![](http://img.tulaoshi.com/image/20160205/1217f5ba0e9ce3b773884f2e8b05e789.jpg)
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)5、设置另外2个圆的只要点击保存的刚才保存的样式就可以了(如上图)。![](http://img.tulaoshi.com/image/20160205/2070427ccb949669726ccfbe0d382daa.jpg)
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)6、复制一个圆,删除样式(拉到垃圾桶),CTRL+T缩小,填充颜色如下。![](http://img.tulaoshi.com/image/20160205/320979dff77bccd9ebae35eed3e60530.jpg)
7、滤镜 模糊 动感模糊。 ![](http://img.tulaoshi.com/image/20160205/14d48ad30ac558c7a4b8b9e2a7f72415.jpg)
8、用矩形框选工具删除多余部分,把图层放在圆的底层,透明度设置在25%-75%。![](http://img.tulaoshi.com/image/20160205/a65a79c8147fcdd2acdc129584564c64.jpg)
9、这是一个很简单的步骤,只需要一分钟。创建了一个更大的圈,重复刚才的步骤,其中斜面浮雕和阴影设置如下%。![](http://img.tulaoshi.com/image/20160205/2807375af55bc986d30002aefc1626e5.jpg)
![](http://img.tulaoshi.com/image/20160205/3c52e3d3b0bcafde69f27e21bf1ab8bf.jpg)
最终效果:![](http://img.tulaoshi.com/image/20160205/501e674a321f051a8674dab0958c244c.jpg)