psschool 发表于 2017-8-11 00:00:00

Photoshop图层样式绘制播放器开关按钮效果图

最终效果：

http://www.06ps.com/d/file/2017/0811/1502411423696.jpg

下面是教程：

http://www.06ps.com/d/file/2017/0811/1502411424321.jpg

步骤一：首先新建画布1000px*1000px画布，命名为播放图标，为其添加渐变叠加图层样式。

http://www.06ps.com/d/file/2017/0811/1502411425218.png

http://www.06ps.com/d/file/2017/0811/1502411427184.jpg

http://www.06ps.com/d/file/2017/0811/1502411428550.jpg


               
               
步骤二：我们最先来绘制底座吧，使用圆角矩形工具、绘制一个500px*500px圆角半径90px的底座，并为它添加图层样式。

http://www.06ps.com/d/file/2017/0811/1502411429841.png

http://www.06ps.com/d/file/2017/0811/1502411431337.jpg

http://www.06ps.com/d/file/2017/0811/1502411432479.png

http://www.06ps.com/d/file/2017/0811/1502411433356.jpg

步骤三：高逼格的底座一下就出来了，有木有!!!现在来绘制下装饰部分，绘制两个360px的正圆，将填充数值都设置为0。

http://www.06ps.com/d/file/2017/0811/1502411434133.jpg


               
               
步骤四：现在为装饰圆添加不同的描边效果，并将多余的线条利用选区框选出来，在图层蒙版遮中填充黑色。

http://www.06ps.com/d/file/2017/0811/1502411435976.jpg

http://www.06ps.com/d/file/2017/0811/1502411436157.jpg

http://www.06ps.com/d/file/2017/0811/1502411437372.jpg

http://www.06ps.com/d/file/2017/0811/1502411439193.jpg

http://www.06ps.com/d/file/2017/0811/1502411440477.jpg

http://www.06ps.com/d/file/2017/0811/1502411441298.png


               
               
步骤五：现在选择直线段工具，长度20px]粗细4px，并复制为加号移动到合适位置，添加OFF文字Adobe 黑体 Std R，字体大小20点颜色#a0a0a0。

http://www.06ps.com/d/file/2017/0811/1502411442150.jpg

步骤六：现在我们来绘制内部圆，继续使用椭圆工具、绘制一个290px*290px的正圆，并为它添加图层样式。

http://www.06ps.com/d/file/2017/0811/1502411444551.png

http://www.06ps.com/d/file/2017/0811/1502411445862.png

http://www.06ps.com/d/file/2017/0811/1502411446251.jpg

http://www.06ps.com/d/file/2017/0811/1502411447255.jpg


               
               
步骤七：现在我们来绘制圆环，绘制两个正圆大小分别为200x,180px的正圆，将俩个合并为一个形状层，选择路径选择工具选择内圆，减去顶层形状，并添加图层样式。

http://www.06ps.com/d/file/2017/0811/1502411448224.jpg

http://www.06ps.com/d/file/2017/0811/1502411450223.png

http://www.06ps.com/d/file/2017/0811/1502411451375.jpg

http://www.06ps.com/d/file/2017/0811/1502411452170.png

http://www.06ps.com/d/file/2017/0811/1502411453773.png

http://www.06ps.com/d/file/2017/0811/1502411455551.jpg


               
               
步骤八：继续使用椭圆工具，绘制一个180px*180px的正圆，并添加图层样式。

http://www.06ps.com/d/file/2017/0811/1502411456750.jpg

http://www.06ps.com/d/file/2017/0811/1502411457317.jpg

步骤九：现在我们来绘制一下最后的小圆吧，绘制一个20px*20px的正圆，并添加图层样式。

http://www.06ps.com/d/file/2017/0811/1502411459638.jpg

http://www.06ps.com/d/file/2017/0811/1502411460795.jpg

步骤十：就剩高光部分了哦，绘制一个大小为180px的正圆，将填充设置为0，添加图层样式吧。

http://www.06ps.com/d/file/2017/0811/1502411461913.png

http://www.06ps.com/d/file/2017/0811/1502411462859.jpg

最终效果图

http://www.06ps.com/d/file/2017/0811/1502411423696.jpg

进入论坛交作业：http://www.missyuan.com/thread-818085-1-1.html
页: [1]
查看完整版本: Photoshop图层样式绘制播放器开关按钮效果图