線(xiàn)是最基本的平面元素之一，在平面設(shè)計(jì)中，如果運(yùn)用線(xiàn)體插畫(huà)，能和字體很好的形成融合效果，因?yàn)樽煮w本身也是線(xiàn)條。今天我們就來(lái)一起探索關(guān)于線(xiàn)體插畫(huà)，運(yùn)用AI來(lái)繪制一枚多肉植物的線(xiàn)體插畫(huà)。
創(chuàng)作要點(diǎn)
學(xué)習(xí)插畫(huà)的過(guò)程，其實(shí)根本是學(xué)習(xí)如何構(gòu)圖和配色。在平面設(shè)計(jì)中構(gòu)圖和配色是視覺(jué)元素的重點(diǎn)，練習(xí)插畫(huà)是一個(gè)很好的訓(xùn)練方向。在本次的小練習(xí)中，你可以把關(guān)注點(diǎn)放在以下幾個(gè)方面：
1、多肉植物的造型組合（所運(yùn)用的是什么形狀？這些形狀的線(xiàn)條是如何表現(xiàn)的？）
2、配色方案的選擇（注意色彩的明暗層次、色域使用的范圍）
3、如何創(chuàng)造畫(huà)面的點(diǎn)睛之筆（運(yùn)用對(duì)比色創(chuàng)造焦點(diǎn)）
警語(yǔ)
本文對(duì)所涉及的AI軟件基礎(chǔ)工具不多做特別詳細(xì)的解釋?zhuān)绻麑?duì)工具仍然不熟悉的小伙伴，可以先移步軟件的基礎(chǔ)操作再進(jìn)行實(shí)例練習(xí)，本文更多提供的是一種創(chuàng)作的思維過(guò)程和方法。
用線(xiàn)構(gòu)形
我們?cè)诶L制任何畫(huà)面之前需謹(jǐn)記：從大到小，從整體到局部。所以，我們要從基礎(chǔ)的大形開(kāi)始畫(huà)起。但是在這幅畫(huà)中，由于線(xiàn)條的造型相對(duì)簡(jiǎn)單，所以細(xì)節(jié)的部分是集中在色彩的處理上。
STEP 01
打開(kāi)AI，新建一個(gè)1600px*1600px的文檔（這個(gè)尺寸是我常用的），色彩模式為RGB。然后把線(xiàn)條的填充關(guān)閉，開(kāi)啟描邊，描邊的大小設(shè)置為20pt。
然后繪制出一個(gè)橢圓，將這個(gè)圓調(diào)整為一個(gè)尖頭橢圓，把它作為多肉植物的第一片葉子。調(diào)整的工具可以采用【錨點(diǎn)工具】。多肉的造型一般來(lái)說(shuō)都是圓圓胖胖的，所以線(xiàn)條也是盡量看起來(lái)飽滿(mǎn)一點(diǎn)為佳。顏色讓它保持黑色就好，目前不需要考慮色彩。
當(dāng)做出第一片葉子以后，就能繼續(xù)畫(huà)出其他的葉子。在這里，我們的多肉植物造型是不對(duì)稱(chēng)的樣式。
STEP 02
我們繼續(xù)增加葉片的造型，每一個(gè)葉子的造型都是橢圓，但又都和原始的橢圓形狀有別。這樣保持錯(cuò)落有致的整體視覺(jué)。
STEP 03
這時(shí)大家也許發(fā)現(xiàn)線(xiàn)條比較凌亂，因?yàn)榘瞬煌闹丿B關(guān)系。這時(shí)就需要采用【形狀生成器工具】將多余的遮擋住的線(xiàn)條進(jìn)行刪減。因此在處理前大家就需要弄清楚葉片之間的前后空間關(guān)系，按照前面遮擋住后面的原則，就能確定應(yīng)該刪減哪一條線(xiàn)。
STEP 04
最后增加一個(gè)小葉片，也同樣刪減遮擋的線(xiàn)條。通過(guò)這樣的方式可以繼續(xù)增加葉子，我在這里不做過(guò)多的演示，你自己畫(huà)的時(shí)候可以根據(jù)需要增加葉子。
STEP 05
往上繼續(xù)增加植物的造型，在這里我做了兩個(gè)不同的往上伸的莖干作為補(bǔ)充，讓畫(huà)面更豐富。
在這類(lèi)LINE ART的創(chuàng)作中，線(xiàn)的表現(xiàn)是非常重要的，所以在造型時(shí)首先就要考慮線(xiàn)的表現(xiàn)，比如左邊是采用直上的線(xiàn)，右邊就采用彎曲的線(xiàn)，一直一彎造型形成一種對(duì)比效果。
STEP 06
給右邊的莖干上增加小葉片的組合。這里由于小葉片的造型要小一點(diǎn)，更細(xì)節(jié)一點(diǎn)，所以線(xiàn)條的粗細(xì)可以設(shè)置為18pt。
STEP 07
最后給下方增加一個(gè)花盆的造型，花盆的外觀可以是圓角矩形。這里的線(xiàn)條粗細(xì)設(shè)置回之前所用的20pt。圓角矩形的下面圓角的弧度要大一些。
到這一步，所有的線(xiàn)條部分就完成了。
階段小結(jié)
線(xiàn)條是一種很有表情的語(yǔ)言，線(xiàn)條的粗細(xì)、長(zhǎng)短、曲直，都對(duì)整個(gè)造型起著關(guān)鍵的作用。因此對(duì)線(xiàn)的把握，尤其是扁平化風(fēng)格當(dāng)中，線(xiàn)條維持平滑感非常重要。
你在這副畫(huà)中所做出的每一個(gè)形狀，都要讓線(xiàn)保持這種平滑感，而不要扭曲。
為形體賦色
配色對(duì)很多人來(lái)說(shuō)都是難點(diǎn)，因?yàn)轭伾粌H對(duì)我們普通人，即使是對(duì)一些資深的設(shè)計(jì)師也好，都未必清楚色彩真正的本質(zhì)。我們這篇文章不會(huì)去刨根問(wèn)底，但是可以觸及一些關(guān)于色彩的探討。
之所以要平時(shí)做臨摹練習(xí)，也是為了拓寬自己對(duì)色彩的敏感性，增加自己和色彩單獨(dú)相處的機(jī)會(huì)，從而會(huì)更有利于日常工作當(dāng)中對(duì)配色的駕馭。
STEP 08
在上色之前，我習(xí)慣先將所有的線(xiàn)條編組然后備份放到一邊，這是為了方便日后修改。然后把其中的拷貝的線(xiàn)條全部進(jìn)行擴(kuò)展外觀，轉(zhuǎn)為形狀。轉(zhuǎn)為形狀后會(huì)更容易在AI中進(jìn)行上色。
STEP 09
首先為線(xiàn)條上色，在這里，線(xiàn)條安排成一種比較帶藍(lán)色的深黑色。由于線(xiàn)條要著重表現(xiàn)，所以線(xiàn)條的顏色也需要更突出一點(diǎn)。
STEP 10
然后接下打開(kāi)拾色器，選擇5種不同的綠色。為什么要選取這么多種類(lèi)的綠？這里我們可以普及一個(gè)小常識(shí)，大家平時(shí)在配色的時(shí)候，如果說(shuō)選擇運(yùn)用綠色或者紅色（也就是單一的色系時(shí)）很容易局限于某一個(gè)色值上，如果擴(kuò)寬一下思路，大家可以說(shuō)葉子也有很多種不同的綠色，其實(shí)真實(shí)的自然界也是由多種多樣的綠色所構(gòu)成的：藍(lán)綠、淺綠、深綠、檸檬綠等等，所以我們?cè)谶x擇色彩的時(shí)候，盡量也是往多樣化的色彩方向去走。這樣會(huì)讓色彩看起來(lái)更自然。
并且在選擇色彩的同時(shí)，也要注意在明度和飽和度上也要有所對(duì)比，尤其是明度的對(duì)比會(huì)為整個(gè)畫(huà)面增加更多自然光的效果。
同時(shí)我也增加了藍(lán)色的表現(xiàn)，這是為了強(qiáng)化陰影當(dāng)中的冷調(diào)。讓畫(huà)面有冷暖的搭配。
STEP 11
然后我們先選定“湖水藍(lán)”，然后再選定【實(shí)時(shí)上色工具】，在你認(rèn)為應(yīng)該運(yùn)用這個(gè)色彩的位置上進(jìn)行單擊，就可以實(shí)現(xiàn)部分的上色。
STEP 12
我們?cè)倮^續(xù)選定“森林綠”和“樹(shù)葉綠”，這是兩種不同的綠色，但是森林綠的明度略低。雖然是兩種綠色，但這是不同感覺(jué)的綠色。
STEP 13
在運(yùn)用“薄荷綠”的地方，其實(shí)是相對(duì)來(lái)說(shuō)更“亮”一點(diǎn)的區(qū)域，受光更多。所以我們要尋找合適的地方進(jìn)行上色。
STEP 14
最后運(yùn)用的綠色是“蘋(píng)果綠”，這個(gè)綠色是受光最多的地方。這時(shí)的葉片部分的上色就完成了。
可以看到，運(yùn)用不同層次的綠色，會(huì)比用同樣顏色的綠色來(lái)得更生動(dòng)。
STEP 15
將花盆也填充一種灰色，這種灰色會(huì)略偏向綠色。
光影造型
繼續(xù)為畫(huà)面增加光影表現(xiàn)，在這里，其實(shí)最重要是增加陰影。陰影的表現(xiàn)其實(shí)可以比較隨意，確定好光源點(diǎn)，通過(guò)之前色彩的深淺分布，可以判斷我們畫(huà)面中光源點(diǎn)出現(xiàn)在右上方。因此，陰影也都可以跟隨這個(gè)虛擬的光源出發(fā)來(lái)安排。
STEP 16
把剛剛做好的整個(gè)對(duì)象進(jìn)行“擴(kuò)展”（運(yùn)用了實(shí)時(shí)上色工具后，需要擴(kuò)展才能進(jìn)一步取出某一個(gè)形狀，留作下一步之用），擴(kuò)展完成后再取消編組。這時(shí)我們就能單獨(dú)拿出非線(xiàn)條以外填色部分的形狀，然后在這些形狀上增加陰影。
陰影的顏色選擇和線(xiàn)條的深藍(lán)色同色，把透明度降低至18%。陰影的形狀依然是我們關(guān)注的重點(diǎn)，需要從整體來(lái)觀察整體的美感度和協(xié)調(diào)程度。
STEP 17
然后把全部的陰影都畫(huà)出來(lái)，包括花盆部分的陰影。
陰影的設(shè)置跟隨一定的光影原理，但是也不用完全再現(xiàn)現(xiàn)實(shí)物理?xiàng)l件的光照。主要還是要照顧到最終整體的視覺(jué)效果。
STEP 18
增加高亮的部分，運(yùn)用白色的小圓點(diǎn)，添加到受光比較多的位置。同樣需要適當(dāng)降低每個(gè)小反光點(diǎn)的透明度。
點(diǎn)睛之筆
大家可以發(fā)現(xiàn)在整個(gè)畫(huà)面中，我們只是運(yùn)用藍(lán)綠色系，畫(huà)面的色彩是偏冷的。如果想要畫(huà)面的效果更飽滿(mǎn)，更具有張力，就需要增加暖色。
在多肉這個(gè)主體當(dāng)中，我們可以運(yùn)用葉片的尖端位置增加和綠色剛好處于對(duì)比色的紅色，然后運(yùn)用漸變的效果做出紅綠對(duì)比，增加對(duì)比就增加了戲劇感，從而也就讓畫(huà)面顯得更具有感染力了。
此外需要注意的是，我們的畫(huà)面焦點(diǎn)部分才需要這樣的戲劇沖突，因?yàn)榻裹c(diǎn)不可太多，所以不用每個(gè)葉片都這樣操作。
STEP 19
先安排好這個(gè)漸變色的色板：從粉紅色到白色的過(guò)渡，白色一端的透明度降低為0。然后繪制出一個(gè)新的形狀，這個(gè)形狀剛好覆蓋過(guò)我們的葉片尖端，然后把漸變色運(yùn)用在此。
STEP 20
在運(yùn)用“薄荷綠”的兩個(gè)葉片上增加這樣的粉紅色漸變。
這樣的冷暖互動(dòng)就能把畫(huà)面的靈動(dòng)感拉高一個(gè)層次，這也為大家提供一個(gè)配色思路：當(dāng)全部為冷色的畫(huà)面中增加暖色，或者暖色中增加冷色對(duì)比，都能讓對(duì)比發(fā)生一定的戲劇效果。
最終效果
最后，讓我們?yōu)檎w的插畫(huà)增加一個(gè)背景，END!
插畫(huà)應(yīng)用
一個(gè)插畫(huà)畫(huà)出來(lái)了以后，可以靈活運(yùn)用到平面設(shè)計(jì)當(dāng)中的多個(gè)地方，例如在UI設(shè)計(jì)中，我們可以把它作為Banner，或者介紹配圖。除此而外，還能作為圖標(biāo)、LOGO設(shè)計(jì)而使用。
后記：學(xué)習(xí)插畫(huà)的時(shí)候我們?cè)趯W(xué)什么
當(dāng)我們?cè)趯W(xué)習(xí)插畫(huà)的時(shí)候，真的是在學(xué)怎么畫(huà)一盆植物嗎？這是我最想問(wèn)的問(wèn)題。回到我最?lèi)?ài)講的印象派，大概在中學(xué)時(shí)代第一次見(jiàn)到莫奈的印象日出，立刻就動(dòng)手模仿了好幾幅。當(dāng)時(shí)還不知道這叫印象派，但是直覺(jué)告訴我，這種表現(xiàn)形式是誠(chéng)意十足的。
后來(lái)看了很多印象派的資料，最讓我著迷的就是他們對(duì)“光”的敬畏和喜愛(ài)，大家都應(yīng)該知道光線(xiàn)造就了顏色，所以，色彩就是光的語(yǔ)言。我講過(guò)好幾次關(guān)于色彩的課，也自己深挖過(guò)一些色彩理論，色彩構(gòu)成，總的來(lái)說(shuō)，我覺(jué)得沒(méi)有用眼睛去看，自己動(dòng)手去畫(huà)，理論都是很蒼白的。
所以，對(duì)于開(kāi)頭問(wèn)題的答案就是：我們其實(shí)就是在學(xué)習(xí)色彩，學(xué)習(xí)構(gòu)圖。而這都是平面視覺(jué)的核心，甚至不能說(shuō)是核心，而是形與色本身就是平面視覺(jué)。有小伙伴困惑配色怎么破的時(shí)候，其實(shí)根本沒(méi)有捷徑，倒是有很多偽裝成捷徑的彎路，初學(xué)者選擇彎路也沒(méi)關(guān)系，只是時(shí)間會(huì)耗得更長(zhǎng)而已。唯一的捷徑大概就是多畫(huà)、多觀察，手上練習(xí)，心里總結(jié)規(guī)律。心、手、腦并用，效果就自然來(lái)了。話(huà)不多說(shuō)，找個(gè)空閑時(shí)間練起來(lái)。
原文鏈接：ifeiwu
]]>