當前位置:首頁 >教程首頁 > illustrator >【AI製作立體字教程】教你如何打造炫酷立體字!

【AI製作立體字教程】教你如何打造炫酷立體字!

發布時間:2019-03-05 10:31:08

許多同學會在網站看到很多酷炫的立體字體設計,如下:(圖片來自於dribbble)酷炫屌炸天有木有?同學們一定認為需要掌握3D軟件才能實現吧,其實不然!接下來老師給大家帶來一篇AI製作立體字教程,手把手教你如何打造炫酷立體字!

1-1.webp.jpg

1-2.webp.jpg

以下是我們今天要帶練的案例效果:

3.webp.jpg

Step01:打開AI軟件,新建畫布後我們選擇字符麵板,這裏老師用的是我的姓名。同學們在製作的時候也可以用你的花名或者都可以。

下麵這個圖

它像那個麵

又細它又長

↓↓↓

4.png

選用一款你需要製作3D效果的字體,這裏所選用的字體是“思源黑體”、Bold

5.webp.jpg

字體太多,隻展示部分

Step02:根據實際情況將文字放到合適大小,因為案例中文字有斷麵的效果這裏實際上是在做三維效果前給文字做的斷麵。那麼字體要斷麵就需要將字體由文本轉為形狀:文字——創建輪廓

6.webp.jpg

要分割我們需要畫一根直線,直線粗細在屬性麵板修改。(根據實際情況修改直線粗細)

7-1.webp.jpg

7-2.webp.jpg

Step03:我們還需要將直線轉為麵,選擇這條直線,對象——創建輪廓,如下:

8.webp.jpg

Step04:將擴展後的直線減去下方的wang,這裏我們要用到“路經查找器”

窗口——路經查找器——分割

9.webp.jpg

分割後,雙擊進入內容,進入圖層內,將直線麵刪除

10.webp.jpg

這時候我們的準備工作基本就做好了,大家可以給你的形狀添加一個顏色了。

Step05: 接下來我們開始製作最為重要的一個步驟,添加立體效果。  

效果——3D——凸出與斜角

11-1.webp.jpg

11-2.webp.jpg

界麵會彈出此框,大家需要注意一下幾個位置

12.webp.jpg

字體角度參數如上:這些角度都將影響文字立體效果的呈現,大家可以隨意調動不同的參數來看看立體字體呈現的效果。

各位小夥伴們需要注意:

1、參數下方有一個“凸出厚度”,點擊會有參數的調整,此數據將影響字體厚度的變化

2、左下的預覽需要勾選才能顯示出參數的效果

13.webp.jpg

Step06: 立體字體就做好了,我們給自己做一些字體變化吧。

由於最終效果字體是有明暗關係,這時候我們需要將文字進行擴展後並取消編組知道我們可以單獨選擇每一個單獨的麵體為止。如下:

對象——擴展外觀

14.webp.jpg

選擇擴展後的字體——鼠標右鍵——取消編組,在單獨選擇每一個字母再次取消編組

15.webp.jpg

16.webp.jpg

Step07: 最後給每個字體添加不同的顏色色塊,描邊、適當的裝飾元素。

17.webp.jpg

好的大家可以開啟外掛模式,開始打造專屬你自己的立體字體了。比心

原創: 山泊兄  

來源:UI設計師之家

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答

微信掃碼入群領福利

掃碼領福利最新AI資訊

點擊谘詢
添加老師微信,馬上領取免費課程資源

1. 打開微信掃一掃,掃描左側二維碼

2. 添加老師微信,馬上領取免費課程資源

×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定