如何從零開始繪制線性插畫風景?來看高手的設計思路總結!一直研究線條,就會發現,線條除了表現我們普通日常所見的圖標化的個體以外,還可以表現更大更復雜的風景。但是后者會有一定難度,如果線條比較粗的情況下,尤其無法更好去展示細節(比如要表現云朵或者空中漂浮的柳絮等)。當時我有點卡在這個思路上沒有進展。

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

靈感來源

于是我有了這一組作品大千之鏡,這一組作品就是基于粗線+景色的方式來創作,其中重點的表現是「色」(漸變組合)。

提示:

本操作注重設計思維的過程此野,不涉及到軟件的具體詳細操作,如果對軟件操作生疏的小伙伴,可以移步到這里看看這個簡單的快速上手AI的操作視頻。

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

參考照片不等于臨摹照片

外景的繪制,需要非常概括化。由于這里我們的規劃是把景物畫在一個小圓矩形的框內,其實空間是很有限的。因此線條的設置也就要趨于簡單。

簡化是一個非常重要的思路,你可以用照片開始研究。當然,我在創作的時候,不止借鑒了一張照片,而是把多張照片進行結合參考。

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

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

△靈感怎么來?參考照片的幾點技巧

構建基礎線條

如果在細節并不累贅的情況下,簡化的圖案可以采用網格來幫助表達。當然這取決于你的習慣。

STEP01

打開AI,新建一個1600*1600px的文檔。在這個文檔中畫出一個圓角矩形,然后在這個圓角矩形當中謀篇布局。首先用幾個線條把最大的基礎形勾勒出來。外框線條采用30px,而內部的線條可以稍微減小,變為25px,再細可以變為20px。

線條的粗細設置原則就是讓其遵循一定的韻律感,比如都是5的倍數。

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

STEP02

繼續以搭積木的邏輯來填滿左邊建筑群的畫面。這時我們要學會跳出「技」的思維層面,這在我的授課經驗當中也反復和學生強調:我們并不是在學會如何畫這個對象,比如這里我們在繪制小鎮風景。我們學會的是背后的創作思維。

這里我引用一段豐子愷在《認識繪畫》這本書里的原話:

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

用在這里,就是通過畫小鎮、建筑的過程來訓練自己對線條造型的能力。而這個能力表現出來就是既符合建筑的外形,又能讓它看起來美觀自然。

STEP03

繼續往下,就是把我們的形狀再一次優化。優化形狀有兩個層面需要注意:

形狀銜接是否閉合

整體的形狀是否均勻

這是宏觀和微觀的兩個方向。然后再適當調整增刪形狀。

STEP04

增加細節一般來說是最后一步的框架工作。這時我們又要切換一個角度:剛開始我們把線的作用看作是建立輪廓,這時,需要拿線來當作細節的描繪擔當。比如下面用一個蘋果作例子,你就能理解了。線的兩個作用:勾勒和描繪,在這里就能體現出來。

因此這里增加的細節(窗戶、門、波浪、海鳥等)都是發揮線的描繪作用。

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

在很多LOGO設計當中,到這一步其實就可以告一段落了,因為大部分扁平風格的LOGO都只需要一個輪廓,色彩可以是一個隨機的單色。

色彩框架

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

△色彩陣列:給初學者的色彩框架圖

STEP01

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

STEP02

當然,色彩陣列的作用并不是要讓我們用上所有的色彩,仍然根據實際的情況去繁化簡。在關鍵的色彩上進行不斷的嘗試,找到最好的組合。

運用形狀生成器工具來進行上色,把主色進行分布。

STEP03

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

這也和我們平時生活是一樣的,一個人的時候什么都好,兩個人就會出現人際關系。復雜的讓人頭疼也讓人歡喜的關系,就帶來了更多的生機和起伏。

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

STEP04

第三種色彩是紅色,我們可以繼續運用在圖形中。

STEP05

主要的色彩控制在三種,剩下的色彩可以繼續在現有色彩基礎上再微調,比如調整色彩的明度或者飽和度來獲取更為細膩的變化。

注意在這里的白色的運用。

光影漸變

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

STEP1

在運用漸變前,我的建議就是先做好平涂的工作。平涂是建立整體的色彩均衡,然后再根據光線的情況進行微調。

而且對于漸變,我們需要加以克制,只需要選取其中一種色彩,然后在這個色彩比較窄的范圍內進行微調。比如在這里我們將紅色用上漸變,使紅色產生一些微妙的變化。

STEP2

然后給建筑補上陰影,陰影的出現根據「美且真」的原則來安排。這里可能很多人會問什么是「美且真」原則,下面同樣是出自豐子愷的《認識繪畫》的一段描述:

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

了解了這個原則,就在練習中去試探畫面這兩個要素的平衡。

