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

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

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

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

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

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

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

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

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

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

大功告成!

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

部分作业展示:

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