前言:

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

準(zhǔn)備工具:

Photoshop (2019)

Adobe illustrator (2019)

數(shù)位板

草圖構(gòu)思

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

繪制人物頭部

STEP 01

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 02

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 03

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

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 04

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 05

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 06

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 07

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

畫出人物身體

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

下圖為7.5頭身比例圖:

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 08

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 09

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 10

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 11

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 12

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 13

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 14

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 15

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 16

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

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

STEP 17

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

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

STEP 18

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 19

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

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

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

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

STEP 20

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 21

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

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

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 22

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

因為畫的過程是非常自由的,只需要掌握基本的原則即可。這里不再詳述每一步,下面是需要注意的要點(diǎn)。

AI+PS繪制扁平滑輪少女風(fēng)格插畫

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 23

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

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 24

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 25

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

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

AI+PS繪制扁平滑輪少女風(fēng)格插畫

STEP 26

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

最終效果如下:

AI+PS繪制扁平滑輪少女風(fēng)格插畫

寫在后面:

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

 

原文鏈接:ifeiwu

隨機(jī)推薦