[Ae 內建效果預覽] 文字特效 - 3D Text|一步做出遠到近的文字動畫

更新於 發佈於 閱讀時間約 12 分鐘

文字預設特效文章傳送門 (於 01/23~02/06 陸續更新)
🔗 文字預設特效總覽篇
🔗Animate In 🔗Animate Out 🔗 Blurs
🔗 Curves and Spins 🔗 Expressions
🔗 Fill and Stroke 🔗 Graphical
🔗 Lights and Optical 🔗 Mechanical
🔗 Miscellaneous 🔗 Multi-Line
🔗 Organic 🔗 Paths 🔗 Rotation
🔗 Scale 🔗 Tracking


應注意事項

  • 使用時,預設動畫開始的關鍵幀為當前時間,套用後可再自行調整需要的動畫節奏。
  • ➡️ Characters(字元) ➡️ Lines(行) ➡️ Words(單詞)
    更多說明請參考 🔗 文字預設特效總覽篇

[Ae 內建效果預覽] 預設文字特效 - 3D Text

[Ae 內建效果預覽] 預設文字特效 - 3D Text

*Animation Presets > Text > 3D Text

3D Text

模擬 3D 字體的外觀或動態表現,不是真 3D 但可以表現出類似的立體視覺效果。

推薦效果

👍3D Basic Rotate Y Cascade (本篇 04.)
👍3D Lines Zoom In (本篇 17.)
👍3D Resolve Position (本篇 20.)
👍3D Scramble in Position Z (本篇 26.)





快速查詢

提供 2 種查詢方式。

  1. 效果總覽圖 (大量但直觀,適合還沒有確定要哪種文字效果的人)
  2. 類型分類 (全部效果依照特色類型分類,例如:想找亂碼效果,就可以找到所有會出現亂碼的效果)


效果總覽圖

點擊下方圖片,找到想要的效果。如想知道簡易說明,可利用"目錄"找到相對應的名稱,點選即可跳至說明。

[Ae 內建效果預覽] 3D Text - 效果總覽 (點擊圖片可放大查看)

[Ae 內建效果預覽] 3D Text - 效果總覽 (點擊圖片可放大查看)


類型分類

  • 簡單移入
    01. 3D Basic Position Z Cascade
    02. 3D Basic Position Z Typeon
    06. 3D Fall Back Scale & Skew
    15. 3D Fly Down Behind Camera
    17. 3D Lines Zoom In
    23. 3D Rotate in by Character X
類型 - 【簡單移入】效果預覽

類型 - 【簡單移入】效果預覽


  • 旋轉移入(類似翻開):
    03. 3D Basic Rotate X Cascade
    04. 3D Basic Rotate Y Cascade
    08. 3D Flip In Rotate X
    10. 3D Flip Up Reflection
    11. 3D Flutter In From Left
    14. 3D Fly Down & Unfold
    22. 3D Rotate in by Character
    27. 3D Spiral Down & Unfold
    28. 3D Spiral Down Rotate In by Line
類型 - 【旋轉移入】效果預覽

類型 - 【旋轉移入】效果預覽


  • (順序)隨機移入
    12. 3D Flutter In Random Order
    16. 3D Fly Down Random & Rotate Y
    19. 3D Random Spike Tumble
    20. 3D Resolve Position
類型 - 【(順序)隨機移入】效果預覽

類型 - 【(順序)隨機移入】效果預覽


  • 亂碼/雜訊
    07. 3D Fall Back Scramble & Blur
    26. 3D Scramble in Position Z


  • 顏色變化
    18. 3D Rain Down Words & Colors
    31. 3D Tumble Words Forward
    32. 3D Twist & Color Characters
類型 - 【亂碼/雜訊、顏色變化】效果預覽

類型 - 【亂碼/雜訊、顏色變化】效果預覽


  • 彈跳
    05. 3D Bouncing In Centered


  • 自定義路徑
    21. 3D Rotate around Circle
    30. 3D Swing Around on Path
類型 - 【彈跳、自定義路徑】效果預覽

類型 - 【彈跳、自定義路徑】效果預覽


  • 移出
    09. 3D Flip Out Rotate X
    13. 3D Flutter Out From Right
    24. 3D Rotate out by Character X
    25. 3D Rotate out by World
    29. 3D Spiral Down Rotate Out by Line
類型 - 【移出】效果預覽

類型 - 【移出】效果預覽



全效果簡易說明

以下是 3D Text 的每個效果預覽:
(預覽圖載入較慢,請耐心等候)

raw-image


01. 3D Basic Position Z Cascade

文字按字元從 Z 軸逐漸進入,預設為從上移入。

02. 3D Basic Position Z Typeon

