前言

線是最基本的平面元素之一，在平面設(shè)計中，如果運用線體插畫，能和字體很好的形成融合效果，因為字體本身也是線條。今天我們就來一起探索關(guān)于線體插畫，運用AI來繪制一枚多肉植物的線體插畫。

創(chuàng)作要點

學(xué)習(xí)插畫的過程，其實根本是學(xué)習(xí)如何構(gòu)圖和配色。在平面設(shè)計中構(gòu)圖和配色是視覺元素的重點，練習(xí)插畫是一個很好的訓(xùn)練方向。在本次的小練習(xí)中，你可以把關(guān)注點放在以下幾個方面：

1、多肉植物的造型組合（所運用的是什么形狀？這些形狀的線條是如何表現(xiàn)的？）

2、配色方案的選擇（注意色彩的明暗層次、色域使用的范圍）

3、如何創(chuàng)造畫面的點睛之筆（運用對比色創(chuàng)造焦點）

警語

本文對所涉及的AI軟件基礎(chǔ)工具不多做特別詳細(xì)的解釋，如果對工具仍然不熟悉的小伙伴，可以先移步軟件的基礎(chǔ)操作再進(jìn)行實例練習(xí)，本文更多提供的是一種創(chuàng)作的思維過程和方法。

用線構(gòu)形

我們在繪制任何畫面之前需謹(jǐn)記：從大到小，從整體到局部。所以，我們要從基礎(chǔ)的大形開始畫起。但是在這幅畫中，由于線條的造型相對簡單，所以細(xì)節(jié)的部分是集中在色彩的處理上。

STEP 01

打開AI，新建一個1600px*1600px的文檔（這個尺寸是我常用的），色彩模式為RGB。然后把線條的填充關(guān)閉，開啟描邊，描邊的大小設(shè)置為20pt。

然后繪制出一個橢圓，將這個圓調(diào)整為一個尖頭橢圓，把它作為多肉植物的第一片葉子。調(diào)整的工具可以采用【錨點工具】。多肉的造型一般來說都是圓圓胖胖的，所以線條也是盡量看起來飽滿一點為佳。顏色讓它保持黑色就好，目前不需要考慮色彩。

當(dāng)做出第一片葉子以后，就能繼續(xù)畫出其他的葉子。在這里，我們的多肉植物造型是不對稱的樣式。

STEP 02

我們繼續(xù)增加葉片的造型，每一個葉子的造型都是橢圓，但又都和原始的橢圓形狀有別。這樣保持錯落有致的整體視覺。

STEP 03

這時大家也許發(fā)現(xiàn)線條比較凌亂，因為包含了不同的重疊關(guān)系。這時就需要采用【形狀生成器工具】將多余的遮擋住的線條進(jìn)行刪減。因此在處理前大家就需要弄清楚葉片之間的前后空間關(guān)系，按照前面遮擋住后面的原則，就能確定應(yīng)該刪減哪一條線。

STEP 04

最后增加一個小葉片，也同樣刪減遮擋的線條。通過這樣的方式可以繼續(xù)增加葉子，我在這里不做過多的演示，你自己畫的時候可以根據(jù)需要增加葉子。

STEP 05

往上繼續(xù)增加植物的造型，在這里我做了兩個不同的往上伸的莖干作為補充，讓畫面更豐富。

在這類LINE ART的創(chuàng)作中，線的表現(xiàn)是非常重要的，所以在造型時首先就要考慮線的表現(xiàn)，比如左邊是采用直上的線，右邊就采用彎曲的線，一直一彎造型形成一種對比效果。

STEP 06

給右邊的莖干上增加小葉片的組合。這里由于小葉片的造型要小一點，更細(xì)節(jié)一點，所以線條的粗細(xì)可以設(shè)置為18pt。

STEP 07

最后給下方增加一個花盆的造型，花盆的外觀可以是圓角矩形。這里的線條粗細(xì)設(shè)置回之前所用的20pt。圓角矩形的下面圓角的弧度要大一些。

