墨言教诲丨用AI绘制夸张扁平化插画人物

效果图：

利用工具：

Adboe illustrator (2019)

我几次再三强调过草图的主要性，草图不须要画得多好，它是一个想法的探索过程。
在我们本日绘制的人物，我希望给人物一个看起来比较像是在舞蹈的动作，这样的画面会看起来更有活力。

这是我的草图，看上去很缭乱，不过大家可以看到我在这里的思考脉络。
画这个草图用不到十五秒，但是它瞬间捕捉到了我脑海中想要人物呈现的样子，以及可能想要给人物增加了一些场景元素。

我也在扁平插画研习社当中和大家提到过，每天不一定能有韶光完成一幅练习作品，但是一定可以拿1分钟韶光来完成一幅完备原创、天马行空的涂鸦。

人物形态确定往后，接下就须要进一步理解到：你须要利用哪种更为细化的笔触来表现插画？

扁平插画最基本的划分，个中一个是线性或者是非线性。
所谓线性便是要利用线条来对轮廓线或者边线进行处理，而非线性只是采取形状。
它们之间的差异除了线条的存在与否以外，线性更须要加强线条本身的表现力，以是对线条的形态本身也须要格外关注。

STEP 01

首先打开AI，新建文档，文档大小可以设置为12001200，分辨率72，色彩模式RGB。

先从线条开始起步，设定好线条的大小为3px，绘制出一个圆角矩形。
圆角矩形的角度圆弧可以放到最大，呈现一个胶囊形。
这也是人物的头部的绘制。

描边的形态也要把稳一下统一规格，详见下图：

三、绘制身体的大形

上一部绘制好了头部，接下就可以开始绘制颈部以及身体的其他部分，这时候可以不用绘制细节的部分。
重点是要捉住身体的比例以及大型的轮廓。

虽说我们绘制的是夸年夜比例的人物，但是比例仍旧是我们绘制的关注点。

STEP 02

脖子的处理办法很像画一条管子。
这里我们采取钢笔工具绘制直线条的方法，然后再将直角变圆角。
这是扁平插画中常用的绘制弧形的办法，除非你能很精准的掌握钢笔工具的贝塞尔曲线。

STEP 03

接下处理的身体的部分，首先要画的是领口和肩臂的部分，这两部分实在无法分割，而是作为一个整体来绘制的。

这时我们还要确定的是领口的样式，领口究竟有什么样式决定了衣服的样式，一样平常我们常见的领口样式便是一个圆领和一个V领，以是在这里，我们选择用圆领。

要画圆领很大略的方法是用钢笔工具，但是初学者不一定能把这个圆弧画得很精准，这时我们可以借助圆角矩形本身来画。
然后利用形状天生器工具（在左侧工具栏中找到），在按住键盘ALT键的同时，对路径进行删减。

STEP 04

接下绘制肩部和身体，把稳跟随草图的思路，同时须要把稳线条的表现，弧线要处理到平滑均匀。
从下图的右侧可以看出，扁平插画中我们是如何利用几何块状来构型的。

STEP 05

接下完成另一只手臂，但暂时不绘制手的部分。
其余一只手臂也是须要表现出几何形的觉得。

STEP 06

末了完成腿部的绘制，手和脚的部分留起来单独画，这是为了让我们的身体大形全部建立起来，从而得到人物动作的全貌，以便我们从大体上进行调度。

提示：

如果我们在草图阶段画好了人物，大概以为很满意的作品，放到软件里画出来未必便是同样的觉得，这时就须要连续调度。

四、手脚细节

全体人物的身体都是用大的形状所组成的，相对欠缺细节。
那么手部和脚部（鞋子）就须要比较细节的刻画，这样就能让细节也富有传染力。

STEP 07

绘制手部的时候，把稳手指的线条要分布均匀，关系适当，手指的是非要表现出错落有致。

STEP 08

脚部的细节紧张便是要描述出脚踝，以及鞋子的部分。
鞋子的样式可以自由发挥，照顾到整体的审美感即可。

把稳右边的鞋子，由于脚后跟的位置略往上抬起，因此鞋子的外不雅观和左边就略有差别。

