[Ae 內建效果預覽] 文字特效 - Fill and Stroke|文字變色動畫

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

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


應注意事項

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

[Ae 內建效果預覽] 文字特效 - Fill and Stroke

[Ae 內建效果預覽] 文字特效 - Fill and Stroke

*Animation Presets > Text > Fill and Stroke

Fill and Stroke

控制文字的填充和筆畫的動態變化。

推薦效果

👍 Chasing Strokes (本篇 01.)
👍 Fill Color Wipe (本篇 02.)
👍 Pulsing Strokes 2 (本篇 10.)




快速查詢


效果總覽圖

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

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

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




全效果簡易說明

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

raw-image


01. Chasing Strokes

文字筆畫產生動態的追逐效果,類似光線沿著字體移動。

02. Fill Color Wipe

填充從文字的一側逐漸掃過,填滿文字。可拿來做 KTV 字幕效果。






raw-image


03. Flicker Color

文字顏色以隨機頻率閃爍,呈現跳動感。用於製作節奏感強的文字動畫,適合派對或音樂主題。

04. Flicker Color - Scale

文字顏色閃爍的同時,大小也隨之改變





raw-image


05. Flicker Green

文字閃爍綠色光芒。

06. Inflammation

掃過文字的效果,伴隨著顏色變化。







raw-image


07. Pulse Blue

文字在藍色調下脈衝般地閃爍,帶有律動感。適合科技感、冷色系主題的動畫效果。

08. Pulse Orange

橘色調閃爍






raw-image


09. Pulsing Strokes

文字筆畫寬度隨時間脈衝擴大或縮小。突顯文字輪廓,增強視覺動態。

10. Pulsing Strokes 2

類似於 Pulsing Strokes,但變化更加柔和。






raw-image


11. Rotate Hue

文字整體呈現色相變化。營造彩虹或持續變色的炫目效果。

12. Sliding Color Flicker

文字顏色在滑動的同時隨機閃爍,具有動態和隨機特性。






raw-image


13. Stroke Ease Down

文字筆畫寬度隨著下墜動畫逐漸變小

14. Wiggly Stroke Width

文字筆畫寬度隨時間不規則地抖動,增加動態感。






raw-image


15. Wiggly Stroke Width By Line

筆畫寬度抖動效果應用在文字的每一行上。









