相机图标的镜片部分稍微复杂一点,不过作者非常厉害,全部用图层样式来完成,制作的时候只需画好一个底图,然后添加图层样式即可。最终效果

制作精致相机图标的PS实例教程

 

一、新建大小自定的文件,背景填充黑色。选择圆角矩形工具在画布上画一个200 * 200像素,圆半径为40PX的圆角矩形。

制作精致相机图标的PS实例教程

 

二、双击图层面板缩略图调出图层样式,先设置渐变叠加,如下图。

制作精致相机图标的PS实例教程 

制作精致相机图标的PS实例教程

 

三、前面说过,内发光的思路是靠她来遮住镜头以外的渐变,并以此增加一圈径向的渐变色,这里参数很重要,并且尺寸不同,效果也会不一样,这也解释了为什么第1步时我需要指定大小哈。

制作精致相机图标的PS实例教程 

制作精致相机图标的PS实例教程

 

四、最关键的一步来了,我们现在要画出镜头的轮廓及。用什么画?当然是斜面浮雕呀,斜面浮雕真是个好东西,她只要两个等高线就能做出复杂的结构样式,想要学好UI的同学们最好花精力研究下哦,后面我有相关的详细讲解。这里若自己调整参数可能需要回过头继续调整一下内发光,因为两者的尺寸是呼应的。

制作精致相机图标的PS实例教程 

制作精致相机图标的PS实例教程 

 

五、设置等高线。

制作精致相机图标的PS实例教程

 

六、其实完成上面一步,这相机就已经成型了,所以下面的参数并没那么重要,同学们完全可以按照自己的理解和喜好来完成最后的润饰。为了照顾新手和教程的完整性,我还是贴出了参数。

制作精致相机图标的PS实例教程 

制作精致相机图标的PS实例教程