到這一步，所有的線條部分就完成了。

階段小結(jié)

線條是一種很有表情的語言，線條的粗細(xì)、長短、曲直，都對整個造型起著關(guān)鍵的作用。因此對線的把握，尤其是扁平化風(fēng)格當(dāng)中，線條維持平滑感非常重要。

你在這副畫中所做出的每一個形狀，都要讓線保持這種平滑感，而不要扭曲。

為形體賦色

配色對很多人來說都是難點，因為顏色不僅對我們普通人，即使是對一些資深的設(shè)計師也好，都未必清楚色彩真正的本質(zhì)。我們這篇文章不會去刨根問底，但是可以觸及一些關(guān)于色彩的探討。

之所以要平時做臨摹練習(xí)，也是為了拓寬自己對色彩的敏感性，增加自己和色彩單獨相處的機會，從而會更有利于日常工作當(dāng)中對配色的駕馭。

STEP 08

在上色之前，我習(xí)慣先將所有的線條編組然后備份放到一邊，這是為了方便日后修改。然后把其中的拷貝的線條全部進(jìn)行擴展外觀，轉(zhuǎn)為形狀。轉(zhuǎn)為形狀后會更容易在AI中進(jìn)行上色。

STEP 09

首先為線條上色，在這里，線條安排成一種比較帶藍(lán)色的深黑色。由于線條要著重表現(xiàn)，所以線條的顏色也需要更突出一點。

STEP 10

然后接下打開拾色器，選擇5種不同的綠色。為什么要選取這么多種類的綠？這里我們可以普及一個小常識，大家平時在配色的時候，如果說選擇運用綠色或者紅色（也就是單一的色系時）很容易局限于某一個色值上，如果擴寬一下思路，大家可以說葉子也有很多種不同的綠色，其實真實的自然界也是由多種多樣的綠色所構(gòu)成的：藍(lán)綠、淺綠、深綠、檸檬綠等等，所以我們在選擇色彩的時候，盡量也是往多樣化的色彩方向去走。這樣會讓色彩看起來更自然。

并且在選擇色彩的同時，也要注意在明度和飽和度上也要有所對比，尤其是明度的對比會為整個畫面增加更多自然光的效果。

同時我也增加了藍(lán)色的表現(xiàn)，這是為了強化陰影當(dāng)中的冷調(diào)。讓畫面有冷暖的搭配。

STEP 11

然后我們先選定“湖水藍(lán)”，然后再選定【實時上色工具】，在你認(rèn)為應(yīng)該運用這個色彩的位置上進(jìn)行單擊，就可以實現(xiàn)部分的上色。

STEP 12

我們再繼續(xù)選定“森林綠”和“樹葉綠”，這是兩種不同的綠色，但是森林綠的明度略低。雖然是兩種綠色，但這是不同感覺的綠色。

STEP 13

在運用“薄荷綠”的地方，其實是相對來說更“亮”一點的區(qū)域，受光更多。所以我們要尋找合適的地方進(jìn)行上色。

STEP 14

最后運用的綠色是“蘋果綠”，這個綠色是受光最多的地方。這時的葉片部分的上色就完成了。

可以看到，運用不同層次的綠色，會比用同樣顏色的綠色來得更生動。

STEP 15

將花盆也填充一種灰色，這種灰色會略偏向綠色。

光影造型

繼續(xù)為畫面增加光影表現(xiàn)，在這里，其實最重要是增加陰影。陰影的表現(xiàn)其實可以比較隨意，確定好光源點，通過之前色彩的深淺分布，可以判斷我們畫面中光源點出現(xiàn)在右上方。因此，陰影也都可以跟隨這個虛擬的光源出發(fā)來安排。

STEP 16

把剛剛做好的整個對象進(jìn)行“擴展”（運用了實時上色工具后，需要擴展才能進(jìn)一步取出某一個形狀，留作下一步之用），擴展完成后再取消編組。這時我們就能單獨拿出非線條以外填色部分的形狀，然后在這些形狀上增加陰影。

