图标制作,绘制相机风格的立体图标

本篇教程主要利用PS制作一款蓝色深邃的立体风格相机图标,这款模仿的是锤子手机相机图标,主要会用到我们的老朋友图层样式,喜欢图标制作的同学们一起来学习下吧。

用ps制作金属质感ZIP按钮

本教程学习如何用photoshop制作一个金属质感ZIP图标,先看效果图。 新建文档1280×1024像素,背景白色,建新层,用椭圆工具画一正圆填充黑色。 添加图层样式。 副标题 效果如下。 建新层,画一个小的黑色正圆。 添加图层样式。 副标题 效果如下。 建新层,用钢笔

本篇教程主要利用PS制作一款蓝色深邃的立体风格相机图标,主要会用到我们的老朋友图层样式,喜欢图标制作的同学们一起来学习下吧。

效果图:

图标制作,绘制相机风格的立体图标插图

图标原图是锤子手机镜头,自己很喜欢锤子的ICON设计,捧着对锤子手机设计师的崇拜和敬佩,于是自己花了空闲时间做了这样一个写实镜头图标绘制 ~ 源文件在下面大家可以下载,每一步都很详细噢~嘻嘻(可爱脸)

坚持做完这个教程,你会对写实图标有一定的认识和感触

新建一个994*740的画布

图标制作,绘制相机风格的立体图标插图(1)

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

图标制作,绘制相机风格的立体图标插图(2)

图标制作,绘制相机风格的立体图标插图(3)

图标制作,绘制相机风格的立体图标插图(4)

图标制作,绘制相机风格的立体图标插图(5)

图标制作,绘制相机风格的立体图标插图(6)

效果如下图

图标制作,绘制相机风格的立体图标插图(7)

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

图标制作,绘制相机风格的立体图标插图(8)

图标制作,绘制相机风格的立体图标插图(9)

图标制作,绘制相机风格的立体图标插图(10)

效果如下图

图标制作,绘制相机风格的立体图标插图(11)

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

图标制作,绘制相机风格的立体图标插图(12)

图标制作,绘制相机风格的立体图标插图(13)

图标制作,绘制相机风格的立体图标插图(14)

继续复制椭圆4

图标制作,绘制相机风格的立体图标插图(15)

图标制作,绘制相机风格的立体图标插图(16)

图标制作,绘制相机风格的立体图标插图(17)

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

图标制作,绘制相机风格的立体图标插图(18)

图标制作,绘制相机风格的立体图标插图(19)

图标制作,绘制相机风格的立体图标插图(20)

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

图标制作,绘制相机风格的立体图标插图(21)

图标制作,绘制相机风格的立体图标插图(22)

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

接下来都在主心圆上进行创建剪贴蒙版

1 复制椭圆1 ,椭圆进行高斯模糊边缘并且上移。颜色叠加0f0f1b

如图所示:

图标制作,绘制相机风格的立体图标插图(23)

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

图标制作,绘制相机风格的立体图标插图(24)

图标制作,绘制相机风格的立体图标插图(25)

图标制作,绘制相机风格的立体图标插图(26)

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

图标制作,绘制相机风格的立体图标插图(27)

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

图标制作,绘制相机风格的立体图标插图(28)

图标制作,绘制相机风格的立体图标插图(29)

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

图标制作,绘制相机风格的立体图标插图(30)

图标制作,绘制相机风格的立体图标插图(31)

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

图标制作,绘制相机风格的立体图标插图(32)

图标制作,绘制相机风格的立体图标插图(33)

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

图标制作,绘制相机风格的立体图标插图(34)

图标制作,绘制相机风格的立体图标插图(35)

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

图标制作,绘制相机风格的立体图标插图(36)

图标制作,绘制相机风格的立体图标插图(37)

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

图标制作,绘制相机风格的立体图标插图

学号PS的方法很多,但万变不离其宗的是,必须多练习,同学们要多动手练习才能提高PS技术。

本篇教程主要利用PS制作一款蓝色深邃的立体风格相机图标,主要会用到我们的老朋友图层样式,喜欢图标制作的同学们一起来学习下吧。

效果图:

图标制作,绘制相机风格的立体图标插图

图标原图是锤子手机镜头,自己很喜欢锤子的ICON设计,捧着对锤子手机设计师的崇拜和敬佩,于是自己花了空闲时间做了这样一个写实镜头图标绘制 ~ 源文件在下面大家可以下载,每一步都很详细噢~嘻嘻(可爱脸)

坚持做完这个教程,你会对写实图标有一定的认识和感触

新建一个994*740的画布

图标制作,绘制相机风格的立体图标插图(1)

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

图标制作,绘制相机风格的立体图标插图(2)

图标制作,绘制相机风格的立体图标插图(3)

图标制作,绘制相机风格的立体图标插图(4)

图标制作,绘制相机风格的立体图标插图(5)

图标制作,绘制相机风格的立体图标插图(6)

效果如下图

图标制作,绘制相机风格的立体图标插图(7)

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

图标制作,绘制相机风格的立体图标插图(8)

图标制作,绘制相机风格的立体图标插图(9)

图标制作,绘制相机风格的立体图标插图(10)

效果如下图

图标制作,绘制相机风格的立体图标插图(11)

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

图标制作,绘制相机风格的立体图标插图(12)

图标制作,绘制相机风格的立体图标插图(13)

图标制作,绘制相机风格的立体图标插图(14)

继续复制椭圆4

图标制作,绘制相机风格的立体图标插图(15)

图标制作,绘制相机风格的立体图标插图(16)

图标制作,绘制相机风格的立体图标插图(17)

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

图标制作,绘制相机风格的立体图标插图(18)

图标制作,绘制相机风格的立体图标插图(19)

图标制作,绘制相机风格的立体图标插图(20)

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

图标制作,绘制相机风格的立体图标插图(21)

图标制作,绘制相机风格的立体图标插图(22)

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

接下来都在主心圆上进行创建剪贴蒙版

1 复制椭圆1 ,椭圆进行高斯模糊边缘并且上移。颜色叠加0f0f1b

如图所示:

图标制作,绘制相机风格的立体图标插图(23)

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

图标制作,绘制相机风格的立体图标插图(24)

图标制作,绘制相机风格的立体图标插图(25)

图标制作,绘制相机风格的立体图标插图(26)

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

图标制作,绘制相机风格的立体图标插图(27)

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

图标制作,绘制相机风格的立体图标插图(28)

图标制作,绘制相机风格的立体图标插图(29)

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

图标制作,绘制相机风格的立体图标插图(30)

图标制作,绘制相机风格的立体图标插图(31)

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

图标制作,绘制相机风格的立体图标插图(32)

图标制作,绘制相机风格的立体图标插图(33)

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

图标制作,绘制相机风格的立体图标插图(34)

图标制作,绘制相机风格的立体图标插图(35)

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

图标制作,绘制相机风格的立体图标插图(36)

图标制作,绘制相机风格的立体图标插图(37)

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

图标制作,绘制相机风格的立体图标插图

学号PS的方法很多,但万变不离其宗的是,必须多练习,同学们要多动手练习才能提高PS技术。

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部