当前位置: 主页 > 平面设计 > 学习制作精致相机图标的PS教程

学习制作精致相机图标的PS教程

  • 2021-08-18
  • 来源/作者: 网络/ 网络
  • 2 次浏览

相机图标的镜头部分稍微复杂一点,但作者非常强大。这一切都是用图层样式完成的。制作时,只需绘制底图并添加图层样式。最终效果

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

 

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

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

 

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

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

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

 

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

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

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

 

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

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

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

 

五、设置等高线。

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

 

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

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

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

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

 

最终效果:

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