怎么樣，是不是很耐思~有沒有想動筆的沖動！那接下來把話筒交給青燈，讓他開始他的表演吧！

YoYo，大家好！我是最近畫到手痛的青燈，這次是我第一次做插畫教程，做的不夠好的地方就請大家多多指教啦！

這期的彩鉛顆粒風(fēng)格主要是用扁平人物和元素+方型構(gòu)圖+彩鉛肌理刻畫的結(jié)合。

構(gòu)圖靈感來源自法國藝術(shù)家 Gasp art 的插畫作品，這個系列作品以扁平人物為主，用演奏樂器的方式結(jié)合了植物的生長，可以很直觀的感受到每個人物的動作和元素都是框在一個正方形里，給人一種規(guī)整又舒適的感覺。

藝術(shù)家 Gasp art 的插畫作品，僅供賞析

總結(jié)一下 Gasp art 的插畫構(gòu)圖，其實(shí)主要就是人物加元素組成方型構(gòu)圖，可以用植物和道具元素或者是人物動作彎折的形式構(gòu)成方形邊框。

這次的刻畫方式我們選擇了兩種風(fēng)格：一種是偏粗糙的鉛筆肌理風(fēng)格，第二種是偏柔和的細(xì)膩噪點(diǎn)風(fēng)格，讓我們來欣賞一下圖片：

藝術(shù)家 Nadiia Zhelieznova 的插畫作品，僅供賞析

藝術(shù)家 Wnjing Yang 的插畫作品，僅供賞析

我們截取第一種風(fēng)格的局部，放大觀察并總結(jié)一下：

1. 噪點(diǎn)顆粒明顯，并且噪點(diǎn)的間隙會把底部的顏色透出來。

2. 疊加肌理時(shí)會透出上一層肌理，但是疊加的越重就會越實(shí)。

3. 在結(jié)構(gòu)轉(zhuǎn)折處和邊緣有描邊。

再總結(jié)一下第二種風(fēng)格的插畫特點(diǎn)：

1. 顏色和噪點(diǎn)的過渡柔和

2. 邊緣用亮色或重色拉開對比，輪廓清晰

3. 在最亮處有高光點(diǎn)

把這 6 點(diǎn)結(jié)合起來就是我們這次的刻畫風(fēng)格啦~

1. 確定主題收集圖片素材：

在開始之前，要先想想畫啥。咱們列個思維導(dǎo)圖，把場景分成室內(nèi)室外都在干啥，可以多想一些好玩的事。這里我選了做瑜伽，躺著玩手機(jī)，路上踩到了口香糖和快樂逛街這 4 個。

現(xiàn)在關(guān)鍵的來了，根據(jù)這 4 個小場景來找合適的人物動作參考和一些道具參考，一定要多找參考?。?！多找參考！！！找參考?。?！重要的事情說三遍！

• 瑜伽篇：

瑜伽這張我找了個動作接近框型的一個動作，然后根據(jù)瑜伽休閑愜意的感覺，我找了個室內(nèi)植物還有小鳥和紙飛機(jī)，想代表她隨著身體的放松，精神也慢慢飛向了遠(yuǎn)方。

在動筆之前我們先分析一下人物的比例和特點(diǎn)。

人物風(fēng)格分析：

① 人物頭身比特點(diǎn)：人物比例在 11 頭身左右，因?yàn)槿宋飫幼饔姓郫B，頭占畫面七分之一左右。

人物上半身在 4 頭左右，腿長 7 個頭左右，手長 6 頭左右。

② 人物四肢特點(diǎn)：四肢偏粗方，可以想象是多個矩形和梯形相接，銜接的時(shí)候注意關(guān)節(jié)弧度。

2. 畫草圖

① 先提取動作框架，根據(jù)我們分析好的頭身比例調(diào)整放在框里使得四肢貼邊呈方形。 

② 給框架加肉，根據(jù)之前的四肢分析，多用方形和圓矩形概括，這里我把女生的頭發(fā)換成了大波浪，增加了飄逸的感覺。同時(shí)曲線也會方便后期刻畫。

