描邊插畫：可以簡單理解為眾多線面結(jié)合圖標組合在一起，互相呼應而組成一個大畫面。畫面中的元素除了面以外，還具有描邊，因此也叫描邊插畫。

本文內(nèi)容：文章會詳解如何畫一張描邊插畫，教程素材沒有用我之前的插畫來做步驟分解，而是新畫了一張插畫以作示范，繪畫原理都一樣，理解原理就好。除了具體步驟以外，會針對一些易犯錯誤的地方添加重點標記。

一點建議：看完文章后，可以按照我分享的方法來臨摹一遍，但我更趨向于小伙伴們能夠發(fā)揮自己的想象力，做一張屬于自己的原創(chuàng)插畫。畫完后若有不清楚的地方，歡迎在我的公眾號中添加微信并附帶插畫，可給予建議。

一、草圖階段

1. 確立主題，畫草稿

這次插畫的主題源自于我的一個夢：在草地上，遺落的帆布鞋里面長滿了鮮花，小鳥守在花的旁邊歌唱。

確定主題后，把腦海里的畫面畫出來，可以畫在紙上，也可以用數(shù)位板在 ps 里面畫，按照個人習慣就好。我比較喜歡手繪，因此在紙上畫。

2. 打開AI，調(diào)整設(shè)置

新建畫布1600*1200

視圖-勾選對齊點

3. 把草圖拉到畫面中，調(diào)整大小

二、線稿

1. 描邊設(shè)置及要注意的問題

在描邊插畫中，常見的問題之一就是描邊的粗細問題. 以及描邊間關(guān)系的處理問題。

描邊粗細問題（下圖以之前的四季插畫為例子）

描邊間關(guān)系處理

描邊設(shè)置

描邊的粗細是根據(jù)畫布大小而決定的，1600*1200的畫布，我習慣用 8pt 的粗細的線條，但是如果畫布是1200*900，8pt 則顯得過粗。具體的粗細可以根據(jù)情況而調(diào)整。

2. 線稿畫法

布爾運算法

形狀斷點重連法

形狀生成器

鋼筆勾勒法

鋼筆勾勒法顧名思義就是用鋼筆直接描出物體的外形。在這個插畫中，植物的形狀比較隨性，因此用鋼筆直接勾勒比形狀剪切要快。繪制的過程中，注意調(diào)整線條的平滑度. 弧度，使其規(guī)整。在此不作示范。

三、色稿

1. 增加背景色

2. 色稿層的繪制

3. 顏色調(diào)整

4. 高光與暗部

5. 經(jīng)過高光與暗部塑造后的畫面

四、 風格塑造與整體調(diào)整

1. 風格塑造

最近看到 kit8 大神的畫，突然想到如果白線運用在線性插畫會怎樣，就嘗試了這種風格。把線稿復制一層置于頂上，改成白色，2px 粗細的線，然后向旁邊移動錯位，破一下畫面沉悶的感覺。

2. 整體調(diào)整

看到這里，你應該也發(fā)現(xiàn)了，畫面是比較灰的，因為我都是選擇低飽和度的顏色，如果需要調(diào)整，就在 AI 中把插畫導出 SVG 格式。然后拖到 PS 里面進行色相飽和度的調(diào)整。

3. 保存喜歡的配色

在顏色調(diào)整過程中，遇到喜歡的配色就保存下來，這樣一張插畫就完成了。

歡迎關(guān)注作者微信公眾號：「牙線小姐」

「繪制吸睛的插畫，來看這些教程」

• 《扁平插畫繪制進階指南！新手遇到的六種常見問題解答》
• 《超實用！多色彩漸變插畫的核心技巧總結(jié)》
• 《描邊風設(shè)計中，最容易犯的8種問題分析》
• 《看著高大上的2.5D插畫，輕松5步就可以做出來！》

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計導航：國內(nèi)人氣最高的設(shè)計網(wǎng)址導航，設(shè)計師必備： http://hao.uisdc.com