前言:畫畫,既可以用手繪的方式自由揮灑,也可以運用嚴謹?shù)膸缀涡蝸斫M合造型,這兩種表達方式都是美術(shù),都可以成就美,在傳統(tǒng)的畫畫的領(lǐng)域也許前者是最常見的表達,但后者的魅力也開始慢慢呈現(xiàn)出來。

這篇文章我們將運用嚴謹?shù)膸缀涡蝸硭茉焖男蜗?,通過巧妙的形色組合、形狀本身透明度的疊合,表現(xiàn)具有簡約、大方、時尚感的鮮果派對插畫海報。

無需手繪! AI矢量扁平幾何風基礎(chǔ)插畫設(shè)計

工具

工具:AI(Adobe illustrator)

適合:零基礎(chǔ)入門

扁平風的基礎(chǔ)思維準備:幾何形組合造型

幾何形一直被視作是抽象造型的基礎(chǔ)元素,通過幾何形有意識的相互疊加組合,就可以使得這個造型呈現(xiàn)出可識別的對象,比如我們在這個教程里所表現(xiàn)的那樣:用幾何形畫水果。

比起細膩豐富的傳統(tǒng)畫法,極簡的幾何平涂造型所創(chuàng)作的水果,看起來有著別樣的生動的特質(zhì),擺脫了對水果表面質(zhì)感的依賴,轉(zhuǎn)向?qū)π紊奶剿?,是扁平插畫的基礎(chǔ)思維。

常用的幾何形是:圓、方、三角,在這個教程里,我們就運用矢量軟件AI(Adobe illustrator)進行創(chuàng)作,接下就開始來打造我們的《鮮果派對》海報吧。

無需手繪! AI矢量扁平幾何風基礎(chǔ)插畫設(shè)計

用方形塑造蘋果基礎(chǔ)形

常見蘋果的畫法可以是圓形起步,也可以是從方形開始。

STEP 01

打開AI,新建一個文檔,運用粉色畫出一個正方形,這就是蘋果的起始形。起始形非常重要,它決定了接下這個蘋果的形狀走向。

然后,我們把這個正方形改變?yōu)樘菪?,改變的方法有很多種,這里我們利用變形工具,進入【效果>變形>弧形】,在變形工具的面板里,將垂直這個滑塊調(diào)整為-15%。

無需手繪! AI矢量扁平幾何風基礎(chǔ)插畫設(shè)計

STEP 02

在選中上一步所變形成為的梯形的基礎(chǔ)上,進入到【對象>擴展外觀】對它做一次擴展外觀。

擴展外觀就是讓這個形狀真正變?yōu)槭噶刻菪蔚穆窂剑绻麤]有做這一步,這個形狀看似是梯形,其實還是原來正方形的矢量路徑。分辨真假梯形也很簡單,只要選擇這個形狀,看到路徑的走向仍然是正方形,那就是假性梯形,這就需要為它做一次擴展外觀。

無需手繪! AI矢量扁平幾何風基礎(chǔ)插畫設(shè)計

STEP 03

然后再選中這個梯形的基礎(chǔ)上,單擊左邊的工具欄里的【直接選擇工具】,就會看到四個角內(nèi)分別帶有四個很小的圓點(仔細看是一個同心圓),拖動它,你會發(fā)現(xiàn)它會控制這個角,將它從銳利的角變?yōu)閳A弧。

根據(jù)圓弧離形狀中心的距離多少,弧度也會相應(yīng)發(fā)生變化。

無需手繪! AI矢量扁平幾何風基礎(chǔ)插畫設(shè)計

好了,蘋果的基礎(chǔ)形就完成啦~

細節(jié)的魔力

我們開始為蘋果增加葉片,葉片的畫法首先也是要從基礎(chǔ)幾何形開始慢慢演變而成。我們在葉片這個部分提供的基礎(chǔ)幾何形同樣是正方形。

STEP 04

用藍紫色畫出一個正方形,然后再復(fù)制一個正方形,將這個復(fù)制的正方形旋轉(zhuǎn)45°,變?yōu)榱庑?。再?fù)制第一個正方形。于是我們得到了兩個正方形和一個菱形,將它們像下圖所示拼起來。

