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

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


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

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

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

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

为其添加一个图层样式。

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

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

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

教程未完,请看下一页!


标签:ui图标教程

分享到

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