陰影的制作需要注意的是三點:

找到光源

陰影顏色的配置

不必完全寫實

這三點可以通過下面這個視頻中詳細給大家演示:

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

完成后的效果如下:

點狀高光

創作最后一步,這里我們增加了一個小細節,也是突然想到的點睛之筆,給畫面增加點狀高光。

STEP1

在平面構成中,一個點可以是一個圓點,也可以是一個小方塊。在這個畫面當中,我們就利用白色的小方塊來制造畫面的高光部分。

增加了點狀高光的畫面,就會讓畫面更加活潑。

最終效果:

后記:背后的思路

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

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

關于這種清新的插畫、懶得動腦,我就臨摹一張吧:看完你們就就明白了!

1、在ai中畫草坪-前景

鋼筆工具就可以嘍!

2、畫陸地

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

4、中景樹、石頭

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

6、火車,繪制矩形,用直接選擇工具調整上方的錨點,點擊錨點,拖動原點可以轉化成圓角矩形,

7、復制圓角矩形就ok,然后繪制半圓放到黑色橋的上方

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

9、重復該步驟

橋與貨車就出來了

10、給貨車上繪制矩形

11、用鋼筆工具,繪制遠方的山

12、基本形狀繪制完畢后,我們再填充顏色

背景顏色給一個漸變

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

14、現在依舊是先繪制細節部分的形狀

從大山開始

用鋼筆工具,繪制,三種不同的顏色;

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

以及復制火車圖層,填充淺色,放置原圖層的下放作為火車邊緣的高光

16、背景的星星,與光暈

光暈運用六邊形,調整其透明度就可以

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

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

17、添加光感

用圓形工具繪制圓形

在效果中選擇高斯模糊

18、草地上也添加一個橢圓,同樣給高斯模糊效果,通過調整透明度來協調

完工!!!

AI插畫中無非就是這些工具,重要的是畫面的顏色,圖形比例搭配協調

畫面的豐富程度不同,基本上原則都是一樣的!AI設計如何學?學習AI,應該從了解AI主要用途開始。按Adobe官網的說明,Illustrator是一款矢量繪圖軟件,用于制作適合于印刷、Web、交互、視頻和移動設備的徽標、圖標、草圖、版式和復雜的插圖,也就是說AI適合制作logo、圖標、插畫,并且有排版功能。

用途之后是學習基本工具,AI的基本工具在網上有很多介紹的視頻教程,跟著做就可以。

我們把工具先分為四類:

1.選擇工具:

2.繪圖工具:

繪圖工具大都容易掌握,其中鋼筆工具是比較重要的工具,繪圖中用的比較多,也是大多數人感覺比較困難的一個工具。鋼筆工具通過單擊繪制直線,拖動繪制曲線,難點主要是曲線的繪制。繪制曲線時拖動會生成方向線,方向線的長度和斜度決定了曲線的形狀。

鋼筆工具最好的練習方法是臨摹,多練習才可以熟練使用鋼筆工具。

這里沒有介紹所有的繪圖工具,ADOBE官網中有詳細的說明,3.上色工具:

這部分工具主要用于上色,其中實時上色工具很適合對線稿上色,在繪制插畫中是很實用的工具。

具體操作如下:

先用鋼筆繪制下圖

將中間圓形內的部分全部選中,選擇實時上色工具

在屬性欄中設置好填充色,之后就可以逐個填充了

上色時除了純色,漸變工具也是很常用的上色工具,比起純色,漸變顏色更豐富。

如下圖這樣的風景插畫

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

可以看出,學會上述工具后,我們應該可以繪制簡單插畫了。

但要制作更復雜的效果,上述工具可能還不夠。

4.改變形狀工具

旋轉、鏡像、縮放工具是常用的變換工具,形狀生成器和路徑查找器是我們創建新圖形的工具。

上圖中的云彩,除了可以使用鋼筆直接繪制外,使用多個圓角矩形工具合并應該是更簡單的方法

可以先做出三個圓角矩形,再進行聯集。

除了插畫中需要用到改變形狀工具,制作logo,圖標也會經常需要用到圖形的合并和刪除。

混合工具可以創建混合多個對象的顏色和形狀的一系列對象,這個工具之前的教程中做過很多了,這里就不再贅述。下圖都是混合生成的效果:

上述工具都學會后,我們應該可以基本掌握AI了,使用AI繪制插畫,制作logo、圖標等也就可以完成了。如果還想要進一步學習AI,可以再了解一下效果菜單:

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

使用鋼筆繪制下圖,使用效果中的3D-凸出和斜角可實現后面3D效果

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

_

軟件的學習需要大家做大量的練習,有時間的情況下可以把上述圖片做一下,平時看到合適的圖也可以做臨摹練習。