標籤:

AI教程--手把手教你繪製矢量花叢文字效果

本期給小夥伴們分享一個關於AI的教程,畫矢量花叢,小夥伴們不會的可以來學學哦

STEP 01

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

STEP 02

接下讓我們安排橙紅色的花朵,將粉色的兩朵花朵進行複製並更改其配色,就能獲得新的花朵素材。

STEP 03

再來增加不同的花朵造型,上兩步是花朵的正面,現在來繪製花朵的側面造型。側面造型的填色為橙紅色與黃色。在屬於花朵「背面」的部分填色要深一些。這樣就能帶出一定的空間感。填色時注意色彩上的微妙的漸變。

STEP 04

再增加更多造型各異的花朵,以滿足整個花束中對「繁」的要求。而其中造型的線條要顯得既有手繪的隨意感,又不能丟失線條造型上的自信。

STEP 05

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

06

將我們所準備好的素材花朵,一朵一朵進行布局的安排。目的是平衡的填充這塊圓形區域。在這一過程中,大家的心中要有一個所謂的層次觀,也就是對於花朵的空間層次要有非常清晰的規劃,而這兩個圓在層次空間一個位於最上層,一個位於最下層。這樣就能更好的強調出空間關係。

花朵未必一定要收攏在圓形之內,也可以部分探出區域外,顯得更為自然。

STEP 07

紅花還需綠葉配,我們準備素材時並沒有準備葉子,這是為了在安排完花朵的位置後,再根據實際的情況來繪製葉片。葉片的繪製圍繞每一朵花為重點,這樣安排出的層次關係就更加清晰。

同樣是利用鉛筆工具來繪製葉片,讓每一片葉子外觀都能與根據花朵以及花朵與花朵之間的位置形成一種視覺上的平衡關係,這是提前無法安排的。

葉片的色彩填充為藍綠色,藍綠色的色彩應該呈現出深深淺淺不同的表現,這樣顯得色調上更為飽滿。

STEP 08

除了花葉較為集中的部分,我們另外還安排了一些藤蔓型的植物,這些「藤蔓」是成就文字「嵌入」花叢中的關鍵細節。繪製藤蔓可以利用鋼筆工具,當然鉛筆工具也能做出非常流暢的線條。藤蔓的色彩稍淺,在視覺上更往前靠近,而在這個階段暫時可以不用去安排藤蔓的空間層次,等待加入文字後,再細細做出調整。

STEP 09

花束的布局中比較集中的部分我們已經完成了,當然這並不是全部,要讓花束看起來更為燦爛,還需要一些「外圍」細節。這也是增加一個圖案吸引力的方法。

讓我們利用符號工具來繪製第一個外圍細節——散落的藍色小花。先利用鉛筆工具繪製出一朵淺藍色的花朵,這是一個非常簡單的造型。將這個圖案拖入到「符號」面板中,將彈出一個新增符號的參數選項框,設置好相應的參數,點擊確定後,就可以利用工具欄中的「符號噴槍工具」在相應的位置進行「塗抹」繪製。可以看到符號噴槍工具下方的一系列「移位」「縮放」「旋轉」等工具都能群體操作這一組所繪製的符號,要讓最終效果表現自然,你不能讓這些花朵都呈現出完全相似的樣子。

STEP 10

利用同樣的方式,我們繼續創建新的符號,用符號噴槍工具完成其他的周邊細節的繪製。完成繪製後的符號可以進行擴展,擴展成為路徑後,還能進行大小位置的修改,這個過程是非常靈活自由的。

營造這種小細節雲集起來的感染力量,符號噴槍工具是最方便快捷的。

STEP 11

接下,我們繼續添加綠葉和花瓣,但這裡的綠葉和花瓣將是以「飄散」的方式圍繞整個花束。因此,這裡在繪製這些綠葉的時候,比起一片片進行繪製來說,更快捷的方式是利用藝術畫筆工具。

最開始就像準備符號一樣,讓我們用鉛筆工具畫出葉片和花瓣。然後將其分別拖入到畫筆面板中,彈出創建畫筆類型選擇為「藝術畫筆」,對藝術畫筆的選項參數進行設置,需要注意的是寬度可以選擇「壓力」,最小值和最大值都進行調整,並點擊確定。

STEP 12

設置好藝術畫筆後,就可以選用花瓣的畫筆繪製出散落的花瓣。每一筆就能畫出一片花瓣,而花瓣的形狀外形將根據你的畫筆走勢來表現。

STEP 13

散落的葉片要比圍繞花朵的葉片要小一些,而也呈現「飄散」的動態美感。選中準備好的葉片的畫筆,繼續繪製出葉片的造型。

這些用藝術畫筆創作的圖案也要進行「擴展」,擴展成為路徑後可以再繼續調整它們的位置大小關係。

嵌入文字要讓文字呈現出一種嵌入的效果,就像剛剛我們所講到的,關鍵點在於藤蔓的細節。

STEP 14

先用文字工具寫出「born as flowers」的文字,排列成為三行,並居中顯示。字體我運用的Lobster,連體字形更能很好的和藤蔓的外形關係結合起來。

STEP 15

選中文字進行「創建輪廓」,將創建的文字輪廓再複製一次,粘貼於原有文字的下方,將下方的文字填充為熱情的紅色。然後利用鍵盤的方向箭頭,對其進行向右方和下方移動3個像素,這樣就能凸顯出文字的深度。

STEP 16

再增加文字的陰影,選中紅色的文字那個路徑對象,進入【效果>風格化>投影】,投影的參數設置如下。投影設置好後,我們可以隱隱看到了淡淡的投影。但這並沒有結束,接下來,我們將這個應用了投影的對象進行擴展外觀,並取消編組,這時,這個淡淡的黑色投影將和原有對象分離為兩個對象,而將這個紅色的文字和之前白色的文字合併為一個組。這是為了接下嵌入文字的方便。

STEP 17

嵌入文字可以說也是一項很繁瑣的工序,你需要把文字對象不斷來回拆分重組,利用層次關係甚至是形狀生成工具進行細微的調整。總的來說,你要讓整個畫面看上去「合理」。文字遮擋的部分隱沒於花束中,空間上的層次要分明。

最終的效果如下:

推薦閱讀:

~設計練習過去作品~2017.11.12~11.18份
平面設計基礎之構圖大法。
設計LOGO的時候沒靈感怎麼辦?
良好用戶體驗的動效設計六準則
獨家教程| 概念類設計中如何通過Ps渲染氛圍

TAG:平面設計 |