优艾设计网

扁平化UI图标设计教程

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:佚名
本文将传授你多样的扁平化设计风格,绝对时髦教程,读完本文,你将轻松掌握时下最热门的设计手法,四种风格包括:常规扁平化、长投影、投影式、渐变式。喜欢的朋友一起来学习吧。

二、长投影

步骤 1:

矩形工具,前景色#000000, 在三角箭头图层以及圆环图层下方画出形状如下图

扁平化UI图标设计教程

自由变换,选择45度

扁平化UI图标设计教程

为矩形形状添加图层蒙版

扁平化UI图标设计教程

在图层蒙版位置按住CMD+左键单击圆角矩形形状图层,然后选择>反向

扁平化UI图标设计教程

使用油漆桶工具,前景色设置为#000000,抹去超出圆角矩形的阴影

扁平化UI图标设计教程

扁平化UI图标设计教程

如下图使用钢笔工具

扁平化UI图标设计教程

 

不透明度设置为 20%

扁平化UI图标设计教程

扁平化UI图标设计教程

步骤2:

步骤1是三角箭头的阴影,步骤2是圆环的阴影,类似同上,不再赘述。

扁平化UI图标设计教程

扁平化UI图标设计教程

扁平化UI图标设计教程

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消