文字按字元從 Z 軸逐漸進入,預設為從下移入。






raw-image

03. 3D Basic Rotate X Cascade

文字沿 X 軸逐字旋轉進場,類似於卡牌翻開的感覺。
【與本篇 10. 3D Flip Up Reflection 類似。】

04. 3D Basic Rotate Y Cascade

文字沿 Y 軸逐字旋轉進場,像橫向翻轉的效果。常用於動態標題或簡介。
【想要類似效果並添加移入的順序隨機性,可參考本篇 16. 3D Fly Down Random & Rotate Y。】





raw-image


05. 3D Bouncing In Centered

文字從 Z 軸遠處彈跳進場,並停留在畫面中心。適用於活潑的動畫風格。

06. 3D Fall Back Scale & Skew

文字以縮放和傾斜的方式向後掉落,營造立體感。適合強調場景轉換或段落結束。






raw-image


07. 3D Fall Back Scramble & Blur

文字掉落時帶有模糊和隨機排列的效果。適合製作神秘或緊張的動畫。

08. 3D Flip In Rotate X

進場動畫。文字沿 X 軸翻轉進場,會用在一些標題動畫上。






raw-image


09. 3D Flip Out Rotate X

離場動畫。文字沿 X 軸翻轉離開畫面。會用在結尾動畫上。

10. 3D Flip Up Reflection

文字翻轉進場帶有反射效果。
【與本篇 03. 3D Basic Rotate X Cascade 類似。】






raw-image


11. 3D Flutter In From Left

文字從左側揮動進場。
【如需增加隨機性,請用本篇 12. 3D Flutter In Random Order 效果。】

12. 3D Flutter In Random Order

加上隨機順序出現,帶有揮動感。
【無需增加隨機性,請用本篇 11. 3D Flutter In From Left 效果。】




raw-image


13. 3D Flutter Out From Right

文字往右側揮動離開畫面。

14. 3D Fly Down & Unfold

文字翻轉飛入,並展開成完整句子。







raw-image


15. 3D Fly Down Behind Camera

文字按字元從 Z 軸逐漸進入。
【與本篇 02. 3D Basic Position Z Typeon 類似。】

16. 3D Fly Down Random & Rotate Y

文字以隨機順序進場,並沿 Y 軸旋轉。






raw-image


17. 3D Lines Zoom In

文字按行以 Z 軸縮放進場,可營造句子層次進入的效果。適合段落進場動畫

18. 3D Rain Down Words & Colors

單字從上方掉落,伴隨顏色變化。






raw-image


19. 3D Random Spike Tumble

文字隨機順序旋轉進入。

20. 3D Resolve Position

文字從分散的狀態聚集成完整句子。適用於強調集合或結合的概念。






raw-image


21. 3D Rotate around Circle

文字沿圓形路徑旋轉,路徑可調整。適合環狀布局的動畫展示。

22. 3D Rotate in by Character

字元逐一旋轉進場。適合標題動畫或字母強調效果。






raw-image


23. 3D Rotate in by Character X

字元沿 X 軸旋轉進場,有種滾筒旋轉的感覺。

24. 3D Rotate out by Character X

字元沿 X 軸旋轉離開畫面,有種滾筒旋轉的感覺。適合結尾文字動畫。






raw-image


25. 3D Rotate out by World

單詞整體沿軸旋轉離開畫面。

26. 3D Scramble in Position Z

文字隨機亂碼進場,逐漸排列成完整句子。適合製作混亂到整齊的動畫效果。






raw-image


27. 3D Spiral Down & Unfold

文字沿螺旋路徑下降並展開。

28. 3D Spiral Down Rotate In by Line

文字按行沿螺旋路徑旋轉進場。







raw-image


29. 3D Spiral Down Rotate Out by Line

文字按行沿螺旋路徑旋轉離開畫面。

30. 3D Swing Around on Path

文字沿自定義路徑擺動進場,可自行調整路徑。







raw-image


31. 3D Tumble Words Forward

單字向前翻滾進場,營造空間運動感。適合俏皮或動感的動畫風格。

32. 3D Twist & Color Characters

字元逐一旋轉並改變顏色,動態層次感強。適合多彩、創意的文字動畫。





文字預設特效文章傳送門 (於 01/23~02/06 陸續更新)
🔗 文字預設特效總覽篇
🔗Animate In 🔗Animate Out 🔗 Blurs
🔗 Curves and Spins 🔗 Expressions
🔗 Fill and Stroke 🔗 Graphical
🔗 Lights and Optical 🔗 Mechanical
🔗 Miscellaneous 🔗 Multi-Line
🔗 Organic 🔗 Paths 🔗 Rotation
🔗 Scale 🔗 Tracking


