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

执行“滤镜—滤镜库—画笔描边—阴影线”,设置描边长度为38,锐化程度为3,强度为1。
http://pic.16xx8.com/allimg/150527/14395244R-23.jpg

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

将这个纹理图层旋转45度,创建剪贴蒙版。
http://pic.16xx8.com/allimg/150527/1439523126-24.jpg

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

复制一层内框图层,置于顶层,设置填充为0,添加一个图层样式,来模拟内部的阴影效果。
http://pic.16xx8.com/allimg/150527/143952Kb-25.jpg


http://pic.16xx8.com/allimg/150527/1439521412-26.jpg

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

用圆角矩形工具画出顶层的这个框来。
http://pic.16xx8.com/allimg/150527/143952H01-27.jpg

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

为其添加一个图层样式。
http://pic.16xx8.com/allimg/150527/143952O13-28.jpg


http://pic.16xx8.com/allimg/150527/143952HM-29.jpg

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

下面,我们为金属框添加一个拉丝效果。新建一层,填充#272727,执行“滤镜—杂色—添加杂色”,设置数量为20,高斯分布,勾选单色。
http://pic.16xx8.com/allimg/150527/143952D27-30.jpg

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

执行“滤镜—模糊—动感模糊”,设置角度为0度,距离为200像素。
http://pic.16xx8.com/allimg/150527/143952C26-31.jpg

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

选择顶框加外框的选区,为拉丝纹理添加一个图层蒙版,更改拉丝纹理图层混合模式为“线性减淡(添加)”,不透明度为35%。
http://pic.16xx8.com/allimg/150527/1439525550-32.jpg

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

拉丝效果不是很明显,复制一层拉丝图层,更改图层混合模式为柔光,不透明度为25%。
http://pic.16xx8.com/allimg/150527/1439525152-33.jpg

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

放入我们的LOGO,设置填充为0,并为其添加一个图层样式。这儿同学们放一个自己喜欢的图案/文字就好,比如优设LOGO神马的哈哈哈
http://pic.16xx8.com/allimg/150527/1439524543-34.jpg


http://pic.16xx8.com/allimg/150527/1439522095-35.jpg


http://pic.16xx8.com/allimg/150527/143952O49-36.jpg


http://pic.16xx8.com/allimg/150527/143952G37-37.jpg

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

OK,完成了LOGO的添加,我们最后来添加左右两侧的那两个线状的东西。设置前景色为#1f1f1f,画一个矩形。
http://pic.16xx8.com/allimg/150527/1439522144-38.jpg

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

为这个矩形添加一个图层样式。
http://pic.16xx8.com/allimg/150527/1439525630-39.jpg

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

复制一层矩形图层,清除掉图层模式,重新添加一个图层样式。
http://pic.16xx8.com/allimg/150527/1439523491-40.jpg


http://pic.16xx8.com/allimg/150527/1439526415-41.jpg

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

现在效果如下,右边的线直接把左边的复制过去就行了。
http://pic.16xx8.com/allimg/150527/14395224S-42.jpg

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

大功告成!
http://pic.16xx8.com/allimg/150527/14395251B-43.jpg
页: 1 [2] 3
查看完整版本: PhotoShop设计不锈钢UI图标教程