矢量教程-UI設(shè)計(jì)師教你花叢插畫怎么畫

如果只是繪制一朵花，過程是非常很簡(jiǎn)單，當(dāng)我們想要?jiǎng)?chuàng)造一大片花叢的時(shí)候，記住，都是從一朵花開始的。所以首先將每一朵花都準(zhǔn)備好了，這一過程，我們叫做預(yù)備素材。 下面我們會(huì)教大家使用 AI 來繪制矢量花叢插畫的教程，喜歡的可以動(dòng)手畫畫。

學(xué)習(xí)這文章，你可以獲得這些知識(shí)與技能：

• 矢量圖形的繪制技巧
• 有關(guān)的對(duì)繁花圖案的構(gòu)圖布局
• 利用符號(hào)噴槍工具繪制多點(diǎn)圖案、利用藝術(shù)畫筆工具制作個(gè)性的畫筆
• 利用層次關(guān)系以及形狀生成工具鑲嵌文字“入”花叢

繪制預(yù)備素材

STEP 01

打開AI，創(chuàng)建一個(gè)寬1200px高1130px的畫板。在畫板外的部分，開始準(zhǔn)備素材。首先用鉛筆工具來繪制出兩朵花，利用手繪板來增加手繪的魅力，從而使得整個(gè)畫面顯得更為個(gè)性化。讓這兩朵花的造型略有區(qū)別，但都填色為粉紅漸變。

STEP 02

接下讓我們安排橙紅色的花朵，將粉色的兩朵花朵進(jìn)行復(fù)制并更改其配色，就能獲得新的花朵素材。

STEP 03

再來增加不同的花朵造型，上兩步是花朵的正面，現(xiàn)在來繪制花朵的側(cè)面造型。側(cè)面造型的填色為橙紅色與黃色。在屬于花朵“背面”的部分填色要深一些。這樣就能帶出一定的空間感。填色時(shí)注意色彩上的微妙的漸變。

STEP 04

再增加更多造型各異的花朵，以滿足整個(gè)花束中對(duì)“繁”的要求。而其中造型的線條要顯得即有手繪的隨意感，又不能丟失線條造型上的自信。

為花葉造型

STEP 05

在畫板上繪制出矩形的背景，填充為暗沉的紫色。較暗的色彩比較能襯托出花朵的鮮艷。然后用圓形畫出兩個(gè)描邊空心圓，描邊大小為8px，線條配置為梭形。兩個(gè)圓形一個(gè)稍大另一個(gè)稍小些。這兩個(gè)圓所包圍的空間將是我們布局花朵的范圍。

STEP 06

將我們所準(zhǔn)備好的素材花朵，一朵一朵進(jìn)行布局的安排。目的是平衡的填充這塊圓形區(qū)域。在這一過程中，大家的心中要有一個(gè)所謂的層次觀，也就是對(duì)于花朵的空間層次要有非常清晰的規(guī)劃，而這兩個(gè)圓在層次空間一個(gè)位于最上層，一個(gè)位于最下層。這樣就能更好的強(qiáng)調(diào)出空間關(guān)系。

花朵未必一定要收攏在圓形之內(nèi)，也可以部分探出區(qū)域外，顯得更為自然。

STEP 07

紅花還需綠葉配，我們準(zhǔn)備素材時(shí)并沒有準(zhǔn)備葉子，這是為了在安排完花朵的位置后，再根據(jù)實(shí)際的情況來繪制葉片。葉片的繪制圍繞每一朵花為重點(diǎn)，這樣安排出的層次關(guān)系就更加清晰。

同樣是利用鉛筆工具來繪制葉片，讓每一片葉子外觀都能與根據(jù)花朵以及花朵與花朵之間的位置形成一種視覺上的平衡關(guān)系，這是提前無法安排的。
葉片的色彩填充為藍(lán)綠色，藍(lán)綠色的色彩應(yīng)該呈現(xiàn)出深深淺淺不同的表現(xiàn)，這樣顯得色調(diào)上更為飽滿。

STEP 08

除了花葉較為集中的部分，我們另外還安排了一些藤蔓型的植物，這些“藤蔓”是成就文字“嵌入”花叢中的關(guān)鍵細(xì)節(jié)。繪制藤蔓可以利用鋼筆工具，當(dāng)然鉛筆工具也能做出非常流暢的線條。藤蔓的色彩稍淺，在視覺上更往前靠近，而在這個(gè)階段暫時(shí)可以不用去安排藤蔓的空間層次，等待加入文字后，再細(xì)細(xì)做出調(diào)整。

STEP 09

花束的布局中比較集中的部分我們已經(jīng)完成了，當(dāng)然這并不是全部，要讓花束看起來更為燦爛，還需要一些“外圍”細(xì)節(jié)。這也是增加一個(gè)圖案吸引力的方法。

