人物的畫法向來在插畫界中都是風(fēng)格各異的，今天我們創(chuàng)作的這個(gè)人物相對會(huì)傾向正常比例，找準(zhǔn)她的身體比例結(jié)構(gòu)表達(dá)到位即可，利用網(wǎng)格構(gòu)圖來組合畫面，將會(huì)讓扁平風(fēng)格看起來更具有結(jié)構(gòu)感。在整個(gè)流程中，我們會(huì)同時(shí)用到AI和PS兩個(gè)工具，這兩個(gè)工具共同屬于Adobe的軟件，應(yīng)用上彼此更容易溝通。我們會(huì)用AI起形，用PS來描繪光影，相比以往全部采用AI來繪制矢量插畫略有不同。

準(zhǔn)備工具：

Photoshop (2019)

Adobe illustrator (2019)

數(shù)位板

草圖構(gòu)思

無論是設(shè)計(jì)也好還是插畫也好，都總是少不了從草圖起步，這是idea的來源。實(shí)際的畫面可以不一定依據(jù)草圖，它只是給出一個(gè)大方向。

繪制人物頭部

STEP 01

繪制基礎(chǔ)形從AI開始，我們打開AI，新建一個(gè)文檔為1600*1600px，然后再進(jìn)入到【編輯>首選項(xiàng)>參考線和網(wǎng)格】，在面板中設(shè)置如下參數(shù)：

STEP 02

我們開始要學(xué)會(huì)用網(wǎng)格來輔助造型，首先顯示出網(wǎng)格，這里要進(jìn)入【視圖】，然后單擊【顯示網(wǎng)格】，并且勾選【對齊網(wǎng)格】。有了網(wǎng)格的輔助，我們的畫面就會(huì)看上去有種內(nèi)在的穩(wěn)定感。

STEP 03

接下我們來開畫，人物的側(cè)臉，把草圖拿來看了，然后扔掉。警告：不要完全去勾草圖，否則你會(huì)錯(cuò)過一次練習(xí)造型的機(jī)會(huì)。

人物側(cè)臉的左側(cè)是最終呈現(xiàn)的線條，所以注意這條邊要對齊網(wǎng)格，并且注意它的輪廓表現(xiàn)。而這個(gè)形狀的右邊那條邊由于最終會(huì)被頭發(fā)等形狀所遮擋，因此隨意畫出即可。色彩可以填充為肉粉色，作為皮膚的色調(diào)。

STEP 04

接下我們要繼續(xù)畫出頭盔，頭盔的步驟如下圖所示：

STEP 05

把頭盔放到人物的臉部上方，將它略調(diào)整為與網(wǎng)格對齊，人物的頭部完成了一大半。

STEP 06

接下繪制人物的頭發(fā)，頭發(fā)的部分我們打算用矩形來生成。下面是用矩形做頭發(fā)的思路：利用矩形來拼成頭發(fā)的形狀，矩形本身是直角，但是經(jīng)過圓角拉伸后就變成了圓角矩形，這時(shí)就很容易做出頭發(fā)的飄逸的效果，又不失扁平人物的風(fēng)格表達(dá)。過程如下圖：

STEP 07

把上一步做好的頭發(fā)，連接到頭部。這里需要補(bǔ)充一個(gè)色塊，并且做好圓角的處理。要做到自然而然，不要接得太生硬。該調(diào)整的地方繼續(xù)調(diào)整。

到這一步，頭部就完成啦~再檢查看看頭部的視覺是否正常。

畫出人物身體

身體的部分要畫出來，首先要明確人物的頭身比。當(dāng)然我們不是再現(xiàn)真實(shí)的人物，所以允許頭身比可以有部分出入，但是基本上還是按照6-8頭身的比例。這個(gè)比例具體是指什么意思呢？就是我們的身體高度剛好是頭部高度的6-8倍。

下圖為7.5頭身比例圖：

STEP 08

我們畫身體也是從直線開始，利用鋼筆工具畫直線，用直線來勾勒造型，注意對齊已有的網(wǎng)格線。

STEP 09

然后把部分的直角轉(zhuǎn)為圓角。

STEP 10

再畫出右邊的手臂，注意比例和對齊網(wǎng)格。然后再把部分尖銳的角轉(zhuǎn)為圓角。

STEP 11

手部的畫法很簡單，也是從矩形開始。然后把部分直角轉(zhuǎn)為圓角。

STEP 12

最后把頭發(fā)的部分拉大一點(diǎn)，然后把所有的細(xì)節(jié)都整理一遍。

STEP 13

畫出女生的小裙子，也是從直線起步，最后把裙子邊緣轉(zhuǎn)為圓弧。

STEP 14

兩條腿的畫法依然是利用鋼筆工具，注意小腿肚可以給個(gè)弧形來表現(xiàn)。

