怎么樣，是不是很耐思~有沒(méi)有想動(dòng)筆的沖動(dòng)！那接下來(lái)把話筒交給青燈，讓他開(kāi)始他的表演吧！
YoYo，大家好！我是最近畫(huà)到手痛的青燈，這次是我第一次做插畫(huà)教程，做的不夠好的地方就請(qǐng)大家多多指教啦！
操作難度：★★★☆☆
這期的彩鉛顆粒風(fēng)格主要是用扁平人物和元素+方型構(gòu)圖+彩鉛肌理刻畫(huà)的結(jié)合。
構(gòu)圖靈感來(lái)源自法國(guó)藝術(shù)家 Gasp art 的插畫(huà)作品，這個(gè)系列作品以扁平人物為主，用演奏樂(lè)器的方式結(jié)合了植物的生長(zhǎng)，可以很直觀的感受到每個(gè)人物的動(dòng)作和元素都是框在一個(gè)正方形里，給人一種規(guī)整又舒適的感覺(jué)。
藝術(shù)家 Gasp art 的插畫(huà)作品，僅供賞析
總結(jié)一下 Gasp art 的插畫(huà)構(gòu)圖，其實(shí)主要就是人物加元素組成方型構(gòu)圖，可以用植物和道具元素或者是人物動(dòng)作彎折的形式構(gòu)成方形邊框。
這次的刻畫(huà)方式我們選擇了兩種風(fēng)格：一種是偏粗糙的鉛筆肌理風(fēng)格，第二種是偏柔和的細(xì)膩噪點(diǎn)風(fēng)格，讓我們來(lái)欣賞一下圖片：
藝術(shù)家 Nadiia Zhelieznova 的插畫(huà)作品，僅供賞析
藝術(shù)家 Wnjing Yang 的插畫(huà)作品，僅供賞析
我們截取第一種風(fēng)格的局部，放大觀察并總結(jié)一下：
1. 噪點(diǎn)顆粒明顯，并且噪點(diǎn)的間隙會(huì)把底部的顏色透出來(lái)。
2. 疊加肌理時(shí)會(huì)透出上一層肌理，但是疊加的越重就會(huì)越實(shí)。
3. 在結(jié)構(gòu)轉(zhuǎn)折處和邊緣有描邊。
再總結(jié)一下第二種風(fēng)格的插畫(huà)特點(diǎn)：
1. 顏色和噪點(diǎn)的過(guò)渡柔和
2. 邊緣用亮色或重色拉開(kāi)對(duì)比，輪廓清晰
3. 在最亮處有高光點(diǎn)
把這 6 點(diǎn)結(jié)合起來(lái)就是我們這次的刻畫(huà)風(fēng)格啦~
1. 確定主題收集圖片素材：
在開(kāi)始之前，要先想想畫(huà)啥。咱們列個(gè)思維導(dǎo)圖，把場(chǎng)景分成室內(nèi)室外都在干啥，可以多想一些好玩的事。這里我選了做瑜伽，躺著玩手機(jī)，路上踩到了口香糖和快樂(lè)逛街這 4 個(gè)。
現(xiàn)在關(guān)鍵的來(lái)了，根據(jù)這 4 個(gè)小場(chǎng)景來(lái)找合適的人物動(dòng)作參考和一些道具參考，一定要多找參考?。?！多找參考?。?！找參考?。?！重要的事情說(shuō)三遍！
- 瑜伽篇：
瑜伽這張我找了個(gè)動(dòng)作接近框型的一個(gè)動(dòng)作，然后根據(jù)瑜伽休閑愜意的感覺(jué)，我找了個(gè)室內(nèi)植物還有小鳥(niǎo)和紙飛機(jī)，想代表她隨著身體的放松，精神也慢慢飛向了遠(yuǎn)方。
在動(dòng)筆之前我們先分析一下人物的比例和特點(diǎn)。
人物風(fēng)格分析：
① 人物頭身比特點(diǎn)：人物比例在 11 頭身左右，因?yàn)槿宋飫?dòng)作有折疊，頭占畫(huà)面七分之一左右。
人物上半身在 4 頭左右，腿長(zhǎng) 7 個(gè)頭左右，手長(zhǎng) 6 頭左右。
② 人物四肢特點(diǎn)：四肢偏粗方，可以想象是多個(gè)矩形和梯形相接，銜接的時(shí)候注意關(guān)節(jié)弧度。
2. 畫(huà)草圖
① 先提取動(dòng)作框架，根據(jù)我們分析好的頭身比例調(diào)整放在框里使得四肢貼邊呈方形。
② 給框架加肉，根據(jù)之前的四肢分析，多用方形和圓矩形概括，這里我把女生的頭發(fā)換成了大波浪，增加了飄逸的感覺(jué)。同時(shí)曲線也會(huì)方便后期刻畫(huà)。
③ 同理，植物直接用一個(gè)彎的水滴型概括葉片和葉莖，鳥(niǎo)用半圓形概括身子加上小半圓的頭和四邊形的尾巴就概括出來(lái)了啦~
④ 最后整合一下元素開(kāi)了個(gè)“天窗腦洞”，紙飛機(jī)飛進(jìn)這個(gè)天窗。然后在植物邊上用黃色的線條加了一些靈動(dòng)的水滴，這張瑜伽就做好了。
- 快樂(lè)逛街篇：
第二張購(gòu)物的也是同理先找參考，大部分逛街的動(dòng)作都是比較平緩的走路類的姿勢(shì)，這里我特意找了一個(gè)幅度較大的舞蹈動(dòng)作，再找了一些服裝參考。另外我打算用水加上金幣流入黑洞的方式表現(xiàn)“花錢(qián)如流水”的概念。
步驟和之前的都是一樣的，這里加入一個(gè)水流小 tip：
- 踩到口香糖篇：
第三張我想的是男生在趕去上班的路上踩口香糖，草圖同樣是從動(dòng)態(tài)提取入手，我想讓手和腳上的口香糖有個(gè)互動(dòng)，就把原動(dòng)作的腳抬起來(lái)了一點(diǎn)，讓手靠近鞋子去抓口香糖。另外我把左邊的手大臂伸平小臂轉(zhuǎn)過(guò)來(lái)做一個(gè)看手表的動(dòng)作，表示他要遲到的焦急。
- 躺著玩手機(jī)篇：
第四張我這邊提取的是一個(gè)躺著翹腿的人物動(dòng)態(tài)，為了讓整個(gè)人物能符合方形構(gòu)圖，我把人物左手抵著地把人物上半身?yè)纹饋?lái)了點(diǎn)，頭發(fā)用大小不一的泡泡在邊緣處排列，接著我夸張了翹起來(lái)的腿使得整個(gè)動(dòng)作幅度更大，同時(shí)也讓整個(gè)構(gòu)圖更充實(shí)。最后我在手機(jī)前面加入了一個(gè)大泡泡的元素，暗示我們時(shí)常沉浸在手機(jī)信息帶來(lái)的巨大泡影里。
鋪色可以用鋼筆勾閉合形狀，也可以用 ps 自帶的硬邊緣筆刷畫(huà)。
配色以補(bǔ)色為主，在色輪上呈 180 度的變化，以這張瑜伽舉例，能看到比較明顯的橙色和藍(lán)色，在這對(duì)顏色基礎(chǔ)上再加入了它們的相鄰色作為點(diǎn)綴色，在色輪上呈 30 度左右變化。
- 筆刷介紹
終于到了激動(dòng)人心的刻畫(huà)環(huán)節(jié)了，這次給大家準(zhǔn)備了村口高質(zhì)量彩鉛噪點(diǎn)筆刷~~我這邊已經(jīng)按照繪畫(huà)順序和效果類別整理好了~~（后臺(tái)回復(fù)【插畫(huà)046】領(lǐng)?。?
這里重點(diǎn)介紹一下這幾個(gè)筆刷！
- 皮膚刻畫(huà)
給皮膚增加色素，首先我們要增加的區(qū)域分為：
1. 五官例如：鼻子，眼睛，腮紅，耳朵
2. 陰影例如：脖子，腋下，衣服的陰影，以及身體轉(zhuǎn)折處來(lái)加重
以人物面部舉例，選一個(gè)比皮膚更深一點(diǎn)的顏色用【軟底紋筆刷】由重到輕地上色素，顏色就會(huì)自然的過(guò)渡過(guò)去。
接著用【點(diǎn)狀排線筆】再加重一遍。
用一樣的方法把身體部分畫(huà)完，最后可以在邊緣處（比如手腳接觸的地方，手指縫）加重線用于區(qū)分色塊
- 服裝道具刻畫(huà)：
畫(huà)衣服和道具這類面積比較大元素時(shí)，第一步先把顏色提亮，第二步再鋪排線紋理（選一個(gè)你喜歡的方向）并在關(guān)節(jié)處加重。
第三步用【軟底紋筆刷】根據(jù)光源加重褲子陰影，腿彎折處用套索工具勾出來(lái)鋪色加重，第四步用【點(diǎn)狀排線筆刷】加重陰影處，顏色越重面積越小。
最后在轉(zhuǎn)折處勾勒更深的邊線就 ok 了~
- 背景元素刻畫(huà)：
用【軟底紋筆刷】加肌理，【速寫(xiě)鉛筆】加裝飾線的方式把其他的植物和小鳥(niǎo)元素刻畫(huà)完。
暗色背景的星星第一步在星星里鋪上背景色，然后用亮色把中間提亮，第二步給星星中間用白色畫(huà)個(gè)細(xì)十字線，星星底部順著四個(gè)角畫(huà)延長(zhǎng)線條再?gòu)?fù)制一層縮小旋轉(zhuǎn) 45 度，最后用【高光筆】點(diǎn)底部點(diǎn)一個(gè)亮光，亮色背景的星星不用刻畫(huà)直接做延長(zhǎng)線和提亮高光就可以。
- 頭發(fā)刻畫(huà)：
首先第一步也是把頭發(fā)底色提亮，第二步用波浪線把頭發(fā)分成中間粗兩邊細(xì)的葉片形式，然后第三步在葉片里加線條，線條遵循兩側(cè)密中間疏的原則向焦點(diǎn)聚攏。
第四步在線條密集的地方用使用【軟底紋筆刷】加重，中間輕輕帶過(guò)，頭發(fā)體積感就出來(lái)了。
最后再在頭發(fā)亮的地方用線性減淡的圖層模式用【高光筆刷】提亮一下，邊緣用【速寫(xiě)鉛筆】輕輕勾勒一條淺色邊緣就ok了~
- 背景肌理：
第一步先把背景提亮至白色，第二步用【軟底紋筆刷】用力的涂色，這樣鋪完色后就會(huì)有些白色的點(diǎn)點(diǎn)透出來(lái)了。
第三步用【點(diǎn)狀排線筆刷】加重物體下方讓他們看起來(lái)有點(diǎn)投影的狀態(tài)就 ok 了！
- 材質(zhì)和質(zhì)感表現(xiàn)：
1. 水滴材質(zhì)：
來(lái)到了我們畫(huà)面的點(diǎn)睛之筆的部分了，在畫(huà)這種半透明狀的物件東西是可以吸環(huán)境色涂在中間，讓水滴兩側(cè)保持亮色就會(huì)有透明的質(zhì)感呈現(xiàn)出來(lái)，最后點(diǎn)上高光水滴的透明質(zhì)感就做出來(lái)了。
2. 泡泡材質(zhì)：
在這張?zhí)芍词謾C(jī)里有一個(gè)泡泡的材質(zhì)，它的繪制邏輯其實(shí)跟紙飛機(jī)拖尾是一樣的，但是泡泡的顏色會(huì)更復(fù)雜一點(diǎn)，所以我們先來(lái)分析一下泡泡的顏色怎么畫(huà)。
拿泡泡的一個(gè)小弧度邊舉例，從左到右的顏色就是從黃→紅→粉→紫→藍(lán)→綠這樣的顏色變化。
所以我們照葫蘆畫(huà)瓢，先畫(huà)出一個(gè)一樣的形狀，用【后悔藥】橡皮擦，擦出透明漸變，擦的時(shí)候在弧度凸的地方多保留一點(diǎn)，凹的地方輕輕擦。
接著用【軟底紋筆刷】畫(huà)出顏色，注意顏色的位置和占比也一樣參考照片。在顏色銜接的地方用筆刷輕輕的覆蓋上去就會(huì)比較自然，在光源位置畫(huà)出白色的高光。
繼續(xù)把完整的泡泡畫(huà)出來(lái)，再加上一點(diǎn)線條裝飾一個(gè)泡泡就畫(huà)好了！
3. 畫(huà)面光澤：
用【高光筆刷】把圖層模式調(diào)成線性減淡模式在光源方向提亮，再用【速寫(xiě)鉛筆】在最亮處點(diǎn)一個(gè)小高光，整張就畫(huà)完啦~
掌握了這些刻畫(huà)方式，再加一點(diǎn)耐心和時(shí)間這 4 張就畫(huà)好啦~~
1. 人物動(dòng)作轉(zhuǎn)化和道具的分配要貼合方形構(gòu)圖。
2. 加入主色的鄰近色豐富畫(huà)面。
3. 刻畫(huà)顏色遵循陰影顏色越重面積越小，高光越亮面積越小的邏輯，讓重的更重，亮的更亮，拉開(kāi)對(duì)比。
4. 你永遠(yuǎn)可以相信后悔藥橡皮擦，畫(huà)多了就擦掉所以大膽畫(huà)吧~
作者：藍(lán)貴蓮
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》從構(gòu)思講起，手把手帶你繪制一套彩鉛噪點(diǎn)人物插畫(huà)！
藍(lán)藍(lán)設(shè)計(jì)( www.b186.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ì)公司