psschool 发表于 2017-11-21 00:00:00

绘制立体风格的相机图标设计的Photoshop教程

先看看效果图

http://www.06ps.com/d/file/2017/1121/1511231298734.png

图标原图是锤子手机镜头，自己很喜欢锤子的ICON设计，捧着对锤子手机设计师的崇拜和敬佩，于是自己花了空闲时间做了这样一个写实镜头图标绘制 ~ 源文件在下面大家可以下载，每一步都很详细噢~嘻嘻(可爱脸)
坚持做完这个教程，你会对写实图标有一定的认识和感触
新建一个994*740的画布

http://www.06ps.com/d/file/2017/1121/1511231305268.png

先新建一个正圆，并垂直水平居中，添加图层样式(fx)。渐变叠加和投影

http://www.06ps.com/d/file/2017/1121/1511231306575.png

http://www.06ps.com/d/file/2017/1121/1511231309194.png

http://www.06ps.com/d/file/2017/1121/1511231311512.png

http://www.06ps.com/d/file/2017/1121/1511231314503.jpg

http://www.06ps.com/d/file/2017/1121/1511231316942.jpg


               
               
效果如下图

http://www.06ps.com/d/file/2017/1121/1511231317208.png

[2,复制椭圆1 ，调整椭圆2大小为450*450，添加图层样式(fx)。渐变叠加和投影

http://www.06ps.com/d/file/2017/1121/1511231318689.png

http://www.06ps.com/d/file/2017/1121/1511231321947.jpg

http://www.06ps.com/d/file/2017/1121/1511231322960.png

效果如下图

http://www.06ps.com/d/file/2017/1121/1511231324634.png


               
               
[3,复制椭圆2 ，调整椭圆2大小为440*440，添加图层样式(fx)。渐变叠加和内阴影

http://www.06ps.com/d/file/2017/1121/1511231325365.png

http://www.06ps.com/d/file/2017/1121/1511231328800.jpg

http://www.06ps.com/d/file/2017/1121/1511231334649.jpg

继续复制椭圆4

http://www.06ps.com/d/file/2017/1121/1511231336982.png

http://www.06ps.com/d/file/2017/1121/1511231337867.png

http://www.06ps.com/d/file/2017/1121/1511231339473.png


               
               
现在继续画镜头内部。新建椭圆1 ，颜色叠加。

http://www.06ps.com/d/file/2017/1121/1511231340175.png

http://www.06ps.com/d/file/2017/1121/1511231343421.jpg

http://www.06ps.com/d/file/2017/1121/1511231345129.jpg

复制刚才的椭圆1。并ctrl+t ，拖动减小椭圆，效果如下图所示：

http://www.06ps.com/d/file/2017/1121/1511231348553.png

http://www.06ps.com/d/file/2017/1121/1511231350156.png

命名为主心圆 ，颜色填充为 2277b2。

               
               
接下来都在主心圆上进行创建剪贴蒙版。
1 复制椭圆1 ，椭圆进行高斯模糊边缘并且上移。颜色叠加0f0f1b
如图所示：

http://www.06ps.com/d/file/2017/1121/1511231351768.png

新建椭圆 描边填充0a0e58 水平垂直居中，并添加内阴影和投影

http://www.06ps.com/d/file/2017/1121/1511231353690.png

http://www.06ps.com/d/file/2017/1121/1511231355745.png

http://www.06ps.com/d/file/2017/1121/1511231357646.png

新建椭圆 ，大小自己认为的适合调节，填充1e4db1，加图层蒙版，黑白渐变控制舒适虚化。

http://www.06ps.com/d/file/2017/1121/1511231358776.png


               
               
再次新建椭圆 ，大小自己认为的适合调节，填充0e57a9，加图层蒙版，黑白渐变控制舒适虚化

http://www.06ps.com/d/file/2017/1121/1511231360905.png

http://www.06ps.com/d/file/2017/1121/1511231361569.png

新建多边形三角形 ，填充2f6eab，图层不透明度为10%。图层混合模式为变亮，复制，上下对称

http://www.06ps.com/d/file/2017/1121/1511231363142.png

http://www.06ps.com/d/file/2017/1121/1511231364640.png

接下来添加圆形亮光，并置于主心圆最上部分。调整适合的不透明度。

http://www.06ps.com/d/file/2017/1121/1511231366737.png

http://www.06ps.com/d/file/2017/1121/1511231367617.png


               
               
现在完成镜头内部，部分进行高斯模糊以为图层蒙版来调整。

http://www.06ps.com/d/file/2017/1121/1511231369734.png

http://www.06ps.com/d/file/2017/1121/1511231370250.png

最后在主心圆最低端添加亮光点缀，形状椭圆高斯模糊。注意不透明度调整。图层混合模式为变亮

http://www.06ps.com/d/file/2017/1121/1511231372120.png

http://www.06ps.com/d/file/2017/1121/1511231373677.png

然后就大功告成啦! 其实很简单对不对。

http://www.06ps.com/d/file/2017/1121/1511231298734.png
页: [1]
查看完整版本: 绘制立体风格的相机图标设计的Photoshop教程