illustrator 3D文字

【illustrator CC】 如何做出3D文字效果,讓文字設計出現立體等距線條

想要讓文字變化看起來更立體有型嗎?當文字是設計稿的重點時,如何改變外觀讓視覺上出現等距的線條變化,我在網路上看到,今天我們就來看看如何使用簡單幾個步驟,讓文字達到這個效果。

附上實作影片及步驟解說,那就開始囉↓

實作影片

Step1:建立文字

將要製作的文字內容、字型與大小設定

illustrator 3D文字
illustrator 3D文字

Step2:選取文字,將文字旋轉角度

這邊我們可以先思考一下完成稿要呈現的樣子,再來將文字調整成需要的方向

路徑:效果>3D>旋轉

在這個步驟中我想要將這組字呈現的樣子為上方平面,所以這邊選擇「上方等角

illustrator 3D 旋轉

選取第二組字,設定為右側等角

illustrator 3D 旋轉

接著第三組字,我們改成左側等角

illustrator 3D 旋轉

Step3:調整排列位置

旋轉設定完後,在調整文字的排列位置

illustrator 3D 文字

Step4:設定外框線

 這邊設定框線,是因為後續要設定變形

illustrator 3D

Step5:設定變形

接著我們要在這個步驟做出等距的線段及高度

路徑:效果>扭曲與變形>變形

illustrator 3D 變形

由於每一個文字的變形方向都不同,所以我們要分別設定,如下:

illustrator 3D 變形
illustrator 3D 變形
illustrator 3D 變形

Tip:調整變形

如果說你設定好效果內容後,但想要再次調整,你可以點到「外觀」重新設定,點下你要調整的效果就會跳出設定選項。

外觀路徑:視窗>外觀

illustrator 外觀調整
illustrator 外觀調整

到這邊3D立體文字就製作完成了,接著我們來美化一下。

Step6:建立文字外框

如果你的文字顏色想要設定成漸層色,那就要將文字建立外框,如果只是單純上色,就可以不用建外框

illustrator 3D文字
illustrator 3D文字

Step7:設定漸層色

建立外框後,就可以按下漸層色,設定所需要的顏色,在調整漸層設定至你喜歡的樣式即可。

<如何使用漸層色,點此觀看漸層工具>

illustrator 漸層
illustrator 漸層

設計完成稿

illustrator 3D文字
illustrator 3D文字

是不是很快就可以完成你的3D文字效果,讓設計稿看起來立體具有設計感,還可以再嘗試看看不同的方向變化,來設計屬於自己的圖稿囉。

如果有其他想要了解的或不請處的地方,都可以在下方留言,我們可以互相討論與學習。

11 thoughts on “【illustrator CC】 如何做出3D文字效果,讓文字設計出現立體等距線條”

  1. 哇 很實用!真的很需要這個技巧耶!!!
    謝謝版主還錄製影片教學!!!
    話說版主之後有機會分享indesign的技巧嗎XD

  2. 如果沒看到這篇文
    我可能自己畫老半天才能呈現3D圖樣😂
    感謝版主教學~~ 還有影片可看著學習超貼心!

  3. 教學進步啦 版面也清爽很多 看了很舒服~
    立體和陰影也可以用漸變工具做 或許下一篇能做這個XD

  4. 之前因為想要設計東西,嘗試用了illustrator,但有些效果不知道在哪裡找,感謝有這篇讓我有點方向了!

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *