• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 Illustrator教學】Illustrator繪製矢量風格的花叢文字效果




    Illustrator繪製矢量風格的花叢文字效果

    這一次的教學是屬於矢量教程領域中的Illustrator教程的相關教學。

    文章出處是來自優設的矢量教程類文章,寫教學的作者是優設基礎訓練營,感謝優設基礎訓練營提供Illustrator教程的實作教學。

    教學大綱:

    通過閱讀這篇文章,你將學會矢量圖形的繪製技巧、繁花圖案的構圖布局、利用符號噴槍工具繪製多點圖案、利用層次關係以及形狀生成工具鑲嵌文字到花叢的技巧等等,教程不難,適合新手練習。


    Illustrator教程教學開始

    通過閱讀這篇文章,你將學會矢量圖形的繪製技巧、繁花圖案的構圖布局、利用符號噴槍工具繪製多點圖案、利用層次關係以及形狀生成工具鑲嵌文字到花叢的技巧等等,教程不難,適合新手練習。

    先看看效果圖

    Illustrator繪製矢量風格的花叢文字效果

    繪製預備素材

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

    STEP 01

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

    Illustrator繪製矢量風格的花叢文字效果

    STEP 02

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

    Illustrator繪製矢量風格的花叢文字效果

    STEP 03

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

    Illustrator繪製矢量風格的花叢文字效果

    STEP 04

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

    Illustrator繪製矢量風格的花叢文字效果

    為花葉造型

    STEP 05

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

    Illustrator繪製矢量風格的花叢文字效果

    STEP 06

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

    Illustrator繪製矢量風格的花叢文字效果

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

    STEP 07

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

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

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

    Illustrator繪製矢量風格的花叢文字效果

    STEP 08

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

    Illustrator繪製矢量風格的花叢文字效果

    STEP 09

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

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

    Illustrator繪製矢量風格的花叢文字效果

    STEP 10

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

    Illustrator繪製矢量風格的花叢文字效果

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

    STEP 11

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

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

    Illustrator繪製矢量風格的花叢文字效果

    STEP 12

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

    Illustrator繪製矢量風格的花叢文字效果

    STEP 13

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

    Illustrator繪製矢量風格的花叢文字效果

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

    嵌入文字

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

    STEP 14

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

    Illustrator繪製矢量風格的花叢文字效果

    STEP 15

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

    Illustrator繪製矢量風格的花叢文字效果

    STEP 16

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

    Illustrator繪製矢量風格的花叢文字效果

    STEP 17

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

    最終的效果如下:

    Illustrator繪製矢量風格的花叢文字效果

    原文地址:點擊進入

    — —

    文章永久連結為: Illustrator繪製矢量風格的花叢文字效果