插畫教程：如何用仿型和破型思路製作不同風格插畫

今天給大家分享一篇插畫教程，教你用仿型和破型的思路，掌握各種插畫風格。

不管是 UI設計中還是營銷活動中，插畫都有很高的出場率，原因並不複雜：插畫比起圖片可控性更強，更容易發揮創意，營造氛圍，傳遞信息。從內容到技術細節，插畫都在某種程度上超過現成的圖片。

作為視覺設計師，我們也常常會接到各種各樣的需求，針對不同的項目和產品繪製插畫，往往項目時間緊張但又需要在插畫展示上有差異性。

但看著網上風格各異的插圖，往往想學習卻又無從下手，該怎麼辦?

下麵我將從仿型和破型兩個角度來闡述，如何快速掌握風格各異的插畫。

△ dribbble上形式各異的插畫 圖片來源：dribbble

一、仿型

仿型，可說是一個模仿、練習的過程。選擇喜歡的插畫作為學習對象，拆解畫麵構成元素，總結代表性特征，了解其思考方式，是一種理解原作者繪畫思路和想法的過程。

我們從形式上來說可以將一張插畫拆解為5個構成元素：構圖、造型、素描關係、配色和肌理。

1. 構圖

構圖是一張插畫的骨架，各個元素按照設計的位置、大小排列在畫麵中，就能形成一張畫最基礎的模樣。概括來說，最基本的構圖有如下這麼幾種：

環型

環形構圖是非常常見的一種形式感很強的構圖，往往畫幅中心存在一個視覺焦點，圍繞視覺焦點發散/聚攏元素。

對稱

對稱構圖的畫麵中存在一個軸線，畫麵元素圍繞軸線兩邊對稱。這種對稱既可以是追求強形式感的絕對對稱，也可以是形成一種視覺平衡的動態對稱。

平鋪

平鋪構圖的畫麵往往不存在一個明確的視覺中心，所有的元素均勻的充滿著畫麵，強調整體的統一性。

S型

S型構圖是非常常見的一種構圖方式，形式靈活多變，相信很多接受過素描靜物訓練的同學一定對此不陌生。S型構圖重點不在於元素的布局是「S」或是「Z」，而是利用錯位布局，營造空間，增強畫麵的節奏感。往往 S型構圖有著明顯的層次關係，元素在空間上可以分為前、中、後景。

2. 造型

同樣的元素，在不同的設計師手上畫出的感覺一定是不同的，一個插畫師最明顯的風格特征也往往體現在造型的獨特性上。造型的類別是無法枚舉的，寫實或抽象、鬆弛或硬朗、精細或概括……對造型感的提升需要我們多看優秀的作品輔以大量的練習。

△ 風格迥異的人物造型 圖片來源：dribbble

3. 素描關係

素描關係這個詞想必大家不陌生，嚴格來說它也是造型的要素之一，單獨提出來是方便大家更好的理解。素描關係由高光、灰部、明暗交界線、暗部、反光、投影組成。一個元素加哪幾種素描關係，怎麼加，加在哪，什麼肌理，都能左右一張插畫的視覺風格。一般來說，對素描關係處理的越多，畫麵會有更多的細節，更趨近於寫實。

△ 對同一元素素描關係的增減

4. 配色

人類的視覺感知係統，對於顏色是第一位的，其次是形狀。插圖的顏色往往能決定觀者的第一印象。對於配色，我們需要注意兩點：

顏色的配比

決定畫麵整體色調的顏色，一般占畫麵60%以上，餘下有30%的輔助色，10%的點綴色。這並不意味著畫麵中隻能出現三個顏色，但是三個緯度的顏色需要盡量在色相上保持接近。

顏色的對比

一張插畫中，一定蘊含著色彩的對比。

