編按：

    插畫，又叫插圖。作為一種極其重要的視覺傳達(dá)形式，在設(shè)計(jì)中占有特定的地位。相信大家對插畫也已經(jīng)有了一定的認(rèn)識，但是今天我們要為大家?guī)淼氖蔷€體插畫，由簡單的線條構(gòu)成，再填充色彩，就完成了。聽起來是不是很簡單？一起來試試吧～

前言

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

創(chuàng)作要點(diǎn)

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

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

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

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

警語

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

用線構(gòu)形

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

STEP 01

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

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

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

STEP 02

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

STEP 03

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

STEP 04

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

STEP 05

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

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

STEP 06

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

STEP 07

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

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

階段小結(jié)

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

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

為形體賦色

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

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

STEP 08

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

STEP 09

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

STEP 10

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

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

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

STEP 11

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

STEP 12

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

STEP 13

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

STEP 14

最后運(yùn)用的綠色是“蘋果綠”，這個(gè)綠色是受光最多的地方。這時(shí)的葉片部分的上色就完成了。

可以看到，運(yùn)用不同層次的綠色，會(huì)比用同樣顏色的綠色來得更生動(dòng)。

STEP 15

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

光影造型

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

STEP 16

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

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

STEP 17

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

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

STEP 18

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

點(diǎn)睛之筆

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

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

此外需要注意的是，我們的畫面焦點(diǎn)部分才需要這樣的戲劇沖突，因?yàn)榻裹c(diǎn)不可太多，所以不用每個(gè)葉片都這樣操作。

STEP 19

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

STEP 20

在運(yùn)用“薄荷綠”的兩個(gè)葉片上增加這樣的粉紅色漸變。

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

最終效果

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

插畫應(yīng)用

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

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

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

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

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

本文配套的練習(xí)素材請加QQ群：143686347下載

做PS高手，快速提升工作效率，部落窩教育《 Photoshop全面精通班》視頻和《 AI平面與電商設(shè)計(jì)從零到精通》直播課全心為你！

掃下方二維碼關(guān)注公眾號，隨時(shí)隨地學(xué)習(xí)PS：

相關(guān)推薦：

AI繪制冬季下雪場景插畫

好孩子看不見，蒼老師矢量插畫教程

版權(quán)信息：

原標(biāo)題：繪制一枚多肉植物扁平風(fēng)線體插畫

來源： ifeiwu  作者：飛屋睿UIdesign