如何從零開始繪制線性插畫風(fēng)景？來看高手的設(shè)計(jì)思路總結(jié)！一直研究線條，就會(huì)發(fā)現(xiàn)，線條除了表現(xiàn)我們普通日常所見的圖標(biāo)化的個(gè)體以外，還可以表現(xiàn)更大更復(fù)雜的風(fēng)景。但是后者會(huì)有一定難度，如果線條比較粗的情況下，尤其無法更好去展示細(xì)節(jié)（比如要表現(xiàn)云朵或者空中漂浮的柳絮等）。當(dāng)時(shí)我有點(diǎn)卡在這個(gè)思路上沒有進(jìn)展。

過兩天，我突然憑空有了靈感，想到了「簡(jiǎn)化」這一條路。嘗試用簡(jiǎn)化的方法，雖然看起來粗糙，但又進(jìn)入到新的層面。我想我們不是要單單造景，而是要傳遞景色。因此，景色用線和色塊的組合，就這樣一步步展開。

靈感來源

于是我有了這一組作品大千之鏡，這一組作品就是基于粗線+景色的方式來創(chuàng)作，其中重點(diǎn)的表現(xiàn)是「色」（漸變組合）。

提示：

本操作注重設(shè)計(jì)思維的過程此野，不涉及到軟件的具體詳細(xì)操作，如果對(duì)軟件操作生疏的小伙伴，可以移步到這里看看這個(gè)簡(jiǎn)單的快速上手AI的操作視頻。

△得到形狀的四種方法：拼、減、裁、畫

參考照片不等于臨摹照片

外景的繪制，需要非常概括化。由于這里我們的規(guī)劃是把景物畫在一個(gè)小圓矩形的框內(nèi)，其實(shí)空間是很有限的。因此線條的設(shè)置也就要趨于簡(jiǎn)單。

簡(jiǎn)化是一個(gè)非常重要的思路，你可以用照片開始研究。當(dāng)然，我在創(chuàng)作的時(shí)候，不止借鑒了一張照片，而是把多張照片進(jìn)行結(jié)合參考。

參考照片里的布局、構(gòu)圖、透視然后提煉最基本的形狀。

如果有興趣你可以看者毀下面這支視頻：

△靈感怎么來？參考照片的幾點(diǎn)技巧

構(gòu)建基礎(chǔ)線條

如果在細(xì)節(jié)并不累贅的情況下，簡(jiǎn)化的圖案可以采用網(wǎng)格來幫助表達(dá)。當(dāng)然這取決于你的習(xí)慣。

STEP01

打開AI，新建一個(gè)1600*1600px的文檔。在這個(gè)文檔中畫出一個(gè)圓角矩形，然后在這個(gè)圓角矩形當(dāng)中謀篇布局。首先用幾個(gè)線條把最大的基礎(chǔ)形勾勒出來。外框線條采用30px，而內(nèi)部的線條可以稍微減小，變?yōu)?5px，再細(xì)可以變?yōu)?0px。

線條的粗細(xì)設(shè)置原則就是讓其遵循一定的韻律感，比如都是5的倍數(shù)。

圖案猶如搭積木那樣建立起整個(gè)畫面。

STEP02

繼續(xù)以搭積木的邏輯來填滿左邊建筑群的畫面。這時(shí)我們要學(xué)會(huì)跳出「技」的思維層面，這在我的授課經(jīng)驗(yàn)當(dāng)中也反復(fù)和學(xué)生強(qiáng)調(diào)：我們并不是在學(xué)會(huì)如何畫這個(gè)對(duì)象，比如這里我們?cè)诶L制小鎮(zhèn)風(fēng)景。我們學(xué)會(huì)的是背后的創(chuàng)作思維。

這里我引用一段豐子愷在《認(rèn)識(shí)繪畫》這本書里的原話：

「圖畫就同數(shù)學(xué)和體育一樣。人生不一定要畫蘋果、香蕉、花瓶、茶壺。原不過是借這種研究來訓(xùn)練人的眼睛，使眼睛正確而又敏感，真而又美。」

用在這里，就是通過畫小鎮(zhèn)、建筑的過程來訓(xùn)練自己對(duì)線條造型的能力。而這個(gè)能力表現(xiàn)出來就是既符合建筑的外形，又能讓它看起來美觀自然。