大形绘制完，全体人物就完成了，接下连续增加线条，从细节上连续丰富人物的表现力。

STEP 09

从头部的细节开始增加，为人物增加眼睛和头巾。
头巾的部分可以稍作夸年夜。

STEP 10

对人物的衣饰增加装饰性的线条细节。

STEP 11

连续增加鞋子部分的细节，这里的线条可以稍作更为繁芜的刻画。

STEP 12

这里接下我们将直线更换为波浪线，比如人物的右边的裤腿，就可以采取这类办法来增加人物的律动感。

首先绘制出一条直线，这条直线不要太短，接下在选中直线的根本上，进入到【效果>扭曲和变换>波纹效果】，进入波纹效果的设置面板，然后根据下图中的参数进行设置。
这时直线变为了波浪曲线。

STEP 13

删掉人物右边的裤腿那条直线，然后将做好的曲线进行扩展外不雅观，扩展外不雅观后，这条波浪曲线就变为了曲线的路径，然后将这条路径放置在得当的位置上，把稳首尾和原有图形的对接。

六、装饰线的细节

所谓装饰，便是看似和人物不相关，但又能帮助陪衬氛围，增加丰富感的线条、圆圈等图案。
这些图案的排布该当是灵巧的，但又不失落视觉的韵律感。

每个小装饰的画法都非常大略，装饰就像一种调味料，因此要把握好整体的比例。

STEP 14

增加线条作为主装饰，它们的方向最好保持同等，和人物的腿部线条有方向上的共鸣。

STEP 15

连续丰富装饰的细节，增加几何形、虚线、圆点、斜线……等等。
这无疑便是多种调味来增加视觉的丰富和动态。

然后线条的部分我们就完成了。

接下我的习气做法是，先把所有的图形全部建立一个组，然后复制一个，当作备份。
对新的复制出的线条进行扩展外不雅观。
由于有了备份，纵然末了创造线条有什么不对，也能重新把原始的线条调出来进行修正。
由于在AI中如果已经扩展了外不雅观的线条就已经不再好连续改动了。

填色前先将所有的线条进行扩展，扩展后再将所有的线条（现在已经是玄色的形状了）进行合并。

STEP 16

利用形状天生器工具，选中刚刚我们扩展后的所有的玄色线条，然后通过鼠标单击的办法来天生内部的形状，从而可以对内部形状进行填色处理。

这时我们选用蓝色作为主色来添补人物衣服的部分。

STEP 17

然后再添补人物的皮肤的颜色。

STEP 18

利用一个饱和度更高的蓝色，和之前所利用的蓝色比较，它利用的面积比较小，让这块颜色具有视觉的凝聚力。

STEP 19

末了把主色调的蓝色分别利用在其他的形状上。
然后再把人物的裤子的形状添补玄色。

玄色和蓝色的利用，会让色彩整体有种力量感。
而玄色裤子的部分就和其他地方用线包围的觉得形成了比拟，视觉上会具有更多层次。

STEP 20

将装饰形状的色彩也进行部分添补，色彩可以利用蓝绿来补充画面中色彩的单调。
然后选用靠近白色的蓝色（不一定非假如纯白）来给目前仍旧处于空缺状态的形状以白色。
这样全体画面的填色就完成了。

STEP 21

主色为蓝色，这就让画面看起来比较冷，那么为了中和这种冷调，那就须要增加一个暖色。
这里我们为人物增加一个背景装饰数字01，让这个数字的色彩表现为黄色。

STEP 22

末了一步，为了让画面看起来更灵动，我们给人物的衣服增加白色英笔墨母。

终极效果如下：

八、插画运用

终极运用在UI设计的界面中的效果：

九、后记：扁平（FLAT）的魅力

FLAT不是朴素，只是学会克制的表达。
比起纯快乐式的张扬艺术比较，扁平看起来比较镇静，这也授予了它在商业运用上的实用性。

在学习扁平插画的时候，学会分开原有物体的形态，练习夸年夜的人物是最有效的办法。
由于重点从人物形态转移到了形色的造型组合，因此，直达视觉传达的实质。