讓我們利用符號(hào)工具來繪制第一個(gè)外圍細(xì)節(jié)——散落的藍(lán)色小花。先利用鉛筆工具繪制出一朵淺藍(lán)色的花朵，這是一個(gè)非常簡(jiǎn)單的造型。將這個(gè)圖案拖入到“符號(hào)”面板中，將彈出一個(gè)新增符號(hào)的參數(shù)選項(xiàng)框，設(shè)置好相應(yīng)的參數(shù)，點(diǎn)擊確定后，就可以利用工具欄中的“符號(hào)噴槍工具”在相應(yīng)的位置進(jìn)行“涂抹”繪制?？梢钥吹椒?hào)噴槍工具下方的一系列“移位”“縮放”“旋轉(zhuǎn)”等工具都能群體操作這一組所繪制的符號(hào)，要讓最終效果表現(xiàn)自然，你不能讓這些花朵都呈現(xiàn)出完全相似的樣子。

STEP 10

利用同樣的方式，我們繼續(xù)創(chuàng)建新的符號(hào)，用符號(hào)噴槍工具完成其他的周邊細(xì)節(jié)的繪制。完成繪制后的符號(hào)可以進(jìn)行擴(kuò)展，擴(kuò)展成為路徑后，還能進(jìn)行大小位置的修改，這個(gè)過程是非常靈活自由的。

營(yíng)造這種小細(xì)節(jié)云集起來的感染力量，符號(hào)噴槍工具是最方便快捷的。

STEP 11

接下，我們繼續(xù)添加綠葉和花瓣，但這里的綠葉和花瓣將是以“飄散”的方式圍繞整個(gè)花束。因此，這里在繪制這些綠葉的時(shí)候，比起一片片進(jìn)行繪制來說，更快捷的方式是利用藝術(shù)畫筆工具。

最開始就像準(zhǔn)備符號(hào)一樣，讓我們用鉛筆工具畫出葉片和花瓣。然后將其分別拖入到畫筆面板中，彈出創(chuàng)建畫筆類型選擇為“藝術(shù)畫筆”，對(duì)藝術(shù)畫筆的選項(xiàng)參數(shù)進(jìn)行設(shè)置，需要注意的是寬度可以選擇“壓力”，最小值和最大值都進(jìn)行調(diào)整，并點(diǎn)擊確定。

STEP 12

設(shè)置好藝術(shù)畫筆后，就可以選用花瓣的畫筆繪制出散落的花瓣。每一筆就能畫出一片花瓣，而花瓣的形狀外形將根據(jù)你的畫筆走勢(shì)來表現(xiàn)。

STEP 13

散落的葉片要比圍繞花朵的葉片要小一些，而也呈現(xiàn)“飄散”的動(dòng)態(tài)美感。選中準(zhǔn)備好的葉片的畫筆，繼續(xù)繪制出葉片的造型。

這些用藝術(shù)畫筆創(chuàng)作的圖案也要進(jìn)行“擴(kuò)展”，擴(kuò)展成為路徑后可以再繼續(xù)調(diào)整它們的位置大小關(guān)系。

嵌入文字

要讓文字呈現(xiàn)出一種嵌入的效果，就像剛剛我們所講到的，關(guān)鍵點(diǎn)在于藤蔓的細(xì)節(jié)。

STEP 14

先用文字工具寫出“born as flowers”的文字，排列成為三行，并居中顯示。字體我運(yùn)用的Lobster，連體字形更能很好的和藤蔓的外形關(guān)系結(jié)合起來。

STEP 15

選中文字進(jìn)行“創(chuàng)建輪廓”，將創(chuàng)建的文字輪廓再?gòu)?fù)制一次，粘貼于原有文字的下方，將下方的文字填充為熱情的紅色。然后利用鍵盤的方向箭頭，對(duì)其進(jìn)行向右方和下方移動(dòng)3個(gè)像素，這樣就能凸顯出文字的深度。

STEP 16

在增加文字的陰影，選中紅色的文字那個(gè)路徑對(duì)象，進(jìn)入【效果>風(fēng)格化>投影】，投影的參數(shù)設(shè)置如下。投影設(shè)置好后，我們可以隱隱看到了淡淡的投影。但這并沒有結(jié)束，接下，我們將這個(gè)應(yīng)用了投影的對(duì)象進(jìn)行擴(kuò)展外觀，并取消編組，這時(shí)，這個(gè)淡淡的黑色投影將和原有對(duì)象分離為兩個(gè)對(duì)象，而將這個(gè)紅色的文字和之前白色的文字合并為一個(gè)組。這是為了接下嵌入文字的方便。

STEP 17

嵌入文字可以說也是一項(xiàng)很繁瑣的工序，你需要把文字對(duì)象不斷來回拆分重組，利用層次關(guān)系甚至是形狀生成工具進(jìn)行細(xì)微的調(diào)整?？偟膩碚f，你要讓整個(gè)畫面看上去“合理”。文字遮擋的部分隱沒于花束中，空間上的層次要分明。

最終的效果如下：

教程已經(jīng)完成，喜歡這個(gè)矢量花叢教程嗎？同學(xué)們可以自己動(dòng)手練練，也可以在文章底部交作業(yè)哦！
相關(guān)文章推薦《你必須要了解的切圖命名規(guī)則》