人物的畫(huà)法向來(lái)在插畫(huà)界中都是風(fēng)格各異的，今天我們創(chuàng)作的這個(gè)人物相對(duì)會(huì)傾向正常比例，找準(zhǔn)她的身體比例結(jié)構(gòu)表達(dá)到位即可，利用網(wǎng)格構(gòu)圖來(lái)組合畫(huà)面，將會(huì)讓扁平風(fēng)格看起來(lái)更具有結(jié)構(gòu)感。在整個(gè)流程中，我們會(huì)同時(shí)用到AI和PS兩個(gè)工具，這兩個(gè)工具共同屬于Adobe的軟件，應(yīng)用上彼此更容易溝通。我們會(huì)用AI起形，用PS來(lái)描繪光影，相比以往全部采用AI來(lái)繪制矢量插畫(huà)略有不同。
準(zhǔn)備工具：
Photoshop (2019)
Adobe illustrator (2019)
數(shù)位板
草圖構(gòu)思
無(wú)論是設(shè)計(jì)也好還是插畫(huà)也好，都總是少不了從草圖起步，這是idea的來(lái)源。實(shí)際的畫(huà)面可以不一定依據(jù)草圖，它只是給出一個(gè)大方向。
繪制人物頭部
STEP 01
繪制基礎(chǔ)形從AI開(kāi)始，我們打開(kāi)AI，新建一個(gè)文檔為1600*1600px，然后再進(jìn)入到【編輯>首選項(xiàng)>參考線和網(wǎng)格】，在面板中設(shè)置如下參數(shù)：
STEP 02
我們開(kāi)始要學(xué)會(huì)用網(wǎng)格來(lái)輔助造型，首先顯示出網(wǎng)格，這里要進(jìn)入【視圖】，然后單擊【顯示網(wǎng)格】，并且勾選【對(duì)齊網(wǎng)格】。有了網(wǎng)格的輔助，我們的畫(huà)面就會(huì)看上去有種內(nèi)在的穩(wěn)定感。
STEP 03
接下我們來(lái)開(kāi)畫(huà)，人物的側(cè)臉，把草圖拿來(lái)看了，然后扔掉。警告：不要完全去勾草圖，否則你會(huì)錯(cuò)過(guò)一次練習(xí)造型的機(jī)會(huì)。
人物側(cè)臉的左側(cè)是最終呈現(xiàn)的線條，所以注意這條邊要對(duì)齊網(wǎng)格，并且注意它的輪廓表現(xiàn)。而這個(gè)形狀的右邊那條邊由于最終會(huì)被頭發(fā)等形狀所遮擋，因此隨意畫(huà)出即可。色彩可以填充為肉粉色，作為皮膚的色調(diào)。
STEP 04
接下我們要繼續(xù)畫(huà)出頭盔，頭盔的步驟如下圖所示：
STEP 05
把頭盔放到人物的臉部上方，將它略調(diào)整為與網(wǎng)格對(duì)齊，人物的頭部完成了一大半。
STEP 06
接下繪制人物的頭發(fā)，頭發(fā)的部分我們打算用矩形來(lái)生成。下面是用矩形做頭發(fā)的思路：利用矩形來(lái)拼成頭發(fā)的形狀，矩形本身是直角，但是經(jīng)過(guò)圓角拉伸后就變成了圓角矩形，這時(shí)就很容易做出頭發(fā)的飄逸的效果，又不失扁平人物的風(fēng)格表達(dá)。過(guò)程如下圖：
STEP 07
把上一步做好的頭發(fā)，連接到頭部。這里需要補(bǔ)充一個(gè)色塊，并且做好圓角的處理。要做到自然而然，不要接得太生硬。該調(diào)整的地方繼續(xù)調(diào)整。
到這一步，頭部就完成啦~再檢查看看頭部的視覺(jué)是否正常。
畫(huà)出人物身體
身體的部分要畫(huà)出來(lái)，首先要明確人物的頭身比。當(dāng)然我們不是再現(xiàn)真實(shí)的人物，所以允許頭身比可以有部分出入，但是基本上還是按照6-8頭身的比例。這個(gè)比例具體是指什么意思呢？就是我們的身體高度剛好是頭部高度的6-8倍。
下圖為7.5頭身比例圖：
STEP 08
我們畫(huà)身體也是從直線開(kāi)始，利用鋼筆工具畫(huà)直線，用直線來(lái)勾勒造型，注意對(duì)齊已有的網(wǎng)格線。
STEP 09
然后把部分的直角轉(zhuǎn)為圓角。
STEP 10
再畫(huà)出右邊的手臂，注意比例和對(duì)齊網(wǎng)格。然后再把部分尖銳的角轉(zhuǎn)為圓角。
STEP 11
手部的畫(huà)法很簡(jiǎn)單，也是從矩形開(kāi)始。然后把部分直角轉(zhuǎn)為圓角。
STEP 12
最后把頭發(fā)的部分拉大一點(diǎn)，然后把所有的細(xì)節(jié)都整理一遍。
STEP 13
畫(huà)出女生的小裙子，也是從直線起步，最后把裙子邊緣轉(zhuǎn)為圓弧。
STEP 14
兩條腿的畫(huà)法依然是利用鋼筆工具，注意小腿肚可以給個(gè)弧形來(lái)表現(xiàn)。
STEP 15
畫(huà)出鞋子的部分，并且增加鞋子的滑輪。
STEP 16
把人物的膝蓋的部分的細(xì)節(jié)再進(jìn)行細(xì)化，如下圖
到這一步，整個(gè)人物的基礎(chǔ)大型就完成了。
繼續(xù)豐富裝飾細(xì)節(jié)
STEP 17
在目前的基礎(chǔ)上給人物增加小細(xì)節(jié)，這些小細(xì)節(jié)可以增加人物的生動(dòng)感。比如我在這里給人物添加了頭盔、腰帶、鞋底以及長(zhǎng)筒襪的細(xì)節(jié)。這部分純靠想象，大家可以稍微放飛自我。
利用AI的形狀生成器工具就能生成不同的形狀。
STEP 18
長(zhǎng)筒襪的圖案可以畫(huà)出來(lái)，讓畫(huà)面更豐富。首先我們要畫(huà)出一條線，這條線的描邊為80px，然后進(jìn)入【效果>扭曲和變換>波紋效果】，面板參數(shù)如下所示。
STEP 19
將上一步所做的形狀進(jìn)行擴(kuò)展外觀，變?yōu)榉忾]的路徑形狀，然后應(yīng)用到長(zhǎng)筒襪的白色形狀上。多余的部分用形狀生成器工具刪掉。
人物的塑造到這一步就完成了
畫(huà)陰影提質(zhì)感——一切交給PS
我在扁平插畫(huà)課里給學(xué)員們所介紹的增加光影的方法一般來(lái)說(shuō)是用AI完成的，但是其實(shí)增加光影，PS也能做到。所以，我們這次就用PS來(lái)增加光影表達(dá)。
STEP 20
可以打開(kāi)PS，新建一個(gè)1920*1200px的文檔，然后將AI所畫(huà)的對(duì)象復(fù)制粘貼過(guò)去。粘貼時(shí)選擇“智能對(duì)象”，并且增加一個(gè)純色背景，背景色為暖粉色。
STEP 21
這時(shí)利用數(shù)位板/手繪板，開(kāi)始對(duì)人的皮膚的部分增加陰影，用普通的畫(huà)筆即可。
新建一個(gè)新的圖層，然后設(shè)置為下面那個(gè)圖層的剪貼蒙板。在新圖層上添加陰影色塊。利用【選擇>色彩范圍】，首先選中皮膚的顏色，這時(shí)記得要選中人物的圖層。然后在新圖層上開(kāi)始繪制陰影區(qū)域，顏色稍微比皮膚的顏色略深。
由于有螞蟻線選區(qū)的控制，開(kāi)始涂陰影的時(shí)候就不會(huì)溢到其他部分。除了陰影，還可以增加高光的部分，讓畫(huà)面看起來(lái)更立體。畫(huà)筆選擇“硬邊圓”就好。
STEP 22
利用以上所介紹的步驟，開(kāi)始對(duì)其他的部分都分別畫(huà)上陰影和高光。
因?yàn)楫?huà)的過(guò)程是非常自由的，只需要掌握基本的原則即可。這里不再詳述每一步，下面是需要注意的要點(diǎn)。
可以利用畫(huà)筆畫(huà)出部分細(xì)節(jié)。
STEP 23
最后把長(zhǎng)筒襪的部分也做出陰影表現(xiàn)，這里的處理手法和上面略有不同。因?yàn)檫@里涉及的顏色較多，所以我們不能用單色的處理手法來(lái)提供選區(qū)。
此時(shí)需要再新建一個(gè)剪貼蒙板，利用鋼筆工具來(lái)生成長(zhǎng)筒襪的形狀，然后用棕色涂出陰影部分，再降低整個(gè)圖層的透明度。
STEP 24
追加顆粒感的紋理，再新建一個(gè)圖層，創(chuàng)建剪貼蒙板，繼續(xù)自由發(fā)揮。這時(shí)可以選擇【特殊效果畫(huà)筆】里的“噴濺筆刷”，或者選用其他你自己私藏的顆粒感筆刷，這里不是那么絕對(duì)。
STEP 25
增加了顆粒的效果，可以讓邊緣變得也具有這種生動(dòng)的手繪感，因此這時(shí)可以再新建一個(gè)圖層，利用邊緣比較有機(jī)的畫(huà)筆來(lái)表現(xiàn)，這里的圖層不需要?jiǎng)?chuàng)建剪貼蒙版。
其實(shí)插畫(huà)不一定要加顆粒，增加顆粒是為了提升趣味感。大家可以對(duì)比一下，增加顆粒前后。
STEP 26
最后通過(guò)色彩平衡等調(diào)色工具來(lái)對(duì)整體的色彩進(jìn)行調(diào)整，并為人物增加文字背景，將文字也畫(huà)出陰影的效果，沖淡背景的單調(diào)。并且為整個(gè)插畫(huà)增加點(diǎn)狀圖案。
最終效果如下：
寫(xiě)在后面：
后面為插畫(huà)增加文字和圖案的部分，由于是即興發(fā)揮，所以不再多累述。你可以增加圖案，也可以保持原狀。這部分可以發(fā)揮你的原創(chuàng)來(lái)繪制。
原文鏈接：ifeiwu
]]>