Illustrator教程:繪制扁平化風格人物插畫

來源:中國設計在線    時間:2019-10-28    站內收藏

浙江11选5一定牛 www.zxczf.com

扁平插畫中人物的風格可以是非常多樣化的,沒有標準答案。所以,在繪制人物的時候,對于身體比例的控制就沒有太嚴格。和正常比例的人物繪制來說,大尺度的夸張人物身體,關注點就應放在色彩和形狀的表現上,找尋形色之間巧妙的平衡。

在今天的文章中,主要分享扁平化插畫的形色平衡的訓練為重點,演示創作夸張風格人物的過程。

效果圖:

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

使用工具:

Adboe illustrator (2019)

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

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

這是我的草圖,看上去很凌亂,不過大家可以看到我在這里的思考脈絡?;飧霾萃加貌壞絞迕?,但是它瞬間捕捉到了我腦海中想要人物呈現的樣子,以及可能想要給人物增加了一些場景元素。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

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

二、線 Or 非線

人物形態確定以后,接下就需要進一步了解到:你需要運用哪種更為細化的筆觸來表現插畫?

扁平插畫最基本的劃分,其中一個是線性或者是非線性。所謂線性就是要利用線條來對輪廓線或者邊線進行處理,而非線性只是采用形狀。它們之間的區別除了線條的存在與否以外,線性更需要加強線條本身的表現力,所以對線條的形態本身也需要格外關注。

STEP 01

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

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

描邊的形態也要注意一下統一規格,詳見下圖:

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

三、繪制身體的大形

上一部繪制好了頭部,接下就可以開始繪制頸部以及身體的其他部分,這時候可以不用繪制細節的部分。重點是要抓住身體的比例以及大型的輪廓。

雖說我們繪制的是夸張比例的人物,但是比例仍然是我們繪制的關注點。

STEP 02

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

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 03

接下處理的身體的部分,首先要畫的是領口和肩臂的部分,這兩部分其實無法分割,而是作為一個整體來繪制的。

這時我們還要確定的是領口的樣式,領口究竟有什么樣式決定了衣服的樣式,一般我們常見的領口樣式就是一個圓領和一個V領,所以在這里,我們選擇用圓領。

要畫圓領很簡單的方法是用鋼筆工具,但是初學者不一定能把這個圓弧畫得很精準,這時我們可以借助圓角矩形本身來畫。然后利用形狀生成器工具(在左側工具欄中找到),在按住鍵盤ALT鍵的同時,對路徑進行刪減。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 04

接下繪制肩部和身體,注意跟隨草圖的思路,同時需要注意線條的表現,弧線要處理到平滑均勻。從下圖的右側可以看出,扁平插畫中我們是如何運用幾何塊狀來構型的。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 05

接下完成另一只手臂,但暫時不繪制手的部分。另外一只手臂也是需要表現出幾何形的感覺。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 06

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

提示:

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

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

四、手腳細節

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

STEP 07

繪制手部的時候,注意手指的線條要分布均勻,關系適當,手指的長短要表現出錯落有致。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 08

腳部的細節主要就是要描繪出腳踝,以及鞋子的部分。鞋子的樣式可以自由發揮,照顧到整體的審美感即可。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

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

五、增加細節化處理

大形繪制完,整個人物就完成了,接下繼續增加線條,從細節上繼續豐富人物的表現力。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 09

從頭部的細節開始增加,為人物增加眼睛和頭巾。頭巾的部分可以稍作夸張。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 10

對人物的服飾增加裝飾性的線條細節。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 11

繼續增加鞋子部分的細節,這里的線條可以稍作更為復雜的刻畫。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 12

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

首先繪制出一條直線,這條直線不要太短,接下在選中直線的基礎上,進入到【效果>扭曲和變換>波紋效果】,進入波紋效果的設置面板,然后根據下圖中的參數進行設置。這時直線變為了波浪曲線。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 13

刪掉人物右邊的褲腿那條直線,然后將做好的曲線進行擴展外觀,擴展外觀后,這條波浪曲線就變為了曲線的路徑,然后將這條路徑放置在合適的位置上,注意首尾和原有圖形的對接。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

六、裝飾線的細節

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

每個小裝飾的畫法都非常簡單,裝飾就像一種調味料,因此要把握好整體的比例。

STEP 14

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

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 15

繼續豐富裝飾的細節,增加幾何形、虛線、圓點、斜線……等等。這無疑就是多種調味來增加視覺的豐富和動態。

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

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

接下我的習慣做法是,先把所有的圖形全部建立一個組,然后復制一個,當作備份。對新的復制出的線條進行擴展外觀。由于有了備份,即使最后發現線條有什么不對,也能重新把原始的線條調出來進行修改。因為在AI中如果已經擴展了外觀的線條就已經不再好繼續改動了。

七、填色

填色前先將所有的線條進行擴展,擴展后再將所有的線條(現在已經是黑色的形狀了)進行合并。

STEP 16

利用形狀生成器工具,選中剛剛我們擴展后的所有的黑色線條,然后通過鼠標單擊的方式來生成內部的形狀,從而可以對內部形狀進行填色處理。

這時我們選用藍色作為主色來填充人物衣服的部分。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 17

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

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 18

運用一個飽和度更高的藍色,和之前所運用的藍色相比,它運用的面積比較小,讓這塊顏色具有視覺的凝聚力。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 19

最后把主色調的藍色分別運用在其他的形狀上。然后再把人物的褲子的形狀填充黑色。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

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

STEP 20

將裝飾形狀的色彩也進行部分填充,色彩可以運用藍綠來補充畫面中色彩的單調。然后選用接近白色的藍色(不一定非要是純白)來給目前仍然處于空白狀態的形狀以白色。這樣整個畫面的填色就完成了。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 21

主色為藍色,這就讓畫面看起來比較冷,那么為了中和這種冷調,那就需要增加一個暖色。這里我們為人物增加一個背景裝飾數字01,讓這個數字的色彩表現為黃色。

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

STEP 22

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

最終效果如下:

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

八、插畫應用

最終應用在UI設計的界面中的效果:

AI繪制夸張扁平化風格人物<a href=//www.zxczf.com/sheji/chahua/ target=_blank class=infotextkey>插畫</a>

九、后記:扁平(FLAT)的魅力

FLAT不是樸素,只是學會克制的表達。比起純快樂式的張揚藝術相比,扁平看起來比較冷靜,這也賦予了它在商業應用上的實用性。

在學習扁平插畫的時候,學會脫離原有物體的形態,練習夸張的人物是最有效的方式。由于重點從人物形態轉移到了形色的造型組合,因此,直達視覺傳達的本質。

 

來源:ifeiwu


本文來源:中國設計在線

上一篇:返回列表
關鍵詞: Illustrator 教程 人物插畫 
作者:cdo
相關閱讀
    正在加載...