当前位置:首页 > PS教程 > 网页设计

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

  • 2022-12-24 18:53:53
  • 来源/作者:互联网/佚名
  • 己被围观

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

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

效果图:

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

操作步骤:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

完成:

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

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

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条