③ 同理，植物直接用一個彎的水滴型概括葉片和葉莖，鳥用半圓形概括身子加上小半圓的頭和四邊形的尾巴就概括出來了啦~

④ 最后整合一下元素開了個“天窗腦洞”，紙飛機(jī)飛進(jìn)這個天窗。然后在植物邊上用黃色的線條加了一些靈動的水滴，這張瑜伽就做好了。

• 快樂逛街篇：

第二張購物的也是同理先找參考，大部分逛街的動作都是比較平緩的走路類的姿勢，這里我特意找了一個幅度較大的舞蹈動作，再找了一些服裝參考。另外我打算用水加上金幣流入黑洞的方式表現(xiàn)“花錢如流水”的概念。

步驟和之前的都是一樣的，這里加入一個水流小 tip：

• 踩到口香糖篇：

第三張我想的是男生在趕去上班的路上踩口香糖，草圖同樣是從動態(tài)提取入手，我想讓手和腳上的口香糖有個互動，就把原動作的腳抬起來了一點(diǎn)，讓手靠近鞋子去抓口香糖。另外我把左邊的手大臂伸平小臂轉(zhuǎn)過來做一個看手表的動作，表示他要遲到的焦急。

• 躺著玩手機(jī)篇：

第四張我這邊提取的是一個躺著翹腿的人物動態(tài)，為了讓整個人物能符合方形構(gòu)圖，我把人物左手抵著地把人物上半身撐起來了點(diǎn)，頭發(fā)用大小不一的泡泡在邊緣處排列，接著我夸張了翹起來的腿使得整個動作幅度更大，同時(shí)也讓整個構(gòu)圖更充實(shí)。最后我在手機(jī)前面加入了一個大泡泡的元素，暗示我們時(shí)常沉浸在手機(jī)信息帶來的巨大泡影里。

鋪色可以用鋼筆勾閉合形狀，也可以用 ps 自帶的硬邊緣筆刷畫。

配色以補(bǔ)色為主，在色輪上呈 180 度的變化，以這張瑜伽舉例，能看到比較明顯的橙色和藍(lán)色，在這對顏色基礎(chǔ)上再加入了它們的相鄰色作為點(diǎn)綴色，在色輪上呈 30 度左右變化。

• 筆刷介紹

終于到了激動人心的刻畫環(huán)節(jié)了，這次給大家準(zhǔn)備了村口高質(zhì)量彩鉛噪點(diǎn)筆刷~~我這邊已經(jīng)按照繪畫順序和效果類別整理好了~~（后臺回復(fù)【插畫046】領(lǐng)?。?

這里重點(diǎn)介紹一下這幾個筆刷！

• 皮膚刻畫

給皮膚增加色素，首先我們要增加的區(qū)域分為：

1. 五官例如：鼻子，眼睛，腮紅，耳朵

2. 陰影例如：脖子，腋下，衣服的陰影，以及身體轉(zhuǎn)折處來加重

以人物面部舉例，選一個比皮膚更深一點(diǎn)的顏色用【軟底紋筆刷】由重到輕地上色素，顏色就會自然的過渡過去。

接著用【點(diǎn)狀排線筆】再加重一遍。

用一樣的方法把身體部分畫完，最后可以在邊緣處（比如手腳接觸的地方，手指縫）加重線用于區(qū)分色塊

• 服裝道具刻畫：

畫衣服和道具這類面積比較大元素時(shí)，第一步先把顏色提亮，第二步再鋪排線紋理（選一個你喜歡的方向）并在關(guān)節(jié)處加重。

第三步用【軟底紋筆刷】根據(jù)光源加重褲子陰影，腿彎折處用套索工具勾出來鋪色加重，第四步用【點(diǎn)狀排線筆刷】加重陰影處，顏色越重面積越小。

最后在轉(zhuǎn)折處勾勒更深的邊線就 ok 了~

• 背景元素刻畫：

用【軟底紋筆刷】加肌理，【速寫鉛筆】加裝飾線的方式把其他的植物和小鳥元素刻畫完。

