前言
Hello，小夥伴們，胖虎我又來分享一些乾貨給大家了。
前兩次的漸變風格的教程分享收到了很多小夥伴的點讚支持，胖虎很開心哈哈。
鑑於有些小夥伴向胖虎吐苦水：自己非科班出身，不知道插畫應該如何下手，都是在憑感覺畫.所以，胖虎這次專門為大家整理了一個案例製作+解析，從視覺傳達的基本理論「點線面」開始說起.
本次教程重點講解點線面在插畫中如何應用？
希望能夠對一些小夥伴起到啟示的作用。
教程不易，點讚支持~
靈感來源
這次的運營插畫文案靈感是來源於胖虎去7-11買魚丸吃，發現一份魚丸其實少得可憐，番茄醬也只剩下了一點點，胖虎表示很沮喪，心裡想假如魚丸和番茄醬有很多就好了~
所以這次的文案靈感就出來了，是不是覺得很神奇~
其實靈感就是這麼簡單，來源於生活，假如你多留意一下~
01.畫出草圖
在構思草圖的時候，圍繞著主題〞超多的番茄醬和咖喱魚丸〞去想，去構思兩者之間的關係，多畫幾個草圖，多激發一下自己的腦洞。
番茄醬和魚丸兩者存在聯繫的地方，就是番茄醬擠出來塗在魚丸上面的時候，兩者相輔相成，畫了幾個草圖之後，胖虎選擇了其中一個，就是以下這個草圖為基礎去構思的。
雖然草圖的結構並不複雜，但是我們可以拆分元素單獨畫，這樣子後期有調整的話也比較容易。而且不一定要跟著草圖一摸一樣，可以適當調整。
02.畫出草圖線稿
新建畫布，用矩形工具（M）畫出瓶子的3個部位，並且用直接選擇工具（A）選中錨點，拉成大小合適的圓角，如下圖所示：
畫好瓶子，我們可以開始用鋼筆（P）畫出番茄醬，這一步沒有基礎的小夥伴可以先用筆畫出一個基本形狀，然後再拉到AI對著勾。畫完番茄醬，我們可以接著畫出大小不一的魚丸，讓其表現出近大遠小的感覺，如下圖所示：
03.上漸變色
我們在選擇顏色的時候，近似色是最好上手的，不容易出錯。
我們在給線稿上漸變色的時候，可以適當拉動漸變條，讓其顏色更和諧，包括後面給漸變色彩豐富細節、疊加色塊的時候也可以適當拉動漸變條。
04.豐富細節，添加光影
這一步胖虎就不打算演示了，因為前面分享了2個相同技法的教程，有不懂的小夥伴可以點擊下方2個傳送門。看完了之後直接拿這個當練習，豈不美哉？也可以更好的去理解胖虎之前所說的技法和理論~
為了鼓勵小夥伴們動手，將此次教程在本星期內（截止時間：5.31）臨摹好之後發到UI中國的平臺並且@我，胖虎將挑選3個臨摹得最認真，還原度最好的小夥伴，送上UI中國季度會員~
傳送門1：
零基礎教程之漸變插畫怎麼豐富細節？
傳送門2：
零基礎教程之小火箭漸變圖標詳解
添加完細節和光影后，如下圖所示：
05.添加背景點綴，文案
以上就是這次案例的相關繪製思路
我們接下來好好看看這次簡單的案例分析
點線面在插畫中如何應用？
在分析前，先給小夥伴們簡單科普下點線面在插畫的相關知識，後面的案例分析，自然就是水到渠成。
-
（以下配圖均來源於網絡，僅供學習參考討論）
點線面
點線面，不能單純的認為點是點，線是線，面是面，在不同情況下，他們之間的角色是相互穿叉的，相對的，靈活多變的。
（點可以是面，面也可以是點，線也可以是點，點也能成為線，三者之間是相對的）
同樣的，點線面在插畫應用中是多樣化的，不同的形式傳達傳達不同的視覺效果，也是適用於不同的畫面感。
點的展現形式：單點，自由點
（有規律統一的點也可以形成線的效果，點與面的區別是相對的，面也可以是點，一個大點，一個小點）
單點：聚焦效果突出，視覺衝擊強，主題明顯。一般作為主視覺，在功能點更新說明引導頁插畫常見。參考圖如下所示：
自由點：靈活性強，一般作為點綴活躍氣氛或者平衡豐富畫面。自由點的應用非常廣泛，一般在節假日活動插畫類更容易看到。參考圖如下所示：
線的展現形式：直線，曲線
（如果把線當成點來使用，也是可以做到活躍氣氛，裝飾的作用。）
直線：注重圖形結構和物體造型，給人一種平衡穩定感，在一些特殊場景下，斜線也能營造出靈動感和運動感。參考圖如下所示：
曲線：具有柔美感和靈活性，可以讓整個畫面變得有生氣和活力，參考圖如下所示：
面的展現形式：幾何形面，有機形面，自由形面
幾何形面：由幾何圖形構建的畫面，有規律性和理性的結構構成。參考圖如下所示：
有機形面：會得出柔和，自然，抽象的形態。不能通過幾何形狀得出的形狀，不同外形的出現，會給人生動的視覺效果，充滿個人觀感，弱規律性。參考圖如下所示：
自由面：造型靈活，無規律規則，創意個性十足。
看完上面這些點線面的相關知識
我們現在開始拿教程案例來分析
我們首先從點開始觀察，在圖中出現的點是屬於自由點，起到的是烘託氣氛的作用，符合這個活動的氛圍，我們放2張圖做下對比，效果就很明顯了。
我們接著觀察線，線在這個畫面其實沒有很明顯，是屬於隱蔽型的。如下圖所示，圖中的線是屬於曲線，上面我們講過，曲線是可以給畫面加上靈動感的，讓整個畫面充滿了一些活力。
我們接著觀察面，這個畫面是由幾何形面+有機形面構成的。黃金魚丸和番茄醬瓶子是屬於幾何形面，番茄醬飛出來的是屬於有機形面。
好了，以上的內容就是這次教程/經驗了。有任何補充的歡迎留言。
點線面在插畫中要如何應用？你學會了嗎？歡迎留言溝通交流～
更多推薦
如何找到設計掌控感？
--關於我們---
UI中國 專業用戶體驗設計平臺
主站：www.ui.cn
新浪微博：@UI中國
合作請加微信：18931333875