我們知道顏色三要素是：色相、明度、純度。相應的對比也分為色相的對比，明度的對比，純度的對比，當然更多時候是混用的。對比的作用有很多，較強的對比可以使得你的畫麵更富層次感和視覺衝擊力，較弱的對比則營造一種柔和自然的感受。

△ 不同類型色彩對比營造的畫麵 插圖來源：dribbble

5. 肌理

肌理本是指物體表麵的組織紋理結構，即各種縱橫交錯、高低不平、粗糙平滑的紋理變化，是表達人對設計物表麵紋理特征的感受，是一種三維的概念。在這裏，肌理所指的含義與質感相近，是一種二維概念。我們可以通過刻意製造的筆觸感、噪點、紋理等，使得畫麵蘊含豐富的細節，更加耐看。

△ 對同一元素的不同肌理表現

二、破型

破型，就是在充分理解學習對象構成的基礎上，結合自己的風格痕跡和需要表現的內容，形成新的插畫畫麵。

好的插畫是形式與內容的完美結合，優秀的表現形式是為了傳遞信息，你應該明確插畫需要傳遞何種信息，並且讓所有的元素為之服務。

缺少內容創作的插畫學習會失去內涵乃至成為抄襲，這是我們一定要避免的。如何更好的結合內容呢?

1. 理解各個元素的視覺表意

環形構圖更聚焦，對稱構圖更具形式感;曲線的運用會讓畫麵更柔和，貼近自然，直線與幾何則更具現代感和科技感。先要理解各個元素所隱含的視覺語言，再通過你想傳達的內容去挑選合適的呈現方式。

2. 構建一個故事

想象一個故事，誰(who)，在哪(where)，什麼時間(when)，做什麼事(what)，怎樣在做(how)?

比如說，如果是想畫關於工作的故事，是誰在工作(加班狗)，在哪(工位)，什麼時間(深夜)，做什麼事(加班)，怎樣在做(幾個人討論需求)。

然後我們再問自己一個問題：這個故事要傳達什麼情緒(有趣、溫馨…)。

不斷思考這樣的問題，完成從故事到畫麵的轉變，畫麵裏物境-情境-意境的搭建。

3. 視覺轉譯

故事是文字，我們需要將文字視覺轉譯為圖形。

讓我們接著上麵繼續想：怎樣造型的加班狗是有趣的，什麼表情是溫馨的?加班的桌上應該有什麼?怎樣的色彩和素描關係可以表現深夜，又體現出溫馨? 等等。

答案也許會一點點浮現：深夜這個詞從顏色的緯度，應該是冷色調的;從素描關係的緯度，應該是具有較深的投影，較強的高光，乃至是一個背光。

一點點的細化你的故事，將每一個詞轉化為可見的圖形和顏色，並且快速的反饋到你的草圖中去。當然，這個過程對於每個人來說都會得到不同的結果，自信一點，這才是你創作中最與眾不同的部分。

采用這樣的思路，我們可以快速的創作不同風格的插畫：

△ 左側為作者練習 右側為學習對象

三、幾個建議

1. 關上電腦

在自主創作的階段中，我們一定會遇到想法不夠，不知該如何進行下去的時候，此時應該避免回過頭去看學習的對象，這樣會讓自己的創作變的局限，從而越來越像原作。

2. 足夠細致的草稿

很多人對待草稿是不夠用心的，粗糙的草圖意味著你並沒有真正做好獨立創作的準備。請盡量保證從投影的造型到人物臉部的配色，每一個元素的細節都能在草稿畫完之後心中有數，這樣才能使你避免你對著 AI/PS中的半成品不知所措。

△ 作者平日的草稿

3. 向經典學習

dribbble 上固然能提供許多新鮮的想法和創意，但是不妨去了解一下新藝術運動的插圖，席勒的速寫，達達主義和立體主義的海報等等，你會發現藝術史上如此多大師和流派，都是取之不盡用之不竭的靈感源泉。

來源：阿裏巴巴體驗技術團隊(TXD)公眾號