腾讯新闻评论区最多的就是喷子 發表於 2014-6-20 14:42:08

教你用PS简单制作蓝色圆形内有音符的水晶按钮

水晶按钮的制作关键是把水晶质感渲染出来。可能勾出的图层较多,注意好每一个图层都需要用图层样式等添加光感,然后再根据光源方向设定好高光位置,这样做出的按钮不仅质感好,而且比较合逻辑。 本文就为大家介绍用PS简单制作蓝色圆形内有音符的水晶按钮,希望大家喜欢!
<p>  <strong>最终效果 </strong></p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="500" height="377" src="https://img.jbzj.com/file_images/article/201406/20140620144218254.jpg" /></p>
<p>  1、新建文档,800x600像素,背景白色,画2个矩形,分别添加样式。</p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="413" height="309" src="https://img.jbzj.com/file_images/article/201406/20140620144218255.jpg" /></p>
<p>  2、底部矩形样式。</p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="273" height="204" src="https://img.jbzj.com/file_images/article/201406/20140620144218256.jpg" /> </p>
<p>  3、上部矩形样式。</p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="275" height="202" src="https://img.jbzj.com/file_images/article/201406/20140620144218257.jpg" /></p>
<p>  4、在画面右侧添加一个白色椭圆,图层模式柔光。</p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="318" height="292" src="https://img.jbzj.com/file_images/article/201406/20140620144218258.jpg" /></p>
<p>  5、建新层,画一白色正圆。</p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="400" height="294" src="https://img.jbzj.com/file_images/article/201406/20140620144218259.jpg" /></p>
<p>  6、添加图层样式。</p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="258" height="412" src="https://img.jbzj.com/file_images/article/201406/20140620144218260.jpg" /></p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="280" height="202" src="https://img.jbzj.com/file_images/article/201406/20140620144218261.jpg" /></p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="390" height="290" src="https://img.jbzj.com/file_images/article/201406/20140620144218262.jpg" /></p>
<p>  7、建新层,画一个小些的黑色正圆,与大圆中心对齐。</p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="328" height="280" src="https://img.jbzj.com/file_images/article/201406/20140620144218263.jpg" /></p>
<p>  8、添加图层样式。</p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="268" height="268" src="https://img.jbzj.com/file_images/article/201406/20140620144218264.jpg" /></p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="292" height="204" src="https://img.jbzj.com/file_images/article/201406/20140620144218265.jpg" /></p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="374" height="278" src="https://img.jbzj.com/file_images/article/201406/20140620144218266.jpg" /></p>
<p>  9、建新层,前景色#204478画一音乐符号。</p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="382" height="290" src="https://img.jbzj.com/file_images/article/201406/20140620144218267.jpg" /></p>
<p>  10、添加图层样式。</p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="374" height="282" src="https://img.jbzj.com/file_images/article/201406/20140620144218268.jpg" /> </p>
<p>  11、建新层,用自定义形状工具画一个白色正圆,然后用钢笔调整节点。</p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="314" height="294" src="https://img.jbzj.com/file_images/article/201406/20140620144218269.jpg" /></p>
<p>  12、将填充归零,添加图层样式。</p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="270" height="206" src="https://img.jbzj.com/file_images/article/201406/20140620144218270.jpg" /></p>
<p>  最终效果:</p>
<p><img alt="PS按钮制作基础教程之制作蓝色圆形水晶" width="500" height="377" src="https://img.jbzj.com/file_images/article/201406/20140620144218254.jpg" /></p>
<p>  以上就是利用PS制作漂亮的蓝色圆形水晶按钮的方法,现在大家是不是已经学会了,希望这篇教程对大家有一定的帮助,尤其是新手朋友,感谢大家的观看!</p>
頁: [1]
查看完整版本: 教你用PS简单制作蓝色圆形内有音符的水晶按钮