萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Adobe Illustrator教程 >> Illustrator三維字體組合特效實例教程

Illustrator三維字體組合特效實例教程

   在這個教程中我將指導大家用Illustrator軟件通過構建網格來創建矢量三維立體字作品。

  從本例中大家可以學習到如何在IIlustrator中利用色彩和光影來創建一個三維建築字體效果。一旦掌握了這個技術的基本方法,我們就可以用它來繪制更復雜的類似圖案。

  完成效果如下。

Illustrator三維字體組合特效實例教程  三聯

  01 先把自己的想法勾勒在紙上,這樣有助於更好的在軟件裡完成你想要的效果。這篇教程我只講一個字體的制作方法,大家融會貫通很容易就能做出其他更復雜的效果來。

Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網

  02 有許多方法可以制作等距網格線。但對我來說,這是最簡單的方法:首先,在Illustrator中使用直線工具,畫一條水平線貫穿頁面並復制幾次,直到你有足夠數目的線條。現在選擇全部,雙擊工具面板的剪切圖標。輸入角度30,點擊垂直軸。

Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網

  03 在上方復制並粘貼(Ctrl / Cmd + F),選擇反射工具。按住Shift,然後使用鼠標翻轉剪切線。

Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網

  04 現在畫一套垂直線使線條交叉,直到你得到上圖所示的效果。擁有了自己的網格線之後,選擇全部,轉換所有的線條(Ctrl / Cmd + 5)來創建完成網格。

Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網
Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網

  05 如果你沒有准備好,就關閉智能向導(Ctrl / Cmd+ U),按(Ctrl / Cmd +Alt +”)能幫助你得到精確的定位。為了創建這些字母,我們將沿著30度的線條建立一系列的立方體。分別畫立方體的每一邊,不需要填充。

Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網

  06 畫完每條邊之後,把它們組合在一起來建立你的第一個立方體。確保你有隱藏的面,也許你想要稍後使用它們,這取決於你想要字體效果。在這一點上,就需要添加一些基本的材質來定義一種光源。我選擇來自左邊底部的光源,因此我的上方是暗的,右邊是漸變,左邊最淺。

Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網

  07 通過復制立方體來創建你的第一個字母。在這裡智能向導都能派上用場。

Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網

  08 創建完字母的形狀之後,開始添加一些顏色。我們並不是要在這裡尋找完美的真實效果,你可以為了美學效果打破常規。例如,我對每個立方體添加了一個中等深淺顏色到淡的漸變效果。

Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網

  09 現在,使字體有更多的建築感。先移除前面的一些面,顯示後面的部分。這些背面的顏色要稍暗些來顯示更強的縱深感。你也可以添加一個藍色的漸變,嘗試使用不同的透明度來創建窗口,在底部添加一個綠色的漸變來創建草坪區域。任意嘗試不同的顏色和紋理來創建土壤、路面、攤鋪以及其他你想到的元素。

Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網

  10 在完成你的基礎字母之後,沿著30度的網格線畫一些陰影來顯示高度。繪制陰影時最好使用一個帶顏色的灰度色到透明的漸變而不是簡單的灰色到透明的漸變。你將會獲得一個更自然的效果,在接下來的步驟添加背景顏色是沒有任何問題了。要記得陰影不是黑色的,如果有陰影投射到草坪,它應該是深綠色到白而不是黑到白。

Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網

  11 現在我們需要添加另一個元素。在這種情況下,因為我們創建的是建築物,就有必要在場景裡添加人。畫一些粗糙的輪廓,匹配陰影,參照30度網格線來畫。

Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網

  12 之後把人物添加到你的場景中。再一次,確保你的影子顏色與之匹配。

Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網

  13 用同樣的方法畫另一個字母。

Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網

  14 畫出所有的字體之後將他們擺放整齊。添加一些光源來增添氣氛。

Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網

  15 按照自己的喜歡擺放字母位置。最後對背景添加一個淡淡的米黃色漸變。完成。

Illustrator繪制矢量三維字體組合特效,PS教程,思緣教程網
copyright © 萬盛學電腦網 all rights reserved