守望者

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

準備工具

Photoshop (2019)

Adobe illustrator (2019)

數位板

 

一、草圖構思

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

 

二、繪制人物頭部

STEP 01

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

STEP 02

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

STEP 03

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

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

STEP 04

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

STEP 05

把頭盔放到人物的臉部上方,將它略調整為與網格對齊,人物的頭部完成了一大半。

STEP 06

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

STEP 07

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

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

 

三、畫出人物身體

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

下圖為7.5頭身比例圖:

STEP 08

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

STEP 09

然后把部分的直角轉為圓角。

STEP 10

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

STEP 11

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

STEP 12

最后把頭發的部分拉大一點,然后把所有的細節都整理一遍。

STEP 13

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

STEP 14

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

STEP 15

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

STEP 16

把人物的膝蓋的部分的細節再進行細化,如下圖

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

 

四、繼續豐富裝飾細節

STEP 17

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

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

 

STEP 18

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

STEP 19

將上一步所做的形狀進行擴展外觀,變為封閉的路徑形狀,然后應用到長筒襪的白色形狀上。多余的部分用形狀生成器工具刪掉。

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

五、畫陰影提質感——一切交給PS

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

 

STEP 20

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

STEP 21

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

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

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

STEP 22

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

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

可以利用畫筆畫出部分細節。

STEP 23

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

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

STEP 24

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

STEP 25

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

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

STEP 26

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

最終效果如下:

 

寫在后面(20191209更新交作業鏈接)

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

看完教程咱們交作業咯!點我直達作業提交頁面~~?

 

 

原文地址:ifeiwu

作? ? ? 者:飛屋睿UIdesign

 

轉載請注明:學UI網 » AI+PS繪制扁平滑輪少女風格插畫

登錄收藏
 
你可能喜歡的:
畫一條/匹/頭/根大熊貓兒(三視圖)畫一條/匹/頭/根大熊貓兒(三視圖)
如何從0到1建立一套品牌插畫系統如何從0到1建立一套品牌插畫系統
如何建立一個強大的品牌插畫系統如何建立一個強大的品牌插畫系統
怎么畫一個萌萌噠的手繪頭像?(視頻+圖文教程)怎么畫一個萌萌噠的手繪頭像?(視頻+圖文教程)
干貨|如何設計并落地一個插畫系統?干貨|如何設計并落地一個插畫系統?
繪制多層次光影扁平風人物插畫(含詳細思路解析)繪制多層次光影扁平風人物插畫(含詳細思路解析)
插畫類Banner-設計實用分享插畫類Banner-設計實用分享
【教程】C4D+PS繪制寶石海報【教程】C4D+PS繪制寶石海報
如何使用Sketch繪制肌理插畫?如何使用Sketch繪制肌理插畫?
“不誤正業”的sketch-2 動畫GIF“不誤正業”的sketch-2 動畫GIF
?
泰凌微电子上市的最新消息