描邊插畫:可以簡單理解為眾多線面結合圖標組合在一起,互相呼應而組成一個大畫面。畫面中的元素除了面以外,還具有描邊,因此也叫描邊插畫。
本文內容:文章會詳解如何畫一張描邊插畫,教程素材沒有用我之前的插畫來做步驟分解,而是新畫了一張插畫以作示范,繪畫原理都一樣,理解原理就好。除了具體步驟以外,會針對一些易犯錯誤的地方添加重點標記。
一點建議:看完文章后,可以按照我分享的方法來臨摹一遍,但我更趨向于小伙伴們能夠發揮自己的想象力,做一張屬于自己的原創插畫。畫完后若有不清楚的地方,歡迎在我的公眾號中添加微信并附帶插畫,可給予建議。
一、草圖階段
1. 確立主題,畫草稿
這次插畫的主題源自于我的一個夢:在草地上,遺落的帆布鞋里面長滿了鮮花,小鳥守在花的旁邊歌唱。
確定主題后,把腦海里的畫面畫出來,可以畫在紙上,也可以用數位板在 ps 里面畫,按照個人習慣就好。我比較喜歡手繪,因此在紙上畫。
2. 打開AI,調整設置
新建畫布1600*1200
視圖-勾選對齊點
3. 把草圖拉到畫面中,調整大小
二、線稿
1. 描邊設置及要注意的問題
在描邊插畫中,常見的問題之一就是描邊的粗細問題. 以及描邊間關系的處理問題。
描邊粗細問題(下圖以之前的四季插畫為例子)
描邊間關系處理
描邊設置
描邊的粗細是根據畫布大小而決定的,1600*1200的畫布,我習慣用 8pt 的粗細的線條,但是如果畫布是1200*900,8pt 則顯得過粗。具體的粗細可以根據情況而調整。
2. 線稿畫法
布爾運算法
形狀斷點重連法
形狀生成器
鋼筆勾勒法
鋼筆勾勒法顧名思義就是用鋼筆直接描出物體的外形。在這個插畫中,植物的形狀比較隨性,因此用鋼筆直接勾勒比形狀剪切要快。繪制的過程中,注意調整線條的平滑度. 弧度,使其規整。在此不作示范。
三、色稿
1. 增加背景色
2. 色稿層的繪制
3. 顏色調整
4. 高光與暗部
5. 經過高光與暗部塑造后的畫面
四、 風格塑造與整體調整
1. 風格塑造
最近看到 kit8 大神的畫,突然想到如果白線運用在線性插畫會怎樣,就嘗試了這種風格。把線稿復制一層置于頂上,改成白色,2px 粗細的線,然后向旁邊移動錯位,破一下畫面沉悶的感覺。

2. 整體調整
看到這里,你應該也發現了,畫面是比較灰的,因為我都是選擇低飽和度的顏色,如果需要調整,就在 AI 中把插畫導出 SVG 格式。然后拖到 PS 里面進行色相飽和度的調整。
3. 保存喜歡的配色
在顏色調整過程中,遇到喜歡的配色就保存下來,這樣一張插畫就完成了。
歡迎關注作者微信公眾號:「牙線小姐」
「繪制吸睛的插畫,來看這些教程」
================明星欄目推薦================
優優教程網: UiiiUiii.com 是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。
設計導航:國內人氣最高的設計網址導航,設計師必備: http://hao.uisdc.com
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論 為下方 4 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