AI+PS繪制扁平風(fēng)人物風(fēng)格插畫
發(fā)布時(shí)間:2021-12-13 08:58 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2

準(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)格】,并且勾選【對(duì)齊網(wǎng)格】。有了網(wǎng)格的輔助,我們的畫面就會(huì)看上去有種內(nèi)在的穩(wěn)定感。

STEP 03

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

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

STEP 04

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

STEP 05

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

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

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

STEP 09

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

STEP 10

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

STEP 11

手部的畫法很簡(jiǎn)單,也是從矩形開始。然后把部分直角轉(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)感。比如我在這里給人物添加了頭盔、腰帶、鞋底以及長(zhǎng)筒襪的細(xì)節(jié)。這部分純靠想象,大家可以稍微放飛自我。

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

 

STEP 18

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

 

STEP 19

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

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

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

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

 

STEP 20

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

STEP 21

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

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

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

STEP 22

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

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

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

STEP 23

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

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

STEP 24

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

STEP 25

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

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

STEP 26

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

最終效果如下:

 

PS手繪板繪精通視頻教程
我要自學(xué)網(wǎng)商城 ¥100 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC