今天和大家分享一下青燈老師的一個(gè)扁平插畫海報(bào)教程。

一起來看看本次海報(bào)的設(shè)計(jì)制作過程。

知識(shí)重點(diǎn)：元素提取和轉(zhuǎn)化、實(shí)時(shí)上色工具

操作工具：數(shù)位板 | Adobe illustrator

操作難度：★★ ☆ ☆ ☆

在開始之前我們先看看圖片：

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

我們可以看到他海報(bào)的版式基本都可以總結(jié)為上中下的分段式構(gòu)圖，上面為文字標(biāo)題，中間是插畫部分，下面是文字和裝飾。

接著我們看一下這次的插畫風(fēng)格：

可以看到角色是線性描邊的，同時(shí)角色都是基于一個(gè)物體加上手腳和五官表情的這種擬人表現(xiàn)形式，那這就是我們插畫風(fēng)格參考，把這版式和插畫風(fēng)格進(jìn)行一個(gè)結(jié)合就是我們的這次海報(bào)的思路啦。

01

前期構(gòu)思

確定主題收集圖片素材：

我們這次定的主題是“設(shè)計(jì)補(bǔ)給站”，對(duì)應(yīng)畫面就是兩個(gè)部分構(gòu)成，一個(gè)是游戲機(jī)一個(gè)是角色小番茄。游戲機(jī)由AE和AI充能，正好對(duì)應(yīng)我們要用到的軟件。小番茄在玩游戲機(jī)同時(shí)，動(dòng)作跟文字有個(gè)互動(dòng)，而游戲的畫面我想的是學(xué)習(xí)的狀態(tài)：從疑惑到頓悟再到開心這樣的一個(gè)學(xué)習(xí)狀態(tài)的過程。

然后我們對(duì)應(yīng)的找一些參考并在模板上拼接一下：

02

元素提取和勾線

①游戲機(jī)

先根據(jù)風(fēng)格參考扁平化處理我們的參考圖方便我們后續(xù)勾線，按ctrl+t調(diào)整到左右兩側(cè)同高。

接著我們分析一下游戲機(jī)的結(jié)構(gòu)，可以看到游戲機(jī)主要由兩個(gè)頂面（藍(lán)色）、兩個(gè)正面（綠色）、一個(gè)斜正面（淺綠色）、側(cè)面（粉色）和厚度區(qū)域構(gòu)成（紫色），我們?cè)诠淳€的時(shí)候要注意表現(xiàn)出這些結(jié)構(gòu)，這里我用的是4號(hào)鋼筆。

先勾出側(cè)面的形狀然后再復(fù)制側(cè)面形狀刪除掉右下的錨點(diǎn)，就做出了一側(cè)的厚度，接著把厚度復(fù)制到左側(cè)。

Tips：可以把正面1的側(cè)邊寬度拉長了方便后續(xù)在上面加文字信息。

接著再復(fù)制一層邊作為游戲機(jī)中間結(jié)構(gòu)的側(cè)邊，然后把每個(gè)轉(zhuǎn)折點(diǎn)連接到左側(cè)就完成了游戲機(jī)輪廓了。

0*

裝飾元素

能量瓶和側(cè)面裝飾：

先用兩個(gè)圓概括瓶身的頂和底的弧度，接著把頂圓下方的點(diǎn)刪除再把兩側(cè)的線條接到底圓上，接著加上蓋子。

用同樣的方法給瓶子加上標(biāo)簽和管道的元素，管道先用直線概括，然后用直接選擇工具點(diǎn)擊直角點(diǎn)拉出弧度。

然后在管道上加上一個(gè)圓，并選中圓和管道點(diǎn)擊路徑查找器中的聯(lián)集，讓管道造型豐富一些。

接著再復(fù)制一個(gè)瓶子到游戲機(jī)的右側(cè)，并把管子延長并接在側(cè)面上。

再用管道元素和溫度計(jì)元素豐富一下側(cè)面。

③其他裝飾元素：

接下來我們要給游戲機(jī)加上遙桿和按鍵了。遙桿可以拆為圓球形、小圓柱和圓臺(tái)，并把它們擺在一起。（注意元素的前后關(guān)系）

先用長方形工具拉出一個(gè)長方形然后用A選中下面兩點(diǎn)移動(dòng)至側(cè)面與游戲機(jī)平行，然后復(fù)制一個(gè)長方形選擇變換→垂直對(duì)稱，再點(diǎn)擊變換→旋轉(zhuǎn)，調(diào)整至與原長方體垂直，接著用路徑工具里的聯(lián)集合把兩個(gè)形狀合并。

接著再復(fù)制一層，把重疊的線條部分刪除，再用鋼筆把上下端點(diǎn)連接，再給按鍵上加點(diǎn)裝飾就好了。

然后我們同理我們把其他的按鍵做出來，這里我選擇了心形和三角形。

正面1加上了一個(gè)電量的圖標(biāo)，中間空出來方便后續(xù)在上面加上文字。

正面二加上投幣和出票口的裝飾。

最后我們主體物的線稿就完成啦~

④擬人角色繪制：

首先提取一個(gè)插畫角色身體框架和動(dòng)作四肢，這里四肢我用的是12px的線條。

然后我把擬人角色的參考圖拼接了一下放在邊上，先將身體形狀拉成橢圓形，再把手臂調(diào)上跟原角色動(dòng)作作出區(qū)分，接著加上五官和頭部裝飾。

在畫手的時(shí)候我們先分析一下手的結(jié)構(gòu)，手可以分為手掌區(qū)域（用圓角矩形概括），手指區(qū)域（圓柱概括）他們基本等長，還有大拇指（圓柱形加圓形的組合）構(gòu)成。

我給角色選擇了一個(gè)向上指的動(dòng)作，我們觀察這個(gè)參考的中指、無名指和小指是覆蓋在手掌上的，然后大拇指是朝手掌內(nèi)彎折覆蓋再是指上的，我們對(duì)應(yīng)調(diào)整手指形態(tài)。

然后根據(jù)參考風(fēng)格提取腳部線條。

最后我們?cè)僮鰩讉€(gè)小番茄的表情包放在游戲機(jī)的斜正面，我們的線稿就出來啦。

04

配色

配色主要是以高飽和的藍(lán)色為主色，綠色為輔色，紅色、黃色、米色、黑色為點(diǎn)綴色的方案。

在配置顏色的時(shí)候要注意顏色的占比，主色面積最大，輔色其次，點(diǎn)綴色小面積出現(xiàn)。

在游戲機(jī)上我用到的是實(shí)時(shí)上色，先把配好的色盤放在邊上方便吸色，然后把要上色的區(qū)域 ctrl+g 建組，接著用實(shí)時(shí)上色工具（快捷鍵K）填充區(qū)域上色，然后再用吸管工具（快捷鍵alt）吸色填充其他區(qū)域的顏色。

接著用實(shí)時(shí)上色工具把能量瓶和游戲機(jī)按鍵上色，其他的圖形直接選中再按住 shift 吸色盤顏色就可以啦！

Tips：在黑色背景下黑色描邊不明顯，可以把描邊改成亮色。同時(shí)如果想突出某個(gè)元素可以改變描邊顏色（如電量圖標(biāo)和溫度計(jì)）

0*

加細(xì)節(jié)

我們先從游戲機(jī)開始，雙擊游戲機(jī)實(shí)時(shí)上色區(qū)域進(jìn)入編組，用鋼筆工具在游戲機(jī)側(cè)面勾一個(gè)從右到左的三角型并把顏色調(diào)暗，這塊就是側(cè)面的陰影裝飾。

接著在裝飾瓶上用圓形工具加上大小不一的圓形氣泡，并在管道上的圓形處加上重色的圓形，然后在瓶子底部用圓形加上陰影。

到了角色部分，我們從頭開始，在每片綠葉上用鋼筆工具畫出小三角并填充深綠色。

接著在番茄的左下方用鋼筆勾出一個(gè)深紅色的弧面，然后復(fù)制番茄的身體再原位復(fù)制粘貼（Ctrl+Shift+V），同時(shí)選中復(fù)制出來的身體和深紅色弧面右擊選擇建立剪切蒙版，就得到了帶陰影的小番茄啦~~

同理畫出鞋子：

最后角色就畫好了。

06

文字和裝飾

根據(jù)之前分析的上中下結(jié)構(gòu)，我們對(duì)應(yīng)加上文字，文字大小從上到下遞減，然后給插畫上也加上文字信息和裝飾。

最后在四周加上裝飾和網(wǎng)格底紋，整個(gè)海報(bào)就好啦！

知識(shí)點(diǎn)總結(jié)：

1. 元素提取時(shí)要用幾何形扁平處理；

2. 勾線時(shí)要注意部件的上下關(guān)系；

*. 在調(diào)整元素角度時(shí)要符合主體物的角度（如按鍵和游戲機(jī)的側(cè)邊角度相同）；

4. 在建立剪切蒙版時(shí)要注意下方的圖像會(huì)顯示在上方的區(qū)域。

- END -

來源：胡曉波工作室

作者： 青燈

關(guān)鍵詞回復(fù)：(可見相對(duì)應(yīng)知識(shí)文章）

印刷、名片、海報(bào)、logo設(shè)計(jì)、茶包裝、色譜、折頁、BANNER、吐槽視頻、外賣餐飲、AV、報(bào)價(jià)、日式海報(bào)、版式、民國、軟件、奧運(yùn)、福利、簡歷、月餅、天貓、雙十一、菜譜、紅包......

學(xué)“廢”了就點(diǎn)個(gè)贊