四个神兽 發表於 2016-6-21 17:05:31

PS利用图层样式制作播放器按钮

<p>这篇教程是向琼殿技术社区的朋友分享PS利用图层样式制作播放器按钮方法，效果图中的按钮共有两层，分别由不同颜色的圆构成。制作的时候只需要先画出合适的圆形，然后用图层样式添加颜色和质感，再在底部增加一点暗部和高光即可。</p>
<p><strong><font color="#ff0000">步骤</font></strong></p>
<p>1、文件&gt;新建，尺寸为800X600像素，72分辨率的文件。在颜色面板，设置前景色值#eceff6，背景色值#bec1cc。图像&gt;新建填充图层&gt;渐变（确定）&gt;下拉找到刚才设置的颜色&gt;勾上(反向-仿色-与图层对齐)。</p>
<p align="center"><img alt="教你利用图层样式制作播放器按钮教程PS" src="https://img.jbzj.com/file_images/Photoshop/201606/20160621170216539.jpg" /></p>
<p align="center"><img alt="教你利用图层样式制作播放器按钮教程PS" src="https://img.jbzj.com/file_images/Photoshop/201606/20160621170216540.jpg" /></p>
<p>2、用形状工具画3个圆，选择3个圆的图层，回到选择工具然后如下图点击红色部分对齐。</p>
<p align="center"><img alt="教你利用图层样式制作播放器按钮教程PS" src="https://img.jbzj.com/file_images/Photoshop/201606/20160621170216541.jpg" /></p>
<p>3、回到图层面板双击其中一个圆设置图层样式如下：斜面浮雕、内阴影、渐变叠加、外发光、阴影。</p>
<p align="center"><img alt="教你利用图层样式制作播放器按钮教程PS" src="https://img.jbzj.com/file_images/Photoshop/201606/20160621170216542.jpg" /></p>
<p>4、窗口 &gt; 样式 &gt; 新建样式 &gt; 确定。</p>
<p align="center"><img alt="教你利用图层样式制作播放器按钮教程PS" src="https://img.jbzj.com/file_images/Photoshop/201606/20160621170216543.jpg" /></p>
<p>5、设置另外2个圆的只要点击保存的刚才保存的样式就可以了（如上图）。</p>
<p align="center"><img alt="教你利用图层样式制作播放器按钮教程PS" src="https://img.jbzj.com/file_images/Photoshop/201606/20160621170216544.jpg" /></p>
<p>6、复制一个圆，删除样式（拉到垃圾桶），CTRL+T缩小，填充颜色如下。</p>
<p align="center"><img alt="教你利用图层样式制作播放器按钮教程PS" src="https://img.jbzj.com/file_images/Photoshop/201606/20160621170216545.jpg" /></p>
<p>7、滤镜 &gt; 模糊 &gt; 动感模糊。</p>
<p align="center"><img alt="教你利用图层样式制作播放器按钮教程PS" src="https://img.jbzj.com/file_images/Photoshop/201606/20160621170216546.jpg" /></p>
<p>8、用矩形框选工具&gt;删除多余部分，把图层放在圆的底层，透明度设置在25%-75%。</p>
<p align="center"><img alt="教你利用图层样式制作播放器按钮教程PS" src="https://img.jbzj.com/file_images/Photoshop/201606/20160621170216547.jpg" /></p>
<p>9、这是一个很简单的步骤,只需要一分钟。创建了一个更大的圈，重复刚才的步骤，其中斜面浮雕和阴影设置如下%。</p>
<p align="center"><img alt="教你利用图层样式制作播放器按钮教程PS" src="https://img.jbzj.com/file_images/Photoshop/201606/20160621170216548.jpg" /></p>
<p>最终效果：</p>
<p align="center"><img alt="教你利用图层样式制作播放器按钮教程PS" src="https://img.jbzj.com/file_images/Photoshop/201606/20160621170216549.jpg" /></p>
<p>以上就是PS利用图层样式制作播放器按钮方法介绍，操作很简单的，大家喜欢吗？有兴趣的朋友快快来看看吧！</p>
頁: [1]
查看完整版本: PS利用图层样式制作播放器按钮