暗色背景的星星第一步在星星里鋪上背景色，然后用亮色把中間提亮，第二步給星星中間用白色畫個細(xì)十字線，星星底部順著四個角畫延長線條再復(fù)制一層縮小旋轉(zhuǎn) 45 度，最后用【高光筆】點(diǎn)底部點(diǎn)一個亮光，亮色背景的星星不用刻畫直接做延長線和提亮高光就可以。

• 頭發(fā)刻畫：

首先第一步也是把頭發(fā)底色提亮，第二步用波浪線把頭發(fā)分成中間粗兩邊細(xì)的葉片形式，然后第三步在葉片里加線條，線條遵循兩側(cè)密中間疏的原則向焦點(diǎn)聚攏。

第四步在線條密集的地方用使用【軟底紋筆刷】加重，中間輕輕帶過，頭發(fā)體積感就出來了。

最后再在頭發(fā)亮的地方用線性減淡的圖層模式用【高光筆刷】提亮一下，邊緣用【速寫鉛筆】輕輕勾勒一條淺色邊緣就ok了~

• 背景肌理：

第一步先把背景提亮至白色，第二步用【軟底紋筆刷】用力的涂色，這樣鋪完色后就會有些白色的點(diǎn)點(diǎn)透出來了。

第三步用【點(diǎn)狀排線筆刷】加重物體下方讓他們看起來有點(diǎn)投影的狀態(tài)就 ok 了！

• 材質(zhì)和質(zhì)感表現(xiàn)：

1. 水滴材質(zhì)：

來到了我們畫面的點(diǎn)睛之筆的部分了，在畫這種半透明狀的物件東西是可以吸環(huán)境色涂在中間，讓水滴兩側(cè)保持亮色就會有透明的質(zhì)感呈現(xiàn)出來，最后點(diǎn)上高光水滴的透明質(zhì)感就做出來了。

2. 泡泡材質(zhì)： 

在這張?zhí)芍词謾C(jī)里有一個泡泡的材質(zhì)，它的繪制邏輯其實(shí)跟紙飛機(jī)拖尾是一樣的，但是泡泡的顏色會更復(fù)雜一點(diǎn)，所以我們先來分析一下泡泡的顏色怎么畫。

拿泡泡的一個小弧度邊舉例，從左到右的顏色就是從黃→紅→粉→紫→藍(lán)→綠這樣的顏色變化。

所以我們照葫蘆畫瓢，先畫出一個一樣的形狀，用【后悔藥】橡皮擦，擦出透明漸變，擦的時(shí)候在弧度凸的地方多保留一點(diǎn)，凹的地方輕輕擦。

接著用【軟底紋筆刷】畫出顏色，注意顏色的位置和占比也一樣參考照片。在顏色銜接的地方用筆刷輕輕的覆蓋上去就會比較自然，在光源位置畫出白色的高光。

繼續(xù)把完整的泡泡畫出來，再加上一點(diǎn)線條裝飾一個泡泡就畫好了！

3. 畫面光澤：

用【高光筆刷】把圖層模式調(diào)成線性減淡模式在光源方向提亮，再用【速寫鉛筆】在最亮處點(diǎn)一個小高光，整張就畫完啦~

掌握了這些刻畫方式，再加一點(diǎn)耐心和時(shí)間這 4 張就畫好啦~~

1. 人物動作轉(zhuǎn)化和道具的分配要貼合方形構(gòu)圖。

2. 加入主色的鄰近色豐富畫面。

3. 刻畫顏色遵循陰影顏色越重面積越小，高光越亮面積越小的邏輯，讓重的更重，亮的更亮，拉開對比。

4. 你永遠(yuǎn)可以相信后悔藥橡皮擦，畫多了就擦掉所以大膽畫吧~

作者：藍(lán)貴蓮

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》從構(gòu)思講起，手把手帶你繪制一套彩鉛噪點(diǎn)人物插畫！

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加藍(lán)小助，微信號:ben_lanlan，報(bào)下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司