STEP03

繼續(xù)往下，就是把我們的形狀再一次優(yōu)化。優(yōu)化形狀有兩個(gè)層面需要注意：

形狀銜接是否閉合

整體的形狀是否均勻

這是宏觀和微觀的兩個(gè)方向。然后再適當(dāng)調(diào)整增刪形狀。

STEP04

增加細(xì)節(jié)一般來說是最后一步的框架工作。這時(shí)我們又要切換一個(gè)角度：剛開始我們把線的作用看作是建立輪廓，這時(shí)，需要拿線來當(dāng)作細(xì)節(jié)的描繪擔(dān)當(dāng)。比如下面用一個(gè)蘋果作例子，你就能理解了。線的兩個(gè)作用：勾勒和描繪，在這里就能體現(xiàn)出來。

因此這里增加的細(xì)節(jié)（窗戶、門、波浪、海鳥等）都是發(fā)揮線的描繪作用。

到這一步我們的輪廓線就完成了。這時(shí)可以將它們擴(kuò)展外觀。

在很多LOGO設(shè)計(jì)當(dāng)中，到這一步其實(shí)就可以告一段落了，因?yàn)榇蟛糠直馄斤L(fēng)格的LOGO都只需要一個(gè)輪廓，色彩可以是一個(gè)隨機(jī)的單色。

色彩框架

建立色彩框架，其實(shí)就是找到一種觀察色彩的角度。利用兩個(gè)色彩間的關(guān)系演化成一個(gè)色彩陣列。在下面這個(gè)視頻中，你可以了解更多關(guān)于色彩陣列。

△色彩陣列：給初學(xué)者的色彩框架圖

STEP01

依據(jù)上面的理論，我獲得了這個(gè)色彩陣列。我們的色彩就從這里開始。主色確定為藍(lán)色（這從我們的照片里獲得了靈感），次色為粉首扒備色和薄荷綠。

STEP02

當(dāng)然，色彩陣列的作用并不是要讓我們用上所有的色彩，仍然根據(jù)實(shí)際的情況去繁化簡(jiǎn)。在關(guān)鍵的色彩上進(jìn)行不斷的嘗試，找到最好的組合。

運(yùn)用形狀生成器工具來進(jìn)行上色，把主色進(jìn)行分布。

STEP03

繼續(xù)運(yùn)用上次色薄荷綠，這時(shí)大家要注意色彩的微妙變化，在單一色彩出現(xiàn)的時(shí)候，看起來一切都很完美，一旦加入了第二種顏色情況就開始變復(fù)雜了。

這也和我們平時(shí)生活是一樣的，一個(gè)人的時(shí)候什么都好，兩個(gè)人就會(huì)出現(xiàn)人際關(guān)系。復(fù)雜的讓人頭疼也讓人歡喜的關(guān)系，就帶來了更多的生機(jī)和起伏。

我們看到雖然我們運(yùn)用次色，但也在部分色塊上帶來了更多的色彩上的變化，這也是有了色彩陣列后可以輕易做到的。

STEP04

第三種色彩是紅色，我們可以繼續(xù)運(yùn)用在圖形中。

STEP05

主要的色彩控制在三種，剩下的色彩可以繼續(xù)在現(xiàn)有色彩基礎(chǔ)上再微調(diào)，比如調(diào)整色彩的明度或者飽和度來獲取更為細(xì)膩的變化。

注意在這里的白色的運(yùn)用。

光影漸變

由于有光，我們才得已看見不同的色彩。根據(jù)這個(gè)真理，如果要想獲得更為豐富的光感，漸變也是一個(gè)非常重要的上色要素。

STEP1

在運(yùn)用漸變前，我的建議就是先做好平涂的工作。平涂是建立整體的色彩均衡，然后再根據(jù)光線的情況進(jìn)行微調(diào)。

而且對(duì)于漸變，我們需要加以克制，只需要選取其中一種色彩，然后在這個(gè)色彩比較窄的范圍內(nèi)進(jìn)行微調(diào)。比如在這里我們將紅色用上漸變，使紅色產(chǎn)生一些微妙的變化。

STEP2

然后給建筑補(bǔ)上陰影，陰影的出現(xiàn)根據(jù)「美且真」的原則來安排。這里可能很多人會(huì)問什么是「美且真」原則，下面同樣是出自豐子愷的《認(rèn)識(shí)繪畫》的一段描述：

