用PS制作简洁大气质感的圆形开关按钮图标
<p>本篇教程是向琼殿技术社区的朋友介绍利用PS制作简洁大气质感的圆形开关按钮图标方法，制作之前我们先找一些实物照片来分析一下开关的质感，色彩表现等。然后分解开关，了解它的结构。再设定材质为塑料，设定好光源位置就可以绘制了。教程难度不是很大，新手朋友可以过来学习制作思路，推荐过来，希望大家喜欢，下面我们先来看看最终效果吧！</p><p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="700" height="521" src="https://img.jbzj.com/file_images/article/201410/2014102009465361.jpg" /></p>
<p>一、先建立一个1136 * 640的画布。</p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="531" height="539" src="https://img.jbzj.com/file_images/article/201410/2014102009465362.jpg" /></p>
<p>二、在这个画布上，用椭圆工具勾绘出一个圆形，作为按钮侧面，命名图层为“按钮-下”。</p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="620" height="395" src="https://img.jbzj.com/file_images/article/201410/2014102009465363.jpg" /></p>
<p>三、建立一个新图层，画一个同样大小的同心圆，再选中底边锚点，向上拖到锚点位置如图，作为按钮正面，命名图层为“按钮-上”。</p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="698" height="399" src="https://img.jbzj.com/file_images/article/201410/2014102009465364.jpg" /></p>
<p>四、编辑“按钮-上”，绘制开关按钮正面的形状和质感，图层样式如下图。</p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="548" height="497" src="https://img.jbzj.com/file_images/article/201410/2014102009465365.jpg" /> </p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="448" height="431" src="https://img.jbzj.com/file_images/article/201410/2014102009465366.jpg" /> </p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="567" height="434" src="https://img.jbzj.com/file_images/article/201410/2014102009465367.jpg" /> </p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="450" height="437" src="https://img.jbzj.com/file_images/article/201410/2014102009465368.jpg" /> </p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="422" height="369" src="https://img.jbzj.com/file_images/article/201410/2014102009465369.jpg" /></p>
<p>五、接着我们编辑“按钮-上”，绘制开关按钮侧下方的形状和质感，图层样式如下。</p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="633" height="488" src="https://img.jbzj.com/file_images/article/201410/2014102009465370.jpg" /> </p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="453" height="432" src="https://img.jbzj.com/file_images/article/201410/2014102009465371.jpg" /> </p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="553" height="434" src="https://img.jbzj.com/file_images/article/201410/2014102009465372.jpg" /> </p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="450" height="439" src="https://img.jbzj.com/file_images/article/201410/2014102009465373.jpg" /> </p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="439" height="365" src="https://img.jbzj.com/file_images/article/201410/2014102009465374.jpg" /></p>
<p>六、接着我们画用来按钮按钮的凹槽位。同样的方法我们画一个稍大一些的同心圆，图层名“凹槽”，然后添加下图所示的样式。</p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="656" height="415" src="https://img.jbzj.com/file_images/article/201410/2014102009465375.jpg" /> </p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="452" height="437" src="https://img.jbzj.com/file_images/article/201410/2014102009465376.jpg" /> </p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="444" height="428" src="https://img.jbzj.com/file_images/article/201410/2014102009465377.jpg" /> </p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="452" height="433" src="https://img.jbzj.com/file_images/article/201410/2014102009465378.jpg" /> </p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="444" height="381" src="https://img.jbzj.com/file_images/article/201410/2014102009465379.jpg" /></p>
<p>七、至此，我们已经完成了70%了，需要再加上阴影。阴影层，我使用了一个稍微“瘦”一些的椭圆形状，这样形成的阴影看起来更加真实。</p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="680" height="425" src="https://img.jbzj.com/file_images/article/201410/2014102009465380.jpg" /></p>
<p>八、最后我们再打上OFF，ON的字样，再增加一点泛红光的效果，完成最终效果。</p>
<p align="center"><img border="0" alt="用PS制作简洁大气的圆形开关图标" width="700" height="521" src="https://img.jbzj.com/file_images/article/201410/2014102009465361.jpg" /></p>
<p align="left">教程结束，以上就是用PS制作简洁大气质感的圆形开关按钮图标过程，希望大家喜欢，谢谢阅读！ </p>
頁:
[1]