2018-5-28 資深UI設(shè)計(jì)者
描邊插畫(huà)：可以簡(jiǎn)單理解為眾多線面結(jié)合圖標(biāo)組合在一起，互相呼應(yīng)而組成一個(gè)大畫(huà)面。畫(huà)面中的元素除了面以外，還具有描邊，因此也叫描邊插畫(huà)。
本文內(nèi)容：文章會(huì)詳解如何畫(huà)一張描邊插畫(huà)，教程素材沒(méi)有用我之前的插畫(huà)來(lái)做步驟分解，而是新畫(huà)了一張插畫(huà)以作示范，繪畫(huà)原理都一樣，理解原理就好。除了具體步驟以外，會(huì)針對(duì)一些易犯錯(cuò)誤的地方添加重點(diǎn)標(biāo)記。
一點(diǎn)建議：看完文章后，可以按照我分享的方法來(lái)臨摹一遍，但我更趨向于小伙伴們能夠發(fā)揮自己的想象力，做一張屬于自己的原創(chuàng)插畫(huà)。畫(huà)完后若有不清楚的地方，歡迎在我的公眾號(hào)中添加微信并附帶插畫(huà)，可給予建議。
這次插畫(huà)的主題源自于我的一個(gè)夢(mèng)：在草地上，遺落的帆布鞋里面長(zhǎng)滿了鮮花，小鳥(niǎo)守在花的旁邊歌唱。
確定主題后，把腦海里的畫(huà)面畫(huà)出來(lái)，可以畫(huà)在紙上，也可以用數(shù)位板在 ps 里面畫(huà)，按照個(gè)人習(xí)慣就好。我比較喜歡手繪，因此在紙上畫(huà)。
新建畫(huà)布1600*1200
視圖-勾選對(duì)齊點(diǎn)
在描邊插畫(huà)中，常見(jiàn)的問(wèn)題之一就是描邊的粗細(xì)問(wèn)題. 以及描邊間關(guān)系的處理問(wèn)題。
描邊粗細(xì)問(wèn)題（下圖以之前的四季插畫(huà)為例子）
描邊間關(guān)系處理
描邊設(shè)置
描邊的粗細(xì)是根據(jù)畫(huà)布大小而決定的，1600*1200的畫(huà)布，我習(xí)慣用 8pt 的粗細(xì)的線條，但是如果畫(huà)布是1200*900，8pt 則顯得過(guò)粗。具體的粗細(xì)可以根據(jù)情況而調(diào)整。
布爾運(yùn)算法
形狀斷點(diǎn)重連法
形狀生成器
鋼筆勾勒法
鋼筆勾勒法顧名思義就是用鋼筆直接描出物體的外形。在這個(gè)插畫(huà)中，植物的形狀比較隨性，因此用鋼筆直接勾勒比形狀剪切要快。繪制的過(guò)程中，注意調(diào)整線條的平滑度. 弧度，使其規(guī)整。在此不作示范。
最近看到 kit8 大神的畫(huà)，突然想到如果白線運(yùn)用在線性插畫(huà)會(huì)怎樣，就嘗試了這種風(fēng)格。把線稿復(fù)制一層置于頂上，改成白色，2px 粗細(xì)的線，然后向旁邊移動(dòng)錯(cuò)位，破一下畫(huà)面沉悶的感覺(jué)。
看到這里，你應(yīng)該也發(fā)現(xiàn)了，畫(huà)面是比較灰的，因?yàn)槲叶际沁x擇低飽和度的顏色，如果需要調(diào)整，就在 AI 中把插畫(huà)導(dǎo)出 SVG 格式。然后拖到 PS 里面進(jìn)行色相飽和度的調(diào)整。
在顏色調(diào)整過(guò)程中，遇到喜歡的配色就保存下來(lái)，這樣一張插畫(huà)就完成了。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com