AI教程！手把手教你绘制扁平化的线性图标

线性风格一向是许多页面和插画师的最爱，在这篇教程里，我们将教大家绘制一组造型明朗，线条干净且风格简洁的线性图标（洁面乳、指甲油、眼影、口红和香水），赶快来练手！

一、观察和草图

当我们要将一个物体绘制成为线条的时候，我们第一件事是必要观察物体自己。比如，在本例中运用几个平时日常化妆品作为创尴尬刁难象，我会打开天猫，分别在搜索框中输入这些物品。先列出一个所绘制对象的小清单。

每个物品我们都要找到它的共同点，比如第一个洗面奶，其实有各种包装样式，但你必要从中提掏出某一类的共性，而不能以偏概全。这是观察进入分析的第一步，接下你必要概括这个样式，去掉各种复杂细节，再保留那些能显明凸起物品特性的线条细节。

观察物品的时候要学会化繁为简，把最本质的造型线条给体现出来。

二、绘制第一个图标

STEP 01

打开AI，新建文档，文档的参数可以参考下图所示

STEP 02

你可以打开网格，在网格的辅助下进行绘制，或者也可以打开智能参考线。总之假如你是初学者，最好能有一个辅助的工具对绘制的对象有所控制。

我的做法是做好每个图标的大小控制，由于你的图标不可能制作到刚好占有整个版面，所绘制的对象到边缘必要一个视觉缓冲。但这纯属一种生理偏好。现实操作中，也有越过参考范围的情况也有。

许多人很好奇，AI既然是矢量软件应该就不会有大小之别，由于它可以任意缩放的啊。的确，这是一个值得说明的题目，但比例上你照旧遵守肯定的秩序，否则你做出的图标在比例上的失衡会影响团体的美观。

STEP 05

第一个所绘制的对象是洁面乳。虽然我们说是用线条来体现，但是现实绘制中我们并不会直接用到直线工具，而是在绘制中凸起体现线条。线条所起的是视觉上的强调作用。

了解这一点后，让我们开始画一个瓶身，瓶身用矩形来体现。假如你的AI不是旧版本，那应该就会知道直角的矩形可以直接可以拖动角内的圆点变为一个圆角矩形。假如是旧的版本那就必要运用圆角工具来处理。

矩形的描边设置为4pt，描边为黑色，添补为白色。这一步并不必要考虑色彩。

为了方便你随时缩放图形大小时，描边大小都保持不变，请进入【编辑>首选项>常规】，去掉“缩放描边和结果”这一栏的勾选。

STEP 06

接下再运用矩形画上瓶身的上部，这些矩形都要居中对齐。在瓶身的上部，因为并不是一个几何图形，因此你必要运用不同的几何图形进行相互合并或增减。比如梯形是调整了矩形下方两个锚点的位置后得到的，能得到最终的图形的方法有许多，你可以尝试出最适合本身的体例。

STEP 07

再增长一些装饰性细节，装饰性线条与原有线条保持同样粗细。这里是一个比较随意的创作步骤，你完全可以自由发挥。

STEP 08

产品的初次印象是美在包装，对包装的装饰必要增长一些雄厚的细节，比如增长图案和笔墨。你可以先画一个圆，给这个圆增长一个瓶身的外形作为矢量剪切蒙版。剪切蒙版的含义即用上面的“形”去表现下面的“内容”，根据这个原理，你只必要复制瓶身并粘贴于最上层，再选中这个复制层与你所画的圆，进入【对象>剪切蒙版>建立】即可。

再增长花朵的装饰，先画一片花瓣，再采用旋转工具就很容易组成一朵花形。

笔墨应该选用线性无衬线字体，线条粗细都能尽量靠近图形自己的线条粗细。

三、其他几个图标的画法

STEP 09

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

STEP 10

眼影盒的结构比较简单，但必要细致的地方是矩形间的间隔尽量保持同等，如许从视觉上看起来结果更好。

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

STEP 11

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

STEP 13

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

先画好基础外形，再增加装饰细节

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

四、色彩

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

我们做的线性图标中的线条是保持为黑色，因此填色的部分只是内部添补，外形里的描边并不必要改变。

STEP 14

你可以先做一组色板，如许可以让整个图标保持色彩风格上的同一。但请细致，这个色板只是参考，由于涉及到详细的物品里的某一种特定的色彩选择保持原来色调为好，比如，口红的颜色必然是红色较好，如许能表现出图标的“共性”概括的特性。即使你的色板中没有红色，也无需肯定要偏执某一个特定的色彩。

此外细致冷暖色彩的搭配。

STEP 15

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

STEP 16

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

STEP 17

眼影的画法，由于眼影自己就有很多不同的色彩，但其实只要围绕一个色彩做一些分外临近的转变即可。

STEP 18

口红填色相对很简单，红色的唇膏体部分我们直接选用色板里的颜色。

STEP 19

香水的瓶身和指甲油一样为玻璃特质，因此保留白色，甚至让它有透明感，即留一条线条压过自己的香水液体的部分。

填色的部分完成后，我们可以说团体的绘制就结束了。

后记

矢量的绘制是很正确的，因此对锚点的处理最紧张在于精简，懂得控制锚点来塑形，恐怕这其中还需多加实践才能渐渐体会。页面插画可能和书籍、海报的插画有所不同就在于，它必要更加简洁的情势来削减加载时间，因此，选用最为简洁的线条来表达物体自己，这必要结合日常的观察力和自身对生活的领会和领悟。

原文地址：

ifeiwu