當前位置:
首頁 > 最新 > AI教程!教你繪製矢量花叢文字

AI教程!教你繪製矢量花叢文字

Qzone

微信

AI教程!教你繪製矢量花叢文字

優秀網頁設計 2018-01-29 19:33:08

你將學到什麼?

春夏之交,繁花盛放,在所有以自然作為主題的設計中,都少不了植物繁花的影子。但是,繁花的特點並不在花,而在於一個「繁」字,簡單說,就是瑣碎。很多人喜歡去素材網上loaddown些花朵矢量素材,但實話說,它們都是如此美好以至於湊合起來也頗具難度。最後,當我們經歷過了最初最痛苦的尋找素材以求速成法寶的階段後,終於知道:原來只有自己創造,才是最簡單最快捷的。

言歸正傳,我們今天就要來繪製一團矢量花束,當然了,花束並不是焦點,而是襯托文字而存在。就像我特別愛叨叨的:只有動手才有出路。任何圖案在你沒有動手完成前,都沒有獲得評價其難以與否的權力。


通過閱讀這篇文章,你將要學會什麼呢?

1、矢量圖形的繪製技巧

2、有關的對繁花圖案的構圖布局

3、利用符號噴槍工具繪製多點圖案、利用藝術畫筆工具製作個性的畫筆

4、利用層次關係以及形狀生成工具鑲嵌文字「入」花叢


繪製預備素材

大家知道,繪製一朵花,工序很簡單,當我們想要創造一大片花叢的時候,記住,都是從一朵花開始的。因此首先將每一朵花都準備好,這一過程,我們叫做預備素材。

STEP 01

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

STEP 02

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

STEP 03

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

STEP 04

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


為花葉造型

STEP 05

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

STEP 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

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

最終的效果如下:


智商以外的世界

智商以外的世界很大,設計師的自由面發揮的海洋。最後的叨叨叨濃縮成一句簡單的話:未來是笨鳥闖天下。


結語

本期教程到這裡就結束了,希望大家在練習過程中多思考、理解製作思路和操作方法,活學活用。

------

教程作者:飛屋睿

商業轉載請聯繫作者獲得授權,非商業轉載請註明出處!

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 優秀網頁設計 的精彩文章:

C4D電腦渣帶不起?那可以拿這個效果給甲方看看…
版式設計交稿前,應做哪些基礎的錯誤排查?

TAG:優秀網頁設計 |