photoshop利用图层样式制作清爽的播放器按钮
效果图中的按钮共有两层，分别由不同颜色的圆构成。制作的时候只需要先画出合适的圆形，然后用图层样式添加颜色和质感，再在底部增加一点暗部和高光即可。<br />最终效果<br /><br /><img border="0" hspace="6" alt="" vspace="6" width="700" height="525" src="https://img.jbzj.com/file_images/photoshop/201404/2014042810200187.jpg" /><br /><br /><br />1、文件>新建，尺寸为800X600像素，72分辨率的文件。<br /><br />在颜色面板，设置前景色值#eceff6，背景色值#bec1cc。图像>新建填充图层>渐变（确定）>下拉找到刚才设置的颜色>勾上(反向-仿色-与图层对齐)。 <br /><br /><img border="0" hspace="6" alt="" vspace="6" width="540" height="360" src="https://img.jbzj.com/file_images/photoshop/201404/2014042810200188.jpg" /><br /><br /><img border="0" hspace="6" alt="" vspace="6" width="600" height="600" src="https://img.jbzj.com/file_images/photoshop/201404/2014042810200189.jpg" /><br /> <br />2、用形状工具画3个圆，选择3个圆的图层，回到选择工具然后如下图点击红色部分对齐。 <br /><br /><img border="0" hspace="6" alt="" vspace="6" width="540" height="405" src="https://img.jbzj.com/file_images/photoshop/201404/2014042810200190.jpg" /><br /><br /><img border="0" hspace="6" alt="" vspace="6" width="540" height="138" src="https://img.jbzj.com/file_images/photoshop/201404/2014042810200191.jpg" /><br /><br /><img border="0" hspace="6" alt="" vspace="6" width="540" height="405" src="https://img.jbzj.com/file_images/photoshop/201404/2014042810200192.jpg" /><br /><br />3、回到图层面板双击其中一个圆设置图层样式如下：<br /><br />斜面浮雕、内阴影、渐变叠加、外发光、阴影。 <br /><br /><img border="0" hspace="6" alt="" vspace="6" width="540" height="1752" src="https://img.jbzj.com/file_images/photoshop/201404/2014042810200193.jpg" /><br /> <br />4、窗口 > 样式 > 新建样式 > 确定。 <br /><br /><img border="0" hspace="6" alt="" vspace="6" width="540" height="360" src="https://img.jbzj.com/file_images/photoshop/201404/2014042810200194.jpg" /><br /><br />5、设置另外2个圆的只要点击保存的刚才保存的样式就可以了（如上图）。 <br /><br /><img border="0" hspace="6" alt="" vspace="6" width="540" height="405" src="https://img.jbzj.com/file_images/photoshop/201404/2014042810200195.jpg" /><br /><br />6、复制一个圆，删除样式（拉到垃圾桶），CTRL+T缩小，填充颜色如下。 <br /><br /><img border="0" hspace="6" alt="" vspace="6" width="540" height="405" src="https://img.jbzj.com/file_images/photoshop/201404/2014042810200196.jpg" /><br /><br />7、滤镜 > 模糊 > 动感模糊。 <br /><br /><img border="0" hspace="6" alt="" vspace="6" width="540" height="360" src="https://img.jbzj.com/file_images/photoshop/201404/2014042810200197.jpg" /><br /><br />8、用矩形框选工具>删除多余部分，把图层放在圆的底层，透明度设置在25%-75%。 <br /><br /><img border="0" hspace="6" alt="" vspace="6" width="540" height="405" src="https://img.jbzj.com/file_images/photoshop/201404/2014042810200198.jpg" /><br /> <br />9、这是一个很简单的步骤,只需要一分钟。创建了一个更大的圈，重复刚才的步骤，其中斜面浮雕和阴影设置如下%。 <br /><br /><img border="0" hspace="6" alt="" vspace="6" width="540" height="405" src="https://img.jbzj.com/file_images/photoshop/201404/2014042810200199.jpg" /><br /><br /><img border="0" hspace="6" alt="" vspace="6" width="540" height="440" src="https://img.jbzj.com/file_images/photoshop/201404/20140428102001100.jpg" /><br /><br />最终效果：<br /><br /><img border="0" hspace="6" alt="" vspace="6" width="700" height="525" src="https://img.jbzj.com/file_images/photoshop/201404/2014042810200187.jpg" /><br />
頁:
[1]