PhotoShop设计不锈钢UI图标教程

小晕晕 · 发表于 2015-5-28 16:19:10

执行“滤镜—滤镜库—画笔描边—阴影线”，设置描边长度为38，锐化程度为3，强度为1。

小晕晕 · 发表于 2015-5-28 16:19:10

将这个纹理图层旋转45度，创建剪贴蒙版。

小晕晕 · 发表于 2015-5-28 16:19:10

复制一层内框图层，置于顶层，设置填充为0，添加一个图层样式，来模拟内部的阴影效果。

小晕晕 · 发表于 2015-5-28 16:19:10

用圆角矩形工具画出顶层的这个框来。

小晕晕 · 发表于 2015-5-28 16:19:10

为其添加一个图层样式。

小晕晕 · 发表于 2015-5-28 16:19:10

下面，我们为金属框添加一个拉丝效果。新建一层，填充#272727，执行“滤镜—杂色—添加杂色”，设置数量为20，高斯分布，勾选单色。

小晕晕 · 发表于 2015-5-28 16:19:10

执行“滤镜—模糊—动感模糊”，设置角度为0度，距离为200像素。

小晕晕 · 发表于 2015-5-28 16:19:10

选择顶框加外框的选区，为拉丝纹理添加一个图层蒙版，更改拉丝纹理图层混合模式为“线性减淡（添加）”，不透明度为35%。

小晕晕 · 发表于 2015-5-28 16:19:10

拉丝效果不是很明显，复制一层拉丝图层，更改图层混合模式为柔光，不透明度为25%。

小晕晕 · 发表于 2015-5-28 16:19:10

放入我们的LOGO，设置填充为0，并为其添加一个图层样式。这儿同学们放一个自己喜欢的图案/文字就好，比如优设LOGO神马的哈哈哈

小晕晕 · 发表于 2015-5-28 16:19:10

OK，完成了LOGO的添加，我们最后来添加左右两侧的那两个线状的东西。设置前景色为#1f1f1f，画一个矩形。

小晕晕 · 发表于 2015-5-28 16:19:10

为这个矩形添加一个图层样式。

小晕晕 · 发表于 2015-5-28 16:19:10

复制一层矩形图层，清除掉图层模式，重新添加一个图层样式。

小晕晕 · 发表于 2015-5-28 16:19:10

现在效果如下，右边的线直接把左边的复制过去就行了。

小晕晕 · 发表于 2015-5-28 16:19:10

大功告成！

账号		自动登录	找回密码
密码			注册

[UI设计] PhotoShop设计不锈钢UI图标教程