教程 发表于 2020-4-16 15:33:01

用PS制作金属质感图标

教程作者:喜羊羊爱平底锅
本篇教程通过PS制作金属质感图标,图标教程做过许多,不知道同学们学的如何,本篇教程很简单,同学们也可以做其他颜色的,整个教程通过图层样式进行制作,再添加上效果,通过滤镜中的添加杂色做出拉丝效果,整个图标看起来会更有质感,感兴趣的同学们可以跟着教程制作一下。

效果图:

http://pic1.16xx8.com/allimg/180611/16xx8-79146-0.png

操作步骤:

1.首先新建画布,以500*500px为案例



http://pic1.16xx8.com/allimg/180611/16xx8-79146-1.png

2.新建画布之后我们开始创作图标,首先建立圆角矩形,按住shift键画一个正圆角,右侧属性栏调整圆角大小

http://pic1.16xx8.com/allimg/180611/16xx8-79146-2.pnghttp://pic1.16xx8.com/allimg/180611/16xx8-79146-3.png

3.开始制作金属质感颜色,用渐变实现金属质感

http://pic1.16xx8.com/allimg/180611/16xx8-79146-4.thumb.png

渐变色值参数:#ffffff #454545 #a3a3a3

4.现在底层金属质感已经出来了,接下来就是拉丝效果的制作了

(1)新建图层剪切到刚制作的金属质感图层,填充白色(任意色都可以)

(2)将做好的金属质感图层栅格化图层样式(此操作是为了能让后面的拉丝质感可以显示出来)

http://pic1.16xx8.com/allimg/180611/16xx8-79146-5.png

(3)在新建立的图层上面添加效果,执行“滤镜”-“杂色”-“添加杂色”(必须执行此步骤,不然拉丝效果显示不出来),

添加杂色越多后期效果越明显

http://pic1.16xx8.com/allimg/180611/16xx8-79146-6.png

(4)继续执行“滤镜”-“模糊”-“动感模糊”,模糊方向可以自定,模糊距离越大还是效果更明显,

http://pic1.16xx8.com/allimg/180611/16xx8-79146-7.png

(5)最后一步就是调整图层样式就可以了

http://pic1.16xx8.com/allimg/180611/16xx8-79146-8.png

我这里调整的是滤色,小伙伴可以自行选择,渐变也可以根据实际情况进行调整

完成:

http://pic1.16xx8.com/allimg/180611/16xx8-79146-0.png

同学们可以跟着教程做一下,整体还是比较简单的。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

林林苗 发表于 2020-4-16 15:33:49

我的作业:

Elyvan 发表于 2020-4-20 10:10:57

我的作业:

乌克兰拖拉机史 发表于 2020-4-21 23:15:26

我的作业:

乌克兰拖拉机史 发表于 2020-4-21 23:19:00

我的作业:

查查 发表于 2020-4-22 00:30:35

乌克兰拖拉机史 发表于 2020-4-21 23:19
我的作业:

重新传一次吧,现在可以上传了

乌克兰拖拉机史 发表于 2020-4-22 20:45:37


查查 发表于 2020-4-23 05:56:31

乌克兰拖拉机史 发表于 2020-4-22 20:45


没做动感模糊?

vipower2008 发表于 2020-4-23 21:45:14

我的作业:
页: [1]
查看完整版本: 用PS制作金属质感图标