STEP 15

畫出鞋子的部分，并且增加鞋子的滑輪。

STEP 16

把人物的膝蓋的部分的細(xì)節(jié)再進(jìn)行細(xì)化，如下圖

到這一步，整個(gè)人物的基礎(chǔ)大型就完成了。

繼續(xù)豐富裝飾細(xì)節(jié)

STEP 17

在目前的基礎(chǔ)上給人物增加小細(xì)節(jié)，這些小細(xì)節(jié)可以增加人物的生動(dòng)感。比如我在這里給人物添加了頭盔、腰帶、鞋底以及長筒襪的細(xì)節(jié)。這部分純靠想象，大家可以稍微放飛自我。

利用AI的形狀生成器工具就能生成不同的形狀。

STEP 18

長筒襪的圖案可以畫出來，讓畫面更豐富。首先我們要畫出一條線，這條線的描邊為80px，然后進(jìn)入【效果>扭曲和變換>波紋效果】，面板參數(shù)如下所示。

STEP 19

將上一步所做的形狀進(jìn)行擴(kuò)展外觀，變?yōu)榉忾]的路徑形狀，然后應(yīng)用到長筒襪的白色形狀上。多余的部分用形狀生成器工具刪掉。

人物的塑造到這一步就完成了

畫陰影提質(zhì)感——一切交給PS

我在扁平插畫課里給學(xué)員們所介紹的增加光影的方法一般來說是用AI完成的，但是其實(shí)增加光影，PS也能做到。所以，我們這次就用PS來增加光影表達(dá)。

STEP 20

可以打開PS，新建一個(gè)1920*1200px的文檔，然后將AI所畫的對象復(fù)制粘貼過去。粘貼時(shí)選擇“智能對象”，并且增加一個(gè)純色背景，背景色為暖粉色。

STEP 21

這時(shí)利用數(shù)位板/手繪板，開始對人的皮膚的部分增加陰影，用普通的畫筆即可。

新建一個(gè)新的圖層，然后設(shè)置為下面那個(gè)圖層的剪貼蒙板。在新圖層上添加陰影色塊。利用【選擇>色彩范圍】，首先選中皮膚的顏色，這時(shí)記得要選中人物的圖層。然后在新圖層上開始繪制陰影區(qū)域，顏色稍微比皮膚的顏色略深。

由于有螞蟻線選區(qū)的控制，開始涂陰影的時(shí)候就不會(huì)溢到其他部分。除了陰影，還可以增加高光的部分，讓畫面看起來更立體。畫筆選擇“硬邊圓”就好。

STEP 22

利用以上所介紹的步驟，開始對其他的部分都分別畫上陰影和高光。

因?yàn)楫嫷倪^程是非常自由的，只需要掌握基本的原則即可。這里不再詳述每一步，下面是需要注意的要點(diǎn)。

可以利用畫筆畫出部分細(xì)節(jié)。

STEP 23

最后把長筒襪的部分也做出陰影表現(xiàn)，這里的處理手法和上面略有不同。因?yàn)檫@里涉及的顏色較多，所以我們不能用單色的處理手法來提供選區(qū)。

此時(shí)需要再新建一個(gè)剪貼蒙板，利用鋼筆工具來生成長筒襪的形狀，然后用棕色涂出陰影部分，再降低整個(gè)圖層的透明度。

STEP 24

追加顆粒感的紋理，再新建一個(gè)圖層，創(chuàng)建剪貼蒙板，繼續(xù)自由發(fā)揮。這時(shí)可以選擇【特殊效果畫筆】里的“噴濺筆刷”，或者選用其他你自己私藏的顆粒感筆刷，這里不是那么絕對。

STEP 25

增加了顆粒的效果，可以讓邊緣變得也具有這種生動(dòng)的手繪感，因此這時(shí)可以再新建一個(gè)圖層，利用邊緣比較有機(jī)的畫筆來表現(xiàn)，這里的圖層不需要?jiǎng)?chuàng)建剪貼蒙版。

其實(shí)插畫不一定要加顆粒，增加顆粒是為了提升趣味感。大家可以對比一下，增加顆粒前后。

STEP 26

最后通過色彩平衡等調(diào)色工具來對整體的色彩進(jìn)行調(diào)整，并為人物增加文字背景，將文字也畫出陰影的效果，沖淡背景的單調(diào)。并且為整個(gè)插畫增加點(diǎn)狀圖案。

最終效果如下：

寫在后面：

后面為插畫增加文字和圖案的部分，由于是即興發(fā)揮，所以不再多累述。你可以增加圖案，也可以保持原狀。這部分可以發(fā)揮你的原創(chuàng)來繪制。

原文鏈接：ifeiwu