当前位置:设计先锋 > 设计教程

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


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

UI教程,设计不锈钢质感的ICON图标_设计先锋网

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

UI教程,设计不锈钢质感的ICON图标_设计先锋网

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

UI教程,设计不锈钢质感的ICON图标_设计先锋网UI教程,设计不锈钢质感的ICON图标_设计先锋网

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

UI教程,设计不锈钢质感的ICON图标_设计先锋网

大功告成!

UI教程,设计不锈钢质感的ICON图标_设计先锋网

部分作业展示:

UI教程,设计不锈钢质感的ICON图标_设计先锋网UI教程,设计不锈钢质感的ICON图标_设计先锋网

本教程完!

标签:ui图标教程

分享到

网站首页|电脑版|返回顶部