当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

图标设计,用PS制作金属质感图标

来源:站酷 作者:喜羊羊爱平底锅 学习:26672人次

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

效果图:

图标设计,用PS制作金属质感图标_www.16xx8.com

操作步骤:

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

图标设计,用PS制作金属质感图标_www.16xx8.com

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

图标设计,用PS制作金属质感图标_www.16xx8.com图标设计,用PS制作金属质感图标_www.16xx8.com

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

图标设计,用PS制作金属质感图标_www.16xx8.com
www.16xx8.com

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

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

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

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

图标设计,用PS制作金属质感图标_www.16xx8.com

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

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

图标设计,用PS制作金属质感图标_www.16xx8.com

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

图标设计,用PS制作金属质感图标_www.16xx8.com

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

图标设计,用PS制作金属质感图标_www.16xx8.com

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

完成:

图标设计,用PS制作金属质感图标_www.16xx8.com

同学们可以跟着教程做一下,整体还是比较简单的。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
vipower20082020-04-23 09:45
我的作业:

查查2020-04-23 05:56
乌克兰拖拉机史2020-04-22 08:45

查查2020-04-22 12:30
乌克兰拖拉机史 发表于 2020-4-21 23:19
我的作业:
重新传一次吧,现在可以上传了
乌克兰拖拉机史2020-04-21 11:19
我的作业:
乌克兰拖拉机史2020-04-21 11:15
我的作业:
Elyvan2020-04-20 10:10
我的作业:

林林苗2020-04-16 03:33
我的作业:

沉眠之地2019-02-14 10:26
非常好
夶掱牵尐掱2018-08-02 01:17
学习学习~~~~
凡尘有泪2018-08-01 01:18
看看学下下!!
凡尘有泪2018-08-01 01:18
看看学下下!!
丽丽2018-08-01 11:10
32个赞
苗条的妞儿2018-08-01 01:46
签到

关注大神微博加入>>

网友求助,请回答!