扁平插畫中人物的風(fēng)格可以是非常多樣化的，沒有標(biāo)準(zhǔn)答案。所以，在繪制人物的時(shí)候，對于身體比例的控制就沒有太嚴(yán)格。和正常比例的人物繪制來說，大尺度的夸張人物身體，關(guān)注點(diǎn)就應(yīng)放在色彩和形狀的表現(xiàn)上，找尋形色之間巧妙的平衡。

在今天的文章中，主要分享扁平化插畫的形色平衡的訓(xùn)練為重點(diǎn)，演示創(chuàng)作夸張風(fēng)格人物的過程。

效果圖：

使用工具：

Adboe illustrator (2019)

一、草圖：生成作品也許只需要30秒

我一再強(qiáng)調(diào)過草圖的重要性，草圖不需要畫得多好，它是一個(gè)想法的探索過程。在我們今天繪制的人物，我希望給人物一個(gè)看起來比較像是在舞蹈的動作，這樣的畫面會看起來更有活力。

這是我的草圖，看上去很凌亂，不過大家可以看到我在這里的思考脈絡(luò)。畫這個(gè)草圖用不到十五秒，但是它瞬間捕捉到了我腦海中想要人物呈現(xiàn)的樣子，以及可能想要給人物增加了一些場景元素。

我也在扁平插畫研習(xí)社當(dāng)中和大家提到過，每天不一定能有時(shí)間完成一幅練習(xí)作品，但是一定可以拿1分鐘時(shí)間來完成一幅完全原創(chuàng)、天馬行空的涂鴉。

二、線 Or 非線

人物形態(tài)確定以后，接下就需要進(jìn)一步了解到：你需要運(yùn)用哪種更為細(xì)化的筆觸來表現(xiàn)插畫？

扁平插畫最基本的劃分，其中一個(gè)是線性或者是非線性。所謂線性就是要利用線條來對輪廓線或者邊線進(jìn)行處理，而非線性只是采用形狀。它們之間的區(qū)別除了線條的存在與否以外，線性更需要加強(qiáng)線條本身的表現(xiàn)力，所以對線條的形態(tài)本身也需要格外關(guān)注。

STEP 01

首先打開AI，新建文檔，文檔大小可以設(shè)置為1200*1200，分辨率72，色彩模式RGB。

先從線條開始起步，設(shè)定好線條的大小為3px，繪制出一個(gè)圓角矩形。圓角矩形的角度圓弧可以放到最大，呈現(xiàn)一個(gè)膠囊形。這也是人物的頭部的繪制。

描邊的形態(tài)也要注意一下統(tǒng)一規(guī)格，詳見下圖：

三、繪制身體的大形

上一部繪制好了頭部，接下就可以開始繪制頸部以及身體的其他部分，這時(shí)候可以不用繪制細(xì)節(jié)的部分。重點(diǎn)是要抓住身體的比例以及大型的輪廓。

雖說我們繪制的是夸張比例的人物，但是比例仍然是我們繪制的關(guān)注點(diǎn)。

STEP 02

脖子的處理方式很像畫一條管子。這里我們采用鋼筆工具繪制直線條的方法，然后再將直角變圓角。這是扁平插畫中常用的繪制弧形的方式，除非你能很精準(zhǔn)的控制鋼筆工具的貝塞爾曲線。

STEP 03

接下處理的身體的部分，首先要畫的是領(lǐng)口和肩臂的部分，這兩部分其實(shí)無法分割，而是作為一個(gè)整體來繪制的。

這時(shí)我們還要確定的是領(lǐng)口的樣式，領(lǐng)口究竟有什么樣式?jīng)Q定了衣服的樣式，一般我們常見的領(lǐng)口樣式就是一個(gè)圓領(lǐng)和一個(gè)V領(lǐng)，所以在這里，我們選擇用圓領(lǐng)。

要畫圓領(lǐng)很簡單的方法是用鋼筆工具，但是初學(xué)者不一定能把這個(gè)圓弧畫得很精準(zhǔn)，這時(shí)我們可以借助圓角矩形本身來畫。然后利用形狀生成器工具（在左側(cè)工具欄中找到），在按住鍵盤ALT鍵的同時(shí)，對路徑進(jìn)行刪減。

STEP 04

接下繪制肩部和身體，注意跟隨草圖的思路，同時(shí)需要注意線條的表現(xiàn)，弧線要處理到平滑均勻。從下圖的右側(cè)可以看出，扁平插畫中我們是如何運(yùn)用幾何塊狀來構(gòu)型的。

STEP 05

接下完成另一只手臂，但暫時(shí)不繪制手的部分。另外一只手臂也是需要表現(xiàn)出幾何形的感覺。

STEP 06

最后完成腿部的繪制，手和腳的部分留起來單獨(dú)畫，這是為了讓我們的身體大形全部建立起來，從而獲得人物動作的全貌，以便我們從大體上進(jìn)行調(diào)整。

提示：

如果我們在草圖階段畫好了人物，也許覺得很滿意的作品，放到軟件里畫出來未必就是同樣的感覺，這時(shí)就需要繼續(xù)調(diào)整。

四、手腳細(xì)節(jié)

整個(gè)人物的身體都是用大的形狀所組成的，相對欠缺細(xì)節(jié)。那么手部和腳部（鞋子）就需要比較細(xì)節(jié)的刻畫，這樣就能讓細(xì)節(jié)也富有感染力。

STEP 07

繪制手部的時(shí)候，注意手指的線條要分布均勻，關(guān)系適當(dāng)，手指的長短要表現(xiàn)出錯(cuò)落有致。

STEP 08

腳部的細(xì)節(jié)主要就是要描繪出腳踝，以及鞋子的部分。鞋子的樣式可以自由發(fā)揮，照顧到整體的審美感即可。

