Photoshop设计银色立体效果的APP图标教程(4)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

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

Photoshop设计银色立体效果的APP图标教程

Photoshop设计银色立体效果的APP图标教程

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

Photoshop设计银色立体效果的APP图标教程

为其添加一个图层样式。

Photoshop设计银色立体效果的APP图标教程

Photoshop设计银色立体效果的APP图标教程

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

Photoshop设计银色立体效果的APP图标教程

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

Photoshop设计银色立体效果的APP图标教程

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

Photoshop设计银色立体效果的APP图标教程

 收藏