Illustrator绘制时尚简约的扁平化的线性图标(2)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词


三、其他几个图标的画法

STEP 09

按照我们上一步对瓶身的形状组合,指甲油的瓶身是很容易做到的事。关键是对包装的装饰细节上的考虑,作为一个图标,你没有办法去穷尽所有的细节,因此需要抽取更多装饰的特征。最好的方法,是把自己当作一个包装设计师,并搭配着一整套图标的风格特征进行思考。


Illustrator绘制时尚简约的扁平化的线性图标,PS教程,思缘教程网

STEP 10

眼影盒的结构比较简单,但需要注意的地方是矩形间的间隔尽量保持一致,这样从视觉上看起来效果更好。


Illustrator绘制时尚简约的扁平化的线性图标,PS教程,思缘教程网

矩形间的间隔也不应该太紧密,否则当图标缩小时就会“连成一片”

STEP 11

口红的画法更简单,构建基本的造型即可。但需要注意一点就是口红的涂抹的部分带着圆角,且有倾斜,当我们要处理倾斜的形状时,直角是比圆角更容易处理的。因此,即使要转为圆角,也先安排好倾斜的形状再转为圆角。


Illustrator绘制时尚简约的扁平化的线性图标,PS教程,思缘教程网

STEP 13

最后我们画出香水的图标,基本上绘制这类图标有种组合形状的乐趣,因此怎样将形状通过增减拼凑进行组合也是值得往下钻的问题,我的画法可供大家参考如下


Illustrator绘制时尚简约的扁平化的线性图标,PS教程,思缘教程网

先画好基础形状,再增添装饰细节


Illustrator绘制时尚简约的扁平化的线性图标,PS教程,思缘教程网

我们的基础外形绘制完成。


Illustrator绘制时尚简约的扁平化的线性图标,PS教程,思缘教程网

四、色彩

在我们对这组图标上色前,我们需要有一个总体规划,这里的意思就是说有个方向,比如我们可以给大致的色彩基调定一个方向,即以白色为主,搭配一些清新的色调。

我们做的线性图标中的线条是保持为黑色,因此填色的部分只是内部填充,形状里的描边并不需要改变。

STEP 14

你可以先做一组色板,这样可以让整个图标保持色彩风格上的统一。但请注意,这个色板只是参考,因为涉及到具体的物品里的某一种特定的色彩选择保持原来色调为好,比如,口红的颜色必然是红色较好,这样能体现出图标的“共性”概括的特征。即使你的色板中没有红色,也无需一定要偏执某一个特定的色彩。

此外注意冷暖色彩的搭配。


Illustrator绘制时尚简约的扁平化的线性图标,PS教程,思缘教程网

STEP 15

洁面乳的部分,因为瓶身大量使用冷色,因此利用红色来平衡视觉。瓶身所使用的两类色彩差别并不大,体现清爽之感。


Illustrator绘制时尚简约的扁平化的线性图标,PS教程,思缘教程网

STEP 16

指甲油的包装部分,其中瓶身的设想是一个玻璃,因此保持白色填充。一个图标最好不要超过三种颜色。


Illustrator绘制时尚简约的扁平化的线性图标,PS教程,思缘教程网

 收藏