PS教程 Photoshop制作圆形简洁开关图标
发布时间:2015-06-06 来源:查字典编辑
摘要:想要自己用photoshop设计出一个圆形简介开关,那么就一起来看看下面这个教程吧,制作之前我们先找一些实物照片来分析一下开关的质感,色彩表...
想要自己用photoshop设计出一个圆形简介开关,那么就一起来看看下面这个教程吧,制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等。然后分解开关,了解它的结构。再设定材质为塑料,设定好光源位置就可以绘制了。
效果图:
![PS教程 Photoshop制作圆形简洁开关图标1](/Images/jiaocheng/2015-06-06/417688195.jpg)
PS教程 Photoshop制作圆形简洁开关图标(上)
1、先建立一个1136 * 640的画布。
![PS教程 Photoshop制作圆形简洁开关图标2](/Images/jiaocheng/2015-06-06/1916291069.jpg)
2、在这个画布上,用椭圆工具勾绘出一个圆形,作为按钮侧面,命名图层为“按钮-下”。
![PS教程 Photoshop制作圆形简洁开关图标3](/Images/jiaocheng/2015-06-06/2203187844.jpg)
3、建立一个新图层,画一个同样大小的同心圆,再选中底边锚点,向上拖到锚点位置如图,作为按钮正面,命名图层为“按钮-上”。
![PS教程 Photoshop制作圆形简洁开关图标4](/Images/jiaocheng/2015-06-06/1377119578.jpg)
4、编辑“按钮-上”,绘制开关按钮正面的形状和质感,图层样式如下图。
![PS教程 Photoshop制作圆形简洁开关图标5](/Images/jiaocheng/2015-06-06/3865376129.jpg)
![PS教程 Photoshop制作圆形简洁开关图标6](/Images/jiaocheng/2015-06-06/2595724762.jpg)
![PS教程 Photoshop制作圆形简洁开关图标7](/Images/jiaocheng/2015-06-06/1353082855.jpg)
![PS教程 Photoshop制作圆形简洁开关图标8](/Images/jiaocheng/2015-06-06/1232587163.jpg)
![PS教程 Photoshop制作圆形简洁开关图标9](/Images/jiaocheng/2015-06-06/2092382933.jpg)
5、接着我们编辑“按钮-上”,绘制开关按钮侧下方的形状和质感,图层样式如下。
![PS教程 Photoshop制作圆形简洁开关图标10](/Images/jiaocheng/2015-06-06/3934996906.jpg)
![PS教程 Photoshop制作圆形简洁开关图标11](/Images/jiaocheng/2015-06-06/3655463198.jpg)
![PS教程 Photoshop制作圆形简洁开关图标12](/Images/jiaocheng/2015-06-06/1724202648.jpg)
![PS教程 Photoshop制作圆形简洁开关图标13](/Images/jiaocheng/2015-06-06/71563003.jpg)
![PS教程 Photoshop制作圆形简洁开关图标14](/Images/jiaocheng/2015-06-06/1693504119.jpg)
6、接着我们画用来按钮按钮的凹槽位。同样的方法我们画一个稍大一些的同心圆,图层名“凹槽”,然后添加下图所示的样式。
![PS教程 Photoshop制作圆形简洁开关图标15](/Images/jiaocheng/2015-06-06/3230864186.jpg)
![PS教程 Photoshop制作圆形简洁开关图标16](/Images/jiaocheng/2015-06-06/3428870613.jpg)
![PS教程 Photoshop制作圆形简洁开关图标17](/Images/jiaocheng/2015-06-06/5154854.jpg)
![PS教程 Photoshop制作圆形简洁开关图标18](/Images/jiaocheng/2015-06-06/3355273918.jpg)
![PS教程 Photoshop制作圆形简洁开关图标19](/Images/jiaocheng/2015-06-06/1885410060.jpg)
7、至此,我们已经完成了70%了,需要再加上阴影。阴影层,我使用了一个稍微“瘦”一些的椭圆形状,这样形成的阴影看起来更加真实。
![PS教程 Photoshop制作圆形简洁开关图标20](/Images/jiaocheng/2015-06-06/1314893785.jpg)
8、最后我们再打上OFF,ON的字样,再增加一点泛红光的效果,完成最终效果。
![PS教程 Photoshop制作圆形简洁开关图标21](/Images/jiaocheng/2015-06-06/2309599009.jpg)
怎么样,学会了吗?