UI教程,设计不锈钢质感的ICON图标

2022-12-26 13:49:41 来源/作者: / 己有:44人学习过

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

UI教程,设计不锈钢质感的ICON图标
UI教程,设计不锈钢质感的ICON图标

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

UI教程,设计不锈钢质感的ICON图标

为其添加一个图层样式。

UI教程,设计不锈钢质感的ICON图标
UI教程,设计不锈钢质感的ICON图标

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

UI教程,设计不锈钢质感的ICON图标