@Jenny黃靜雯 ：記錄繪制插圖的詳細過程，分享插畫的繪制思路，文末附筆刷及安裝方法。

文章大綱：

• 主題積累和構思
• 草圖
• 上色繪制
• 筆刷及安裝方法

一. 主題的積累和構思

養成把平時的想法記錄下來的好習慣。將合適的想法拿出來，賦予這個想法更豐富的文案描述，同時可以適當構思畫面。

△ 主題的積累和構思

此次選擇的主題為《有光的地方就能開出花來》，以女孩和植物作為設計對象，展開設計。

這個主題源于：雖然生活中有很多不盡人意的地方，但，換個角度，也能發現其美妙之處。我提取女孩生活中經常發生的事情，選擇較有代表性、易于表現的動作畫面場景為繪制內容。

二. 草圖

?《有光的地方就能開出花來》選擇的場景包括：中午吃飯的場景，收拾行李的場景，雨天的場景，整理柜子的場景，廚房里榨水果的場景，外出的場景。涉及的道具包括：飯盒，行李箱，傘，柜子，榨汁機，挎包等等。

將上述場景進行了紙上繪制（草圖比較丑，見諒），畫草圖的主要目的是將頭腦中的想法比較快的落實到實地，以便更好更快的調整畫面，甚至是方案方向。

對于同一個場景描述可以做多個草圖嘗試，最后選擇畫面效果最合適的一個方案。

△ 部分草圖

三. 上色繪制

因為我除了畫插圖之外，還是一名設計師，對于畫風的選擇更傾向能同時應用到界面的設計里，于是選擇了一種風格清新、視覺表現比較輕的畫風，在界面的空狀態、彈窗、閃屏、活動運營時可以輕松使用。

上色的過程包括：

• 線稿
• 上色
• 畫&貼材質
• 畫面的完整度調整
• 添加GIF小動畫（不一定需要）

下面以其中比較有代表性的一幅圖為例講解。

1. 線稿

整理草圖，將草圖中的細節全部明確。

△ 線稿整理

?2. 上色

畫面刻畫，調整畫面中的形象表達。如下圖，將線稿中的正面人物調整為側面，人物看向畫面里，手伸向空中，仿佛在接著雨滴，或者落葉？總之側面的人物可以使畫面更有空間感，更有想象力。上色使用了粉筆筆刷。

?3. 畫&貼材質

增加畫面的細節表現力。材質使用了肌理刮刀筆刷，適度使用，不要太多。此處用得有點多，所以在第四步的時候又刪減了一些材質。

△ 上色、畫&貼材質

4. 畫面的完整度調整

上色完成后，發現人物和字體在畫面里無法緊密結合，于是添加了一個背景，將二者更好的融合在一起，同時深色的背景也有助于突出人物主體，整個畫面也更整體統一。此時發現抬起的手臂讓人物沒有專注于傘這個主要的道具，于是改為兩只手都拿傘，也給標題文字留出放置的空間。

△ 畫面調整完成

下面是整個畫面繪制的過程，這里放的是行李箱的繪制過程，傘的沒有錄。但是表達的意思是一樣的，相信機智的你肯定懂的。

視頻地址：https://m.weibo.cn/3273385474/4169625157231154

最后，去掉了飄散在地面的花草，使畫面的內容保持在「女孩—道具—文字—背景」這樣比較統一的狀態。

△ 內容構成

6幅插圖的畫面總覽。

△ 6幅插畫的畫面

?5. 為畫面添加GIF

因為主題為《有光的地方就能開出花來》，一開始的設計是為花草添加花草成長的GIF小動畫。但考慮到設計成本比較（tai）高（lan），于是改為花草的抖動及字體的抖動效果，目的是吸引觀眾的視線到花草及主題文字上。

△ GIF動效的測試

設計完后，發現花草的抖動并沒有邏輯，因為榨汁機是沒有動的，所以取消了花草的抖動效果。如果想做花草的動畫，只能選擇逐幀手繪花草從無到有的生長過程，設計成本有點（tai）高（lan），所以最后只保留了文字的抖動效果，吸引觀眾的視線。?

?下面展示《有光的地方就能開出花來》系列插畫最終效果。

傘，

能遮陽避雨，

也能開出花朵撫慰受傷的心靈。

?心里有光，

榨水果的榨汁機，

也能開出花來。

行李箱，

除了能裝滿你的衣物和夢想，

也能開出花朵給你驚喜。

?走在路上，

發著呆，

挎包里開出了一朵粉色的花。

中午點的外賣，

心里有光，

打開飯盒也能開出花來。

柜子的抽屜里放的不是雜物，

打開抽屜，

里面長出了一簇向往光的花。

最后來一張道具們的合輯。

△ 道具合輯

加個畫框也不錯。

△ 放在畫框里的道具們

《有光的地方就能開出花來》系列至此就告一段落。

四. 筆刷及安裝方法

有需要筆刷的同學可以到這里下載，《有光的地方就能開出花來》使用的是粉筆筆刷。材質使用了肌理刮刀筆刷。

鏈接: https://pan.baidu.com/s/1i5U5pyt 密碼: pp9f

安裝方法如下，安裝好就可以愉快的畫畫了。

△ 安裝方法

歡迎關注作者的微信公眾號：「Jenny黃靜雯」

「簡單實用的插畫設計技巧」

• 《如何畫出自己的原創作品？來看高手的完整流程總結！》
• 《如何繪制系列插圖？收下這份超詳細的高手思路總結》
• 《超全面！為什么越來越多的移動App 使用插畫設計？》
• 《用這個簡單實用的設計技巧，輕松做出有趣的插畫類設計》

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

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

設計導航：國內人氣最高的設計網址導航，設計師必備： http://hao.uisdc.com