Photoshop制作简洁大气的圆形开关图标
站酷 发布时间：2014-05-19 09:39:20 作者：残酷de乐章 
我要评论
我要评论制作之前我们先找一些实物照片来分析一下开关的质感，色彩表现等。然后分解开关，了解它的结构。再设定材质为塑料，设定好光源位置就可以绘制了
制作之前我们先找一些实物照片来分析一下开关的质感，色彩表现等。然后分解开关，了解它的结构。再设定材质为塑料，设定好光源位置就可以绘制了。
最终效果
1、先建立一个1136 * 640的画布。
2、在这个画布上，用椭圆工具勾绘出一个圆形，作为按钮侧面，命名图层为“按钮-下”。
3、建立一个新图层，画一个同样大小的同心圆，再选中底边锚点，向上拖到锚点位置如图，作为按钮正面，命名图层为“按钮-上”。
4、编辑“按钮-上”，绘制开关按钮正面的形状和质感，图层样式如下图。
5、接着我们编辑“按钮-上”，绘制开关按钮侧下方的形状和质感，图层样式如下。
6、接着我们画用来按钮按钮的凹槽位。同样的方法我们画一个稍大一些的同心圆，图层名“凹槽”，然后添加下图所示的样式。
7、至此，我们已经完成了70%了，需要再加上阴影。阴影层，我使用了一个稍微“瘦”一些的椭圆形状，这样形成的阴影看起来更加真实。
8、最后我们再打上OFF，ON的字样，再增加一点泛红光的效果，完成最终效果。
最终效果
1、先建立一个1136 * 640的画布。
2、在这个画布上，用椭圆工具勾绘出一个圆形，作为按钮侧面，命名图层为“按钮-下”。
3、建立一个新图层，画一个同样大小的同心圆，再选中底边锚点，向上拖到锚点位置如图，作为按钮正面，命名图层为“按钮-上”。
4、编辑“按钮-上”，绘制开关按钮正面的形状和质感，图层样式如下图。
5、接着我们编辑“按钮-上”，绘制开关按钮侧下方的形状和质感，图层样式如下。
6、接着我们画用来按钮按钮的凹槽位。同样的方法我们画一个稍大一些的同心圆，图层名“凹槽”，然后添加下图所示的样式。
7、至此，我们已经完成了70%了，需要再加上阴影。阴影层，我使用了一个稍微“瘦”一些的椭圆形状，这样形成的阴影看起来更加真实。
8、最后我们再打上OFF，ON的字样，再增加一点泛红光的效果，完成最终效果。
相关文章
- 本教程主要使用Photoshop设计蓝色立体效果的圆形图标，经常看到有人问这种圆型icon要怎么做，觉得很有趣稍微思考一下原理2014-06-04
- 非常有创意也很有特色的教程，制作思路很新颖，首先是用滤镜来描出人物的边，然后再给边添加路径再描述圆斑笔刷，最后渲染上非常惊艳的亮色彩2013-08-07
环形光束看上去有点复杂，不过制作并不难，很多光束可以直接用滤镜来完成，尤其是比较密集的光束部分。这样可以省去大量手工刻画的过程2013-05-15- photoshop设计制作圆形纽扣式按钮，喜欢的朋友可以试试看。2013-02-20
水珠的制作重点就是高光部分的渲染，边缘，中间等都有高光区域，并且高光形状各不相同。刻画的时候需要配合蒙版、涂抹工具、滤镜等来共同完成。2012-08-14
水珠构成是非常复杂的，边缘及中间部分都是由高光及暗部区域交错叠加而成。渲染的时候需要更改图层的混合模式及不透明度，这样叠加的效果才会有层次及透明感。2012-02-01
本ps教程学习如何用photoshop制作类似电灯开关的黑色按钮，主要用到了自定义形状工具和图层样式。2011-12-23- 这篇文章主要介绍了photoshop制作圆形渐变边框教程的相关资料,需要的朋友可以参考下2016-12-20
最新评论