想看到更多相關文章,可以按個追蹤💡就不會錯過喔!
喜歡這篇文章,可以點❤️分享⤴️收藏📂
也可以到我的 Instagram 看我的其他作品喔!


合作請

私訊 Instagram

或寄信至 x.fei.4044@gmail.com


留言
avatar-img
留言分享你的想法!
avatar-img
🛸 Fei 起來的動態館 🛸
86會員
96內容數
嗨~我是 Fei,動態設計師。 會在這裡放一些跟動態製作(Ae)相關的文章,歡迎來看看喔! - 合作信箱|x.fei.4044@gmail.com
2025/03/06
After Effects 的內建效果種類繁多,讓人有時難以選擇該使用哪個功能或不清楚它們的具體用途。常看到的快速模糊、高斯模糊、徑向模糊、銳化等效果都可以在 Blur & Sharpen 中找到喔!
Thumbnail
2025/03/06
After Effects 的內建效果種類繁多,讓人有時難以選擇該使用哪個功能或不清楚它們的具體用途。常看到的快速模糊、高斯模糊、徑向模糊、銳化等效果都可以在 Blur & Sharpen 中找到喔!
Thumbnail
2025/02/06
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 Tracking 主要用於調整字距動態。
Thumbnail
2025/02/06
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 Tracking 主要用於調整字距動態。
Thumbnail
2025/02/05
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 Scale 製作文字縮放變化。
Thumbnail
2025/02/05
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 Scale 製作文字縮放變化。
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 Tracking 主要用於調整字距動態。
Thumbnail
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 Tracking 主要用於調整字距動態。
Thumbnail
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 Scale 製作文字縮放變化。
Thumbnail
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 Scale 製作文字縮放變化。
Thumbnail
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果。 Graphical 幾何圖案、色彩和動態組合。
Thumbnail
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果。 Graphical 幾何圖案、色彩和動態組合。
Thumbnail
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果。 Fill and Stroke 控制文字的填充和筆畫的動態變化。
Thumbnail
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果。 Fill and Stroke 控制文字的填充和筆畫的動態變化。
Thumbnail
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 其中的 Animate In 是讓文字以各種動畫方式進場。可用來製作標題或字幕進場的動畫。
Thumbnail
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 其中的 Animate In 是讓文字以各種動畫方式進場。可用來製作標題或字幕進場的動畫。
Thumbnail
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 其中 3D Text 是模擬 3D 字體的外觀或動態表現,不是真 3D 但可以表現出類似的立體視覺效果。
Thumbnail
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 其中 3D Text 是模擬 3D 字體的外觀或動態表現,不是真 3D 但可以表現出類似的立體視覺效果。
Thumbnail
在 After Effects 中,Animation Presets 是預設的動畫效果和屬性設定,可以快速應用於文字、圖層或圖形。這些預設讓使用套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 本文將帶大家預覽全部的預設文字動畫。
Thumbnail
在 After Effects 中,Animation Presets 是預設的動畫效果和屬性設定,可以快速應用於文字、圖層或圖形。這些預設讓使用套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 本文將帶大家預覽全部的預設文字動畫。
Thumbnail
STEP1. 點取已經建立外框的文字,執行『效果 > 3D > 突出與斜角』,設定『突出深度:40 pt』,按下確定。點取建立的3D突出與斜角,執行『物件 > 擴充外觀』,將3D突出與斜角效果實體化。 STEP2. 使用魔術棒工具,點取文字正面部分,加上漸層填色,線性淺橘色至橘色。 使用漸層工
Thumbnail
STEP1. 點取已經建立外框的文字,執行『效果 > 3D > 突出與斜角』,設定『突出深度:40 pt』,按下確定。點取建立的3D突出與斜角,執行『物件 > 擴充外觀』,將3D突出與斜角效果實體化。 STEP2. 使用魔術棒工具,點取文字正面部分,加上漸層填色,線性淺橘色至橘色。 使用漸層工
Thumbnail
對於包含了陰影與倒影的文字內容,若要製作字元移動動畫效果時,同樣面臨元件與圖層眾多的問題,因此善用移動補間動畫新增至『自訂移動預設效果』的方式,即可快速套用自訂的動畫效果,迅速完成多元件的文字動畫效果。 目標動畫效果:利用移動補間動畫與移動編輯器,先設定好一個字元的動畫後
Thumbnail
對於包含了陰影與倒影的文字內容,若要製作字元移動動畫效果時,同樣面臨元件與圖層眾多的問題,因此善用移動補間動畫新增至『自訂移動預設效果』的方式,即可快速套用自訂的動畫效果,迅速完成多元件的文字動畫效果。 目標動畫效果:利用移動補間動畫與移動編輯器,先設定好一個字元的動畫後
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News