即時精選

[Ae 內建效果預覽] 文字特效 - Animate Out|亂碼退出、閃爍消失

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

文字預設特效文章傳送門 (於 01/23~02/06 陸續更新)
🔗 文字預設特效總覽篇
🔗 3D Text 🔗Animate In 🔗 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 內建效果預覽] 預設文字特效 - Animate Out

[Ae 內建效果預覽] 預設文字特效 - Animate Out

*Animation Presets > Text > Animate Out

Animate Out

預設的文字出場(離開)效果

推薦效果

👍 Decode Out By Random Character (本篇 02.)
👍 Fade Out Slow (本篇 5.)
👍 Opacity Flicker Out (本篇 6.)
👍 Slide and Pop Out (本篇 11.)





快速查詢

提供 2 種查詢方式。

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


效果總覽圖

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

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

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


類型分類

  • 簡單移出 (上下):
    01. Alternating Characters Out
    11. Slide and Pop Out
    15. Slide Out To Comp Edge


  • 簡單移出 (左右):
    12. Slide Off Right By Character
    13. Slide Off Right By Word
    14. Slide Out By Line
    16. Stretch Out Each Line
    17. Stretch Out Each Word
類型 -【簡單移出(上下、左右)】效果預覽

類型 -【簡單移出(上下、左右)】效果預覽


  • 旋轉移出(類似攪拌):
    18. Twirl Off Each Line
    19. Twirl Off Each Word


  • (順序)隨機移出
    06. Opacity Flicker Out
    08. Random Fly Off
    09. Random Fly Off 2
    10. Random World Fly Off
類型 - 【旋轉移出、(順序)隨機移出】效果預覽

類型 - 【旋轉移出、(順序)隨機移出】效果預覽


  • 亂碼/雜訊
    02. Decode Out By Random Character
    03. Encoder Fade Out
    07. Raining Characters Out


  • 淡出
    04. Fade Out By Character
    05. Fade Out Slow
類型 - 【亂碼/雜訊、淡出】效果預覽

類型 - 【亂碼/雜訊、淡出】效果預覽




全效果簡易說明

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

raw-image


01. Alternating Characters Out

字元交替逐一退出畫面,視覺有點像拉鍊拉開的感覺。

02. Decode Out By Random Character

字元逐一亂碼消失。適用於科技感主題的動畫。






raw-image


03. Encoder Fade Out

字元以不透明度漸淡,同時有亂碼效果。

04. Fade Out By Character

字元逐一淡出,創造流暢的消失效果。







raw-image


05. Fade Out Slow

整體文字以緩慢的速度逐漸淡出。適合柔和或需要較長顯示時間的設計。

06. Opacity Flicker Out

字元在消失前快速閃爍不透明度。增添神秘感的動畫效果。






raw-image


07. Raining Characters Out

字元像雨滴一樣逐一向下掉落消失,落下時帶有亂碼效果。

08. Random Fly Off

字元以隨機順序飛出畫面。






raw-image


09. Random Fly Off 2

強化隨機飛出的效果,帶有更高的速度和動態感。

10. Random World Fly Off

單詞隨機移出畫面。






raw-image


11. Slide and Pop Out

字元滑動並伴隨彈跳效果後消失

12. Slide Off Right By Character

字元逐一向右滑出畫面







raw-image


13. Slide Off Right By Word

單詞逐一向右滑出畫面

14. Slide Out By Line

行滑出畫面。適合段落動畫的離場效果。







raw-image


15. Slide Out To Comp Edge

文字整體滑向合成邊緣,然後消失。

16. Stretch Out Each Line

文字逐漸拉伸,然後消失。







raw-image


17. Stretch Out Each Word

單字逐一拉伸後消失。

18. Twirl Off Each Line

文字按行旋轉並消失。







raw-image


19. Twirl Off Each Word

單詞逐一旋轉並消失。









文字預設特效文章傳送門 (於 01/23~02/06 陸續更新)
🔗 文字預設特效總覽篇
🔗 3D Text 🔗Animate In 🔗 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