注意右邊的鞋子，由于腳后跟的位置略往上抬起，因此鞋子的外觀和左邊就略有差別。

五、增加細(xì)節(jié)化處理

大形繪制完，整個(gè)人物就完成了，接下繼續(xù)增加線條，從細(xì)節(jié)上繼續(xù)豐富人物的表現(xiàn)力。

STEP 09

從頭部的細(xì)節(jié)開始增加，為人物增加眼睛和頭巾。頭巾的部分可以稍作夸張。

STEP 10

對人物的服飾增加裝飾性的線條細(xì)節(jié)。

STEP 11

繼續(xù)增加鞋子部分的細(xì)節(jié)，這里的線條可以稍作更為復(fù)雜的刻畫。

STEP 12

這里接下我們將直線替換為波浪線，比如人物的右邊的褲腿，就可以采用這類方式來增加人物的律動感。

首先繪制出一條直線，這條直線不要太短，接下在選中直線的基礎(chǔ)上，進(jìn)入到【效果>扭曲和變換>波紋效果】，進(jìn)入波紋效果的設(shè)置面板，然后根據(jù)下圖中的參數(shù)進(jìn)行設(shè)置。這時(shí)直線變?yōu)榱瞬ɡ饲�線。

STEP 13

刪掉人物右邊的褲腿那條直線，然后將做好的曲線進(jìn)行擴(kuò)展外觀，擴(kuò)展外觀后，這條波浪曲線就變?yōu)榱饲�線的路徑，然后將這條路徑放置在合適的位置上，注意首尾和原有圖形的對接。

六、裝飾線的細(xì)節(jié)

所謂裝飾，就是看似和人物不相干，但又能幫助烘托氛圍，增加豐富感的線條、圓圈等圖案。這些圖案的排布應(yīng)該是靈活的，但又不失視覺的韻律感。

每個(gè)小裝飾的畫法都非常簡單，裝飾就像一種調(diào)味料，因此要把握好整體的比例。

STEP 14

增加線條作為主裝飾，它們的方向最好保持一致，和人物的腿部線條有方向上的共鳴。

STEP 15

繼續(xù)豐富裝飾的細(xì)節(jié)，增加幾何形、虛線、圓點(diǎn)、斜線……等等。這無疑就是多種調(diào)味來增加視覺的豐富和動態(tài)。

然后線條的部分我們就完成了。

接下我的習(xí)慣做法是，先把所有的圖形全部建立一個(gè)組，然后復(fù)制一個(gè)，當(dāng)作備份。對新的復(fù)制出的線條進(jìn)行擴(kuò)展外觀。由于有了備份，即使最后發(fā)現(xiàn)線條有什么不對，也能重新把原始的線條調(diào)出來進(jìn)行修改。因?yàn)樵贏I中如果已經(jīng)擴(kuò)展了外觀的線條就已經(jīng)不再好繼續(xù)改動了。

七、填色

填色前先將所有的線條進(jìn)行擴(kuò)展，擴(kuò)展后再將所有的線條（現(xiàn)在已經(jīng)是黑色的形狀了）進(jìn)行合并。

STEP 16

利用形狀生成器工具，選中剛剛我們擴(kuò)展后的所有的黑色線條，然后通過鼠標(biāo)單擊的方式來生成內(nèi)部的形狀，從而可以對內(nèi)部形狀進(jìn)行填色處理。

這時(shí)我們選用藍(lán)色作為主色來填充人物衣服的部分。

STEP 17

然后再填充人物的皮膚的顏色。

STEP 18

運(yùn)用一個(gè)飽和度更高的藍(lán)色，和之前所運(yùn)用的藍(lán)色相比，它運(yùn)用的面積比較小，讓這塊顏色具有視覺的凝聚力。

STEP 19

最后把主色調(diào)的藍(lán)色分別運(yùn)用在其他的形狀上。然后再把人物的褲子的形狀填充黑色。

黑色和藍(lán)色的運(yùn)用，會讓色彩整體有種力量感。而黑色褲子的部分就和其他地方用線包圍的感覺形成了對比，視覺上會具有更多層次。

STEP 20

將裝飾形狀的色彩也進(jìn)行部分填充，色彩可以運(yùn)用藍(lán)綠來補(bǔ)充畫面中色彩的單調(diào)。然后選用接近白色的藍(lán)色（不一定非要是純白）來給目前仍然處于空白狀態(tài)的形狀以白色。這樣整個(gè)畫面的填色就完成了。

STEP 21

主色為藍(lán)色，這就讓畫面看起來比較冷，那么為了中和這種冷調(diào)，那就需要增加一個(gè)暖色。這里我們?yōu)槿宋镌黾右粋�(gè)背景裝飾數(shù)字01，讓這個(gè)數(shù)字的色彩表現(xiàn)為黃色。

STEP 22

最后一步，為了讓畫面看起來更靈動，我們給人物的衣服增加白色英文字母。

最終效果如下：

八、插畫應(yīng)用

最終應(yīng)用在UI設(shè)計(jì)的界面中的效果：

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

FLAT不是樸素，只是學(xué)會克制的表達(dá)。比起純快樂式的張揚(yáng)藝術(shù)相比，扁平看起來比較冷靜，這也賦予了它在商業(yè)應(yīng)用上的實(shí)用性。

在學(xué)習(xí)扁平插畫的時(shí)候，學(xué)會脫離原有物體的形態(tài)，練習(xí)夸張的人物是最有效的方式。由于重點(diǎn)從人物形態(tài)轉(zhuǎn)移到了形色的造型組合，因此，直達(dá)視覺傳達(dá)的本質(zhì)。

來源：ifeiwu