圖畫兼有欣賞與實(shí)用兩種效果。欣賞是美的，實(shí)用是真的，故圖畫練習(xí)必須兼顧「真」和「美」這兩個(gè)條件。具體地說：譬如描一瓶花，要仔細(xì)觀察花、葉、瓶的形狀、大小、方向、色彩，不使描錯(cuò)。這是「真」方面的功夫。同時(shí)又須巧妙地配合，巧妙地布置，使它妥帖。這時(shí)「美」方面的功夫。

了解了這個(gè)原則，就在練習(xí)中去試探畫面這兩個(gè)要素的平衡。

陰影的制作需要注意的是三點(diǎn)：

找到光源

陰影顏色的配置

不必完全寫實(shí)

這三點(diǎn)可以通過下面這個(gè)視頻中詳細(xì)給大家演示：

△線條插畫中增加陰影的三步技法

完成后的效果如下：

點(diǎn)狀高光

創(chuàng)作最后一步，這里我們?cè)黾恿艘粋€(gè)小細(xì)節(jié)，也是突然想到的點(diǎn)睛之筆，給畫面增加點(diǎn)狀高光。

STEP1

在平面構(gòu)成中，一個(gè)點(diǎn)可以是一個(gè)圓點(diǎn)，也可以是一個(gè)小方塊。在這個(gè)畫面當(dāng)中，我們就利用白色的小方塊來制造畫面的高光部分。

增加了點(diǎn)狀高光的畫面，就會(huì)讓畫面更加活潑。

最終效果：

后記：背后的思路

寫這篇文章我整理出了三段視頻，通過視頻也許會(huì)給初學(xué)者更多啟發(fā)。我之前一直糾結(jié)在是做視頻還是寫文章兩條路子，本來想文章+視頻是最好的方式，各取所需。但是后來操作過程發(fā)現(xiàn)兩條路沒辦法并行。只能在文章當(dāng)中，穿插更多我認(rèn)為值得展開的部分。

視頻作為文章的補(bǔ)充，而文章又作為視頻的補(bǔ)充。雖然現(xiàn)在大家都說沒時(shí)間看文字，視頻也更加直接，但是我始終覺得潛心學(xué)習(xí)的東西，用文字是更易于查詢和記錄的。視頻和文章都無法取代彼此。怎么用ai做插畫AI畫插畫還是很有意思的，但這個(gè)命題比較廣，也不清楚同學(xué)們要什么風(fēng)格的？線條類的、顏色的、漸變的、妖艷浪賤的～～所以把我之前做的一個(gè)放出來。

關(guān)于這種清新的插畫、懶得動(dòng)腦，我就臨摹一張吧：看完你們就就明白了！

1、在ai中畫草坪-前景

鋼筆工具就可以嘍！

2、畫陸地

3、畫樹，這里都是不規(guī)則圖形，所以按照自己的心意來就好

4、中景樹、石頭

5、畫橋，這里可以先畫矩形，隨后用半圓剪切

6、火車，繪制矩形，用直接選擇工具調(diào)整上方的錨點(diǎn)，點(diǎn)擊錨點(diǎn)，拖動(dòng)原點(diǎn)可以轉(zhuǎn)化成圓角矩形，

7、復(fù)制圓角矩形就ok，然后繪制半圓放到黑色橋的上方

8、在路徑查找器中，選擇減去頂層

9、重復(fù)該步驟

橋與貨車就出來了

10、給貨車上繪制矩形

11、用鋼筆工具，繪制遠(yuǎn)方的山

12、基本形狀繪制完畢后，我們?cè)偬畛漕伾?p>

背景顏色給一個(gè)漸變

13、分別填充前景、中景的顏色

14、現(xiàn)在依舊是先繪制細(xì)節(jié)部分的形狀

從大山開始

用鋼筆工具，繪制，三種不同的顏色；

15、然后繪制中景的陰影與亮部

以及復(fù)制火車圖層，填充淺色，放置原圖層的下放作為火車邊緣的高光

16、背景的星星，與光暈

光暈運(yùn)用六邊形，調(diào)整其透明度就可以

星星有很多種方法，棱形也可以，八邊形也可以，五角星也可以

在ai中那條漸變的線，可以在線段的窗口中選擇