嗨~我是 Fei,動態設計師。 會在這裡放一些跟動態製作(Ae)相關的文章,歡迎來看看喔! - 合作信箱|x.fei.4044@gmail.com
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 其中的 Animate In 是讓文字以各種動畫方式進場。可用來製作標題或字幕進場的動畫。
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 其中 3D Text 是模擬 3D 字體的外觀或動態表現,不是真 3D 但可以表現出類似的立體視覺效果。
在 After Effects 中,Animation Presets 是預設的動畫效果和屬性設定,可以快速應用於文字、圖層或圖形。這些預設讓使用套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 本文將帶大家預覽全部的預設文字動畫。
After Effects 的內建效果種類繁多,讓人有時難以選擇該使用哪個功能或不清楚它們的具體用途。常看到的發光、暗角、連續背景等效果都可以在 Stylize 中找到喔!
After Effects 的內建效果種類繁多,讓人有時難以選擇該使用哪個功能或不清楚它們的具體用途。常看到的彎曲、變形、透視等效果都可以在 Distort 中找到喔!
Ae 的內建效果種類繁多,讓人有時難以選擇該使用哪個功能或不清楚它們的具體用途。常看到的音頻聲譜、反光、填色、漸變等效果都可以在 Generate 中找到喔!
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 其中的 Animate In 是讓文字以各種動畫方式進場。可用來製作標題或字幕進場的動畫。
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 其中 3D Text 是模擬 3D 字體的外觀或動態表現,不是真 3D 但可以表現出類似的立體視覺效果。
在 After Effects 中,Animation Presets 是預設的動畫效果和屬性設定,可以快速應用於文字、圖層或圖形。這些預設讓使用套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 本文將帶大家預覽全部的預設文字動畫。
After Effects 的內建效果種類繁多,讓人有時難以選擇該使用哪個功能或不清楚它們的具體用途。常看到的發光、暗角、連續背景等效果都可以在 Stylize 中找到喔!
After Effects 的內建效果種類繁多,讓人有時難以選擇該使用哪個功能或不清楚它們的具體用途。常看到的彎曲、變形、透視等效果都可以在 Distort 中找到喔!
Ae 的內建效果種類繁多,讓人有時難以選擇該使用哪個功能或不清楚它們的具體用途。常看到的音頻聲譜、反光、填色、漸變等效果都可以在 Generate 中找到喔!
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
在這一章中,我們介紹了 CSS 的過渡效果和動畫效果。過渡效果使 CSS 屬性的變化更加平滑,而動畫效果則允許我們更精細地控制元素的多個屬性隨時間變化的過程。我們通過基本語法和示例展示了如何使用這些效果,並提供了一個綜合應用的實踐案例來幫助理解。這些技術可以讓你的網頁更具互動性和動態效果。
Thumbnail
Ae 小技巧:Mask path 轉成形狀路徑 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
設計海報文宣或編輯影片時,想要添加一句醒目的特效文字,TextStudio 是一款功能強大的線上特效文字產生器,提供大量 3D 文字樣式和自定義編輯器,讓使用者創建獨特的文字圖片。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Echo 殘影 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Orbit 環繞效果 + 物件面對鏡頭 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Null Object 控制物體旋轉 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
在這一章中,我們介紹了 CSS 的過渡效果和動畫效果。過渡效果使 CSS 屬性的變化更加平滑,而動畫效果則允許我們更精細地控制元素的多個屬性隨時間變化的過程。我們通過基本語法和示例展示了如何使用這些效果,並提供了一個綜合應用的實踐案例來幫助理解。這些技術可以讓你的網頁更具互動性和動態效果。
Thumbnail
Ae 小技巧:Mask path 轉成形狀路徑 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
設計海報文宣或編輯影片時,想要添加一句醒目的特效文字,TextStudio 是一款功能強大的線上特效文字產生器,提供大量 3D 文字樣式和自定義編輯器,讓使用者創建獨特的文字圖片。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Echo 殘影 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Orbit 環繞效果 + 物件面對鏡頭 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Null Object 控制物體旋轉 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。