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

UI教程,设计金属质感的UI图标教程

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

教程讲解十分详细,主要分几个部分完成,分别是设计底纹,然后通过图层样式制作金属按钮,最后加上图案即可完成。

UI教程,设计金属质感的UI图标教程

步骤四:

为底座-2添加金属拉丝效果,新建图层填充#9f9f9f,添加杂色执行动感模糊命令,并创建剪贴蒙版,调整不透明度。

UI教程,设计金属质感的UI图标教程

UI教程,设计金属质感的UI图标教程

UI教程,设计金属质感的UI图标教程

UI教程,设计金属质感的UI图标教程

步骤五:

复制金属拉丝,ctrl+t旋转90度,并依次创建剪贴蒙版

UI教程,设计金属质感的UI图标教程

步骤六:

现在我们绘制内框位置,绘制两个圆角矩形,大小分别为450px,390px圆角半径为90px,合并形状选择路径选择工具,选中内框减去顶层形状,并添加图层样式。

UI教程,设计金属质感的UI图标教程

UI教程,设计金属质感的UI图标教程

UI教程,设计金属质感的UI图标教程

UI教程,设计金属质感的UI图标教程

UI教程,设计金属质感的UI图标教程

步骤七:

我们为内框添加金属拉丝效果吧,复制内框图层清除图层样式。获取选区其它操作方式如上,并调整不透明度。

UI教程,设计金属质感的UI图标教程

UI教程,设计金属质感的UI图标教程

UI教程,设计金属质感的UI图标教程

UI教程,设计金属质感的UI图标教程

*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打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条