陰影的顏色選擇和線條的深藍(lán)色同色，把透明度降低至18%。陰影的形狀依然是我們關(guān)注的重點，需要從整體來觀察整體的美感度和協(xié)調(diào)程度。

STEP 17

然后把全部的陰影都畫出來，包括花盆部分的陰影。

陰影的設(shè)置跟隨一定的光影原理，但是也不用完全再現(xiàn)現(xiàn)實物理條件的光照。主要還是要照顧到最終整體的視覺效果。

STEP 18

增加高亮的部分，運用白色的小圓點，添加到受光比較多的位置。同樣需要適當(dāng)降低每個小反光點的透明度。

點睛之筆

大家可以發(fā)現(xiàn)在整個畫面中，我們只是運用藍(lán)綠色系，畫面的色彩是偏冷的。如果想要畫面的效果更飽滿，更具有張力，就需要增加暖色。

在多肉這個主體當(dāng)中，我們可以運用葉片的尖端位置增加和綠色剛好處于對比色的紅色，然后運用漸變的效果做出紅綠對比，增加對比就增加了戲劇感，從而也就讓畫面顯得更具有感染力了。

此外需要注意的是，我們的畫面焦點部分才需要這樣的戲劇沖突，因為焦點不可太多，所以不用每個葉片都這樣操作。

STEP 19

先安排好這個漸變色的色板：從粉紅色到白色的過渡，白色一端的透明度降低為0。然后繪制出一個新的形狀，這個形狀剛好覆蓋過我們的葉片尖端，然后把漸變色運用在此。

STEP 20

在運用“薄荷綠”的兩個葉片上增加這樣的粉紅色漸變。

這樣的冷暖互動就能把畫面的靈動感拉高一個層次，這也為大家提供一個配色思路：當(dāng)全部為冷色的畫面中增加暖色，或者暖色中增加冷色對比，都能讓對比發(fā)生一定的戲劇效果。

最終效果

最后，讓我們?yōu)檎w的插畫增加一個背景，END!

插畫應(yīng)用

一個插畫畫出來了以后，可以靈活運用到平面設(shè)計當(dāng)中的多個地方，例如在UI設(shè)計中，我們可以把它作為Banner，或者介紹配圖。除此而外，還能作為圖標(biāo)、LOGO設(shè)計而使用。

后記：學(xué)習(xí)插畫的時候我們在學(xué)什么

當(dāng)我們在學(xué)習(xí)插畫的時候，真的是在學(xué)怎么畫一盆植物嗎？這是我最想問的問題?；氐轿易類壑v的印象派，大概在中學(xué)時代第一次見到莫奈的印象日出，立刻就動手模仿了好幾幅。當(dāng)時還不知道這叫印象派，但是直覺告訴我，這種表現(xiàn)形式是誠意十足的。

后來看了很多印象派的資料，最讓我著迷的就是他們對“光”的敬畏和喜愛，大家都應(yīng)該知道光線造就了顏色，所以，色彩就是光的語言。我講過好幾次關(guān)于色彩的課，也自己深挖過一些色彩理論，色彩構(gòu)成，總的來說，我覺得沒有用眼睛去看，自己動手去畫，理論都是很蒼白的。

所以，對于開頭問題的答案就是：我們其實就是在學(xué)習(xí)色彩，學(xué)習(xí)構(gòu)圖。而這都是平面視覺的核心，甚至不能說是核心，而是形與色本身就是平面視覺。有小伙伴困惑配色怎么破的時候，其實根本沒有捷徑，倒是有很多偽裝成捷徑的彎路，初學(xué)者選擇彎路也沒關(guān)系，只是時間會耗得更長而已。唯一的捷徑大概就是多畫、多觀察，手上練習(xí)，心里總結(jié)規(guī)律。心、手、腦并用，效果就自然來了。話不多說，找個空閑時間練起來。

原文鏈接：ifeiwu