17、添加光感

用圓形工具繪制圓形

在效果中選擇高斯模糊

18、草地上也添加一個(gè)橢圓，同樣給高斯模糊效果，通過調(diào)整透明度來協(xié)調(diào)

完工！！！

AI插畫中無非就是這些工具，重要的是畫面的顏色，圖形比例搭配協(xié)調(diào)

畫面的豐富程度不同，基本上原則都是一樣的！AI設(shè)計(jì)如何學(xué)？學(xué)習(xí)AI，應(yīng)該從了解AI主要用途開始。按Adobe官網(wǎng)的說明，Illustrator是一款矢量繪圖軟件，用于制作適合于印刷、Web、交互、視頻和移動(dòng)設(shè)備的徽標(biāo)、圖標(biāo)、草圖、版式和復(fù)雜的插圖，也就是說AI適合制作logo、圖標(biāo)、插畫，并且有排版功能。

用途之后是學(xué)習(xí)基本工具，AI的基本工具在網(wǎng)上有很多介紹的視頻教程，跟著做就可以。

我們把工具先分為四類：

1.選擇工具：

2.繪圖工具：

繪圖工具大都容易掌握，其中鋼筆工具是比較重要的工具，繪圖中用的比較多，也是大多數(shù)人感覺比較困難的一個(gè)工具。鋼筆工具通過單擊繪制直線，拖動(dòng)繪制曲線，難點(diǎn)主要是曲線的繪制。繪制曲線時(shí)拖動(dòng)會(huì)生成方向線，方向線的長(zhǎng)度和斜度決定了曲線的形狀。

鋼筆工具最好的練習(xí)方法是臨摹，多練習(xí)才可以熟練使用鋼筆工具。

這里沒有介紹所有的繪圖工具，ADOBE官網(wǎng)中有詳細(xì)的說明，3.上色工具：

這部分工具主要用于上色，其中實(shí)時(shí)上色工具很適合對(duì)線稿上色，在繪制插畫中是很實(shí)用的工具。

具體操作如下：

先用鋼筆繪制下圖

將中間圓形內(nèi)的部分全部選中，選擇實(shí)時(shí)上色工具

在屬性欄中設(shè)置好填充色，之后就可以逐個(gè)填充了

上色時(shí)除了純色，漸變工具也是很常用的上色工具，比起純色，漸變顏色更豐富。

如下圖這樣的風(fēng)景插畫

采用漸變色來填充，可以表現(xiàn)出豐富的顏色層次變化，可以添加更多滑塊來定義漸變色。

可以看出，學(xué)會(huì)上述工具后，我們應(yīng)該可以繪制簡(jiǎn)單插畫了。

但要制作更復(fù)雜的效果，上述工具可能還不夠。

4.改變形狀工具

旋轉(zhuǎn)、鏡像、縮放工具是常用的變換工具，形狀生成器和路徑查找器是我們創(chuàng)建新圖形的工具。

上圖中的云彩，除了可以使用鋼筆直接繪制外，使用多個(gè)圓角矩形工具合并應(yīng)該是更簡(jiǎn)單的方法

可以先做出三個(gè)圓角矩形，再進(jìn)行聯(lián)集。

除了插畫中需要用到改變形狀工具，制作logo，圖標(biāo)也會(huì)經(jīng)常需要用到圖形的合并和刪除。

混合工具可以創(chuàng)建混合多個(gè)對(duì)象的顏色和形狀的一系列對(duì)象，這個(gè)工具之前的教程中做過很多了，這里就不再贅述。下圖都是混合生成的效果：

上述工具都學(xué)會(huì)后，我們應(yīng)該可以基本掌握AI了，使用AI繪制插畫，制作logo、圖標(biāo)等也就可以完成了。如果還想要進(jìn)一步學(xué)習(xí)AI，可以再了解一下效果菜單：

其中3D效果可以在AI中生成立體效果

使用鋼筆繪制下圖，使用效果中的3D-凸出和斜角可實(shí)現(xiàn)后面3D效果

而效果中扭曲和變換——粗糙結(jié)合之前的混合可生成如下效果

_

軟件的學(xué)習(xí)需要大家做大量的練習(xí)，有時(shí)間的情況下可以把上述圖片做一下，平時(shí)看到合適的圖也可以做臨摹練習(xí)。