文字預設特效文章傳送門 (於 01/23~02/06 陸續更新)
🔗 文字預設特效總覽篇
🔗 3D Text 🔗Animate In 🔗Animate Out
🔗 Blurs 🔗 Curves and Spins 🔗 Expressions
🔗 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 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果。 Expressions 主要是旋轉、曲線運動和動態變化。
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果。 Curves and Spins 主要是旋轉、曲線運動和動態變化。
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果。 Blurs 讓文字在進場、停留或退出時呈現動態的模糊效果。
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果。 Animate Out 是預設的文字出場(離開)效果。
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 其中的 Animate In 是讓文字以各種動畫方式進場。可用來製作標題或字幕進場的動畫。
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 其中 3D Text 是模擬 3D 字體的外觀或動態表現,不是真 3D 但可以表現出類似的立體視覺效果。
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果。 Expressions 主要是旋轉、曲線運動和動態變化。
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果。 Curves and Spins 主要是旋轉、曲線運動和動態變化。
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果。 Blurs 讓文字在進場、停留或退出時呈現動態的模糊效果。
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果。 Animate Out 是預設的文字出場(離開)效果。
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 其中的 Animate In 是讓文字以各種動畫方式進場。可用來製作標題或字幕進場的動畫。
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 其中 3D Text 是模擬 3D 字體的外觀或動態表現,不是真 3D 但可以表現出類似的立體視覺效果。
你可能也想看
Google News 追蹤
Thumbnail
/ 大家現在出門買東西還會帶錢包嗎 鴨鴨發現自己好像快一個禮拜沒帶錢包出門 還是可以天天買滿買好回家(? 因此為了記錄手機消費跟各種紅利優惠 鴨鴨都會特別注意銀行的App好不好用! 像是介面設計就是會很在意的地方 很多銀行通常會為了要滿足不同客群 會推出很多App讓使用者下載 每次
Thumbnail
在這一章中,我們介紹了 CSS 的過渡效果和動畫效果。過渡效果使 CSS 屬性的變化更加平滑,而動畫效果則允許我們更精細地控制元素的多個屬性隨時間變化的過程。我們通過基本語法和示例展示了如何使用這些效果,並提供了一個綜合應用的實踐案例來幫助理解。這些技術可以讓你的網頁更具互動性和動態效果。
Thumbnail
本章介紹了 CSS 中的顏色和背景屬性,包括文本顏色的設置方法、背景顏色和背景圖片的應用、背景重複和位置的配置,以及線性漸變和徑向漸變的使用。這些知識將幫助你更靈活地設計和美化網頁。
Thumbnail
介紹Unreal Sequencer鏡頭工具,CG動畫的學習經驗,並提供相關教程,適合想學習Cinematic Designer的人。
Thumbnail
設計海報文宣或編輯影片時,想要添加一句醒目的特效文字,TextStudio 是一款功能強大的線上特效文字產生器,提供大量 3D 文字樣式和自定義編輯器,讓使用者創建獨特的文字圖片。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
手把手帶你做風格海報! 一起來看看本次海報使用到的重點效果,大家可以跟著試試看! 本次使用素材: 點我下載素材一 點我下載素材二 (1) 製作背景 開啟新檔,畫布尺寸為 1080x1920 px。 並將素材一置入畫面後,使用選取工具將空白處選取1,直接點選生成填色2,並選擇合適的結果。
Thumbnail
本次要來分享在Photoshop 新增的Ai功能,2023年強勢推出的「生成填色」,不只可以幫你的圖片無限延伸,還能自動生成素材,快速便利又好上手!
Thumbnail
/ 大家現在出門買東西還會帶錢包嗎 鴨鴨發現自己好像快一個禮拜沒帶錢包出門 還是可以天天買滿買好回家(? 因此為了記錄手機消費跟各種紅利優惠 鴨鴨都會特別注意銀行的App好不好用! 像是介面設計就是會很在意的地方 很多銀行通常會為了要滿足不同客群 會推出很多App讓使用者下載 每次
Thumbnail
在這一章中,我們介紹了 CSS 的過渡效果和動畫效果。過渡效果使 CSS 屬性的變化更加平滑,而動畫效果則允許我們更精細地控制元素的多個屬性隨時間變化的過程。我們通過基本語法和示例展示了如何使用這些效果,並提供了一個綜合應用的實踐案例來幫助理解。這些技術可以讓你的網頁更具互動性和動態效果。
Thumbnail
本章介紹了 CSS 中的顏色和背景屬性,包括文本顏色的設置方法、背景顏色和背景圖片的應用、背景重複和位置的配置,以及線性漸變和徑向漸變的使用。這些知識將幫助你更靈活地設計和美化網頁。
Thumbnail
介紹Unreal Sequencer鏡頭工具,CG動畫的學習經驗,並提供相關教程,適合想學習Cinematic Designer的人。
Thumbnail
設計海報文宣或編輯影片時,想要添加一句醒目的特效文字,TextStudio 是一款功能強大的線上特效文字產生器,提供大量 3D 文字樣式和自定義編輯器,讓使用者創建獨特的文字圖片。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
手把手帶你做風格海報! 一起來看看本次海報使用到的重點效果,大家可以跟著試試看! 本次使用素材: 點我下載素材一 點我下載素材二 (1) 製作背景 開啟新檔,畫布尺寸為 1080x1920 px。 並將素材一置入畫面後,使用選取工具將空白處選取1,直接點選生成填色2,並選擇合適的結果。
Thumbnail
本次要來分享在Photoshop 新增的Ai功能,2023年強勢推出的「生成填色」,不只可以幫你的圖片無限延伸,還能自動生成素材,快速便利又好上手!