無需手繪! AI矢量扁平幾何風基礎插畫設計

前言：畫畫，既可以用手繪的方式自由揮灑，也可以運用嚴謹的幾何形來組合造型，這兩種表達方式都是美術，都可以成就美，在傳統的畫畫的領域也許前者是最常見的表達，但後者的魅力也開始慢慢呈現出來。

這篇文章我們將運用嚴謹的幾何形來塑造水果的形象，通過巧妙的形色組合、形狀本身透明度的疊合，表現具有簡約、大方、時尚感的鮮果派對插畫海報。

工具

工具：AI(Adobe illustrator)

適合：零基礎入門

扁平風的基礎思維準備：幾何形組合造型

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

比起細膩豐富的傳統畫法，極簡的幾何平塗造型所創作的水果，看起來有著別樣的生動的特質，擺脫了對水果表麵質感的依賴，轉向對形色的探索，是扁平插畫的基礎思維。

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

用方形塑造蘋果基礎形

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

STEP 01

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

然後，我們把這個正方形改變為梯形，改變的方法有很多種，這裏我們利用變形工具，進入【效果>變形>弧形】，在變形工具的麵板裏，將垂直這個滑塊調整為-15%。

STEP 02

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

擴展外觀就是讓這個形狀真正變為矢量梯形的路徑，如果沒有做這一步，這個形狀看似是梯形，其實還是原來正方形的矢量路徑。分辨真假梯形也很簡單，隻要選擇這個形狀，看到路徑的走向仍然是正方形，那就是假性梯形，這就需要為它做一次擴展外觀。

STEP 03

然後再選中這個梯形的基礎上，單擊左邊的工具欄裏的【直接選擇工具】，就會看到四個角內分別帶有四個很小的圓點（仔細看是一個同心圓），拖動它，你會發現它會控製這個角，將它從銳利的角變為圓弧。

根據圓弧離形狀中心的距離多少，弧度也會相應發生變化。

好了，蘋果的基礎形就完成啦~

細節的魔力

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

STEP 04

用藍紫色畫出一個正方形，然後再複製一個正方形，將這個複製的正方形旋轉45°，變為菱形。再複製第一個正方形。於是我們得到了兩個正方形和一個菱形，將它們像下圖所示拚起來。

然後再選中這個組合造型，進入到【窗口>路徑查找器】，在路徑查找器的麵板中運用【聯集】將它們拚合成一個獨立的封閉的路徑。

STEP 05

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

問：感覺似乎這樣的方式比較麻煩，為什麼不直接用鋼筆工具畫呢？

這也是我在這一風格的畫法中想要重點強調的：盡量避免使用鋼筆工具，而用幾何形進行轉化，是保持扁平風格中幾何感和抽象感的訣竅。

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

其實葉片的造型也可以探索出其他的幾何方式進行組合構造，本文隻表現一種方法。其他的方法，可以留給你下去嚐試。

STEP 06

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

STEP 07

最後，用線條增加最後的細節。這裏所用的線條是較細的3px的黑色線條。這裏的線條粗細要根據形狀本身的尺寸大小比例來確定。總之，對細節的描繪可以克製一些，不要太過複雜。

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

準備好元素，完成海報

STEP 08

藍莓的畫法從矩形起步，對矩形的組合以及成形的演變方法，是我們重點要訓練的對象。中間的步驟我們已在文章前麵詳細敘述過了，這裏就不再重複。可以繼續用這個方法演練下去。

STEP 09

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

STEP 10

我們把其他的水果元素也畫好，我這裏準備了一些比較可愛的櫻桃、西瓜之類，你也可以畫點菠蘿、芒果之類，注意要把握每一個水果的基礎形特點，然後在細節的部分加以強調。

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

本文的不用手繪就能設計出扁平幾何風基礎插畫就介紹到這裏，如果經過路邊有家鮮果店，掛上這樣一張海報，應該效果是不錯的吧~ 先自我陶醉一波~

作者：飛屋睿
來源：飛屋睿（ID：ifeiwu81）