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

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

下面,我们将自定图案预设。点击“编辑—自定图案”

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

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

OK,现在回到我们那个图标的文档,在刚才那个白色画笔图层的顶层新建一层,执行“编辑—填充”,选择我们刚才自定义的图案。

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

为这个图案图层设置一个图层样式。

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

设置完图层样式,我们完成了背景的创建,效果如下:

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