然后再選中這個組合造型,進入到【窗口>路徑查找器】,在路徑查找器的面板中運用【聯(lián)集】將它們拼合成一個獨立的封閉的路徑。

無需手繪! AI矢量扁平幾何風基礎(chǔ)插畫設(shè)計

STEP 05

然后再利用控制形狀角度的小圓點,就像STEP 03那樣分別選中下方以及左右兩邊的圓點,將角轉(zhuǎn)為弧形。一片葉子就這樣制作而成。

無需手繪! AI矢量扁平幾何風基礎(chǔ)插畫設(shè)計

問:感覺似乎這樣的方式比較麻煩,為什么不直接用鋼筆工具畫呢?

這也是我在這一風格的畫法中想要重點強調(diào)的:盡量避免使用鋼筆工具,而用幾何形進行轉(zhuǎn)化,是保持扁平風格中幾何感和抽象感的訣竅。

因為手動畫出的路徑畢竟不會特別嚴謹,這時就難免讓扁平風格失去了它本身的風格特點,而這時如果沒有較強的結(jié)構(gòu)感,整個畫面就會看起來”平淡“甚至”無趣“。

其實葉片的造型也可以探索出其他的幾何方式進行組合構(gòu)造,本文只表現(xiàn)一種方法。其他的方法,可以留給你下去嘗試。

STEP 06

這時,把這個葉片的形狀的混合模式改為“正片疊底”,利用疊加的視覺效果增加畫面的幾何感和時尚感,這是在我們過去寫過的文章《超級可愛!插畫萌新必學(xué)的PS極簡馬克筆簡筆畫:盆栽篇》以及相關(guān)系列文章也都運用過類似的技法。

無需手繪! AI矢量扁平幾何風基礎(chǔ)插畫設(shè)計

STEP 07

最后,用線條增加最后的細節(jié)。這里所用的線條是較細的3px的黑色線條。這里的線條粗細要根據(jù)形狀本身的尺寸大小比例來確定??傊?,對細節(jié)的描繪可以克制一些,不要太過復(fù)雜。

利用線形的組合以及形狀疊加的視覺效果,扁平風的簡約蘋果元素就畫好了。

無需手繪! AI矢量扁平幾何風基礎(chǔ)插畫設(shè)計

準備好元素,完成海報

STEP 08

藍莓的畫法從矩形起步,對矩形的組合以及成形的演變方法,是我們重點要訓(xùn)練的對象。中間的步驟我們已在文章前面詳細敘述過了,這里就不再重復(fù)??梢岳^續(xù)用這個方法演練下去。

無需手繪! AI矢量扁平幾何風基礎(chǔ)插畫設(shè)計

STEP 09

畫草莓的時候,運用了兩個梯形進行組合。利用葉片造型進行疊加,也能增加圖形的魅力。

無需手繪! AI矢量扁平幾何風基礎(chǔ)插畫設(shè)計

STEP 10

我們把其他的水果元素也畫好,我這里準備了一些比較可愛的櫻桃、西瓜之類,你也可以畫點菠蘿、芒果之類,注意要把握每一個水果的基礎(chǔ)形特點,然后在細節(jié)的部分加以強調(diào)。

無需手繪! AI矢量扁平幾何風基礎(chǔ)插畫設(shè)計

把每個水果元素放到海報的設(shè)計中時,要考慮的還有對水果元素之間的間隙的疏密均勻程度,元素可以較大,有些元素甚至可以滲出到海報之外,這樣會讓視覺效果更為延伸。

無需手繪! AI矢量扁平幾何風基礎(chǔ)插畫設(shè)計

本文的不用手繪就能設(shè)計出扁平幾何風基礎(chǔ)插畫就介紹到這里,如果經(jīng)過路邊有家鮮果店,掛上這樣一張海報,應(yīng)該效果是不錯的吧~ 先自我陶醉一波~

作者:飛屋睿
來源:飛屋睿(ID:ifeiwu81)

隨機推薦