動態文字排版,其核心是一種將文字賦予生命的藝術(與技術),透過為字母、單詞或短語添加動態效果,以視覺上引人入勝的方式傳達情感、講述故事或傳遞訊息。

最初,文字編輯僅涉及選擇字體、輸入文字,以及調整字體樣式、大小和顏色。但隨著設計工具與概念的不斷進步,基本的文字編輯已演變為文字、設計與動畫的有趣結合。
動態文字排版的典型範例是電影片名以舞動、漂浮或從形狀和圖像中生成的方式呈現,在電影正式開始之前便創造出一種體驗。你可以使用 After Effects 等影片編輯工具來製作此類常見的動態文字排版效果。
本文將介紹如何在 After Effects 中製作動態文字,以及一些可供使用的預設效果,以及可下載這些預設的熱門網站。
本文目錄
動態文字排版範例
從品牌傳播到娛樂與教育,動態文字排版效果為文字訊息的突出呈現開創了一條新路。我們在每天所見的品牌訊息中都能找到這些效果。
以 Apple 為例。
Apple 透過使用動態文字排版,有力地傳達了該公司實現碳中和的意圖。動態文字、色彩搭配以及強而有力的視覺效果,在傳遞旁白訊息的同時,也與品牌形象產生了深刻的共鳴。
漢堡王 同樣清楚地理解動態文字在品牌傳播中的力量。
他們的品牌重塑影片巧妙地運用文字,並以極為流暢的方式帶領觀眾融入其中。動態文字強調了品牌的基本藝術性與創意,同時將這個餐飲品牌呈現為有趣且美味的形象。
如何在 After Effects 中製作你自己的動態文字排版
近期 After Effects 文字動畫的一些趨勢包括:透過細膩的動畫賦予簡潔文字生命、將扭曲文字與視覺效果相結合,以及製作可動畫化並進行操控以傳遞更豐富訊息的 3D 文字。
此外,品牌已開始將動態文字排版與動態圖形相結合,以製作社群媒體品牌內容,尤其是在 Instagram 和 TikTok 上——這一舉措幫助許多品牌在飽和的市場中以其品牌訊息脫穎而出。
這展示了你如何能輕鬆地使用 After Effects 製作自己的動態文字排版。
方法一:基本多重標題區塊搭配擺動效果
此方法涉及將多個文字圖層一起製作動畫——以建立稱為標題區塊的對比文字區塊——並為其添加擺動效果。
步驟 1: 建立新合成。複製並貼上你的第一個文字元素,並將其設定到初始位置。
步驟 2: 在 文字屬性 下拉選單中,選擇 動畫 > 不透明度。

步驟 3: 在 範圍選擇器 下拉選單中,將 不透明度 降低至 0%。在時間軸上的動畫起始點建立關鍵影格,並將 開始 設定為 0%。

步驟 4: 將第二個文字元素複製並貼上到合成中,並將其設定到初始位置。在第一個圖層上,啟用 旋轉, 位置 以及 縮放 關鍵影格,然後將文字移動到螢幕上的第二個位置。

步驟 5: 選取第二個文字圖層,點擊 動畫 > 字距.

步驟 6: 為字距數值添加關鍵影格;調整這些數值以符合你想要的結果。
步驟 7: 使用 不透明度選項 添加淡入效果。這樣,你的第二個圖層將同時淡入。

步驟 8: 接下來,添加擺動效果。前往 圖層 > 新增 > 空物件.

步驟 9: 使用 鞭形連結器 從你的兩個文字圖層連結到空物件圖層。這樣你便可以透過移動空物件圖層來重新定位文字圖層。

步驟 10: 啟用空物件圖層中的 位置, 縮放 以及 旋轉 選項,並在調整不同設定的同時添加關鍵影格。將空物件圖層移動到新位置。

步驟 11: 複製並貼上你的最終文字圖層。前往 動畫 > 位置.

步驟 12: 使用 範圍選擇器 選單選項中,將文字向下移動至螢幕下方。點擊 動畫 > 不透明度 並調整至符合需求。使用 進階 選單選擇要對字元、單詞還是文字行進行動畫處理。

方法二:動態文字排版欄位動畫
步驟 1: 首先,為你的標題製作動畫。用第一個單詞建立一個文字圖層。點擊 動畫 > 字距。

步驟 2: 根據你的速度,在第一個動畫點添加關鍵影格。沿著時間軸移動並調整字距數值以符合需求。
步驟 3: 選取時間軸文字圖層,前往 編輯 > 分割圖層。 在此,你可以將新的標題圖層更改為第二個單詞。

步驟 4: 選取第二個文字圖層。按下 「U」 鍵以查看你所放置的關鍵影格。將第一個關鍵影格移動到第二個之後,以此方式重新定位關鍵影格,使字距效果反向。
步驟 5: 選取兩個文字圖層並建立複合剪輯;如有必要,修剪合併剪輯的結尾。複製該複合剪輯並定位,使其緊接在第一個剪輯之後播放。

步驟 6: 反轉第二個剪輯,使其持續循環播放。右鍵點擊文字圖層並選擇 時間 > 時間反轉圖層。 這將允許你複製圖層以配合序列的長度。請記住順序——剪輯、反轉剪輯、剪輯、反轉剪輯。

步驟 7: 選取所有圖層並建立單一複合剪輯。你將獲得一個具有完整長度循環動畫的單一圖層。
步驟 8: 若要建立欄位效果,請複製該圖層,並依你所需複製多次。
使用 After Effects 製作文字動畫
Adobe After Effects 是製作動畫(尤其是文字動畫)的首選工具。它擁有豐富的功能,讓你能夠發揮創意,使用不同的技術從頭開始設計動態文字排版。
以下是 After Effects 中一些常見的動態文字動畫,你可以為你的創意專案加以製作和複用。畢竟,選擇越多,越不會出錯!
10 種 After Effects 文字動畫的動態字體效果
-
文字陰影
文字陰影能為您的字體增添層次感與立體感。您可以為陰影製作動畫,使其隨著文字在螢幕上移動而偏移、擴大或縮小。
-
手寫文字
使用 After Effects 製作的手寫字體動畫能模擬手寫文字的效果。它利用筆觸與遮罩圖層創造出獨特的字體風格,非常適合用於說明影片。以下是操作方法。
-
平滑文字
這種 After Effects 字體動畫效果細膩,著重於流暢無縫的動態表現。您只需先新增文字,再自由調整文字設定,例如模糊、旋轉、滑動、滑行、文字顏色等。
-
3D 擠出
3D 字體具有極高的可塑性,可透過新增擠出漸層與斜角來加以修改,使文字更具吸引力並增添更多立體深度。以下是操作方法。
-
在文字中融入形狀
這種 After Effects 字體效果涉及將形狀與文字動畫相結合。在此效果中,字體會緩緩顯現,製造懸念並激發觀眾的期待感。此效果適用於任何字體、顏色或形狀。
-
液態文字
液態文字的流動感為這種 After Effects 字體增添了更多可能性。您可以使用任意字體創造出氣泡效果、波形或任何類似水流的動態效果。請按照本影片中的步驟進行複製。
-
抖動文字
「緊張效果」(俗稱如此)可用於為恐怖電影片段與預告片創造嘻哈風格效果。以下是創作抖動文字的方法。
-
3D 動態效果
透過調整旋轉、圖層吸附及其他效果,將您的 2D 文字轉換為動態 3D 文字。
-
將紋理融入文字
新增紋理、插入字元,並強化一般文字以提升美感魅力。
-
從點到字母的平滑過渡
這種動態字體效果能將點平滑地製作成動畫,創造出動態的文字動畫效果,讓觀眾持續期待下一個出現的內容。使用這種動態字體的影片擁有更高的留存率。以下是操作方法。
Adobe Effects 的動態文字排版預設
雖然從頭開始創作字體動畫效果既有趣又富有創意,但在 After Effects 中使用預設效果會更加便捷,並能簡化您的編輯流程。您可以取得動態字體範本的網站包括 Envato Elements 以及 Motion Array。您可以在 Videohive.
額外收錄:在 Filmora 中製作動態文字排版的更簡單方法
Wondershare Filmora 是一款影片編輯軟體,可讓您創作出令人驚艷的文字動畫。憑藉整合的相片編輯與文字處理工具,Filmora 讓您的文字動畫更加生動活潑、栩栩如生。
- 使用多種預設效果輕鬆為文字製作動畫。
- 匯入並使用獨特字體以實現創意設計。
- 以關鍵幀精確度調整時間與動態效果。
- 將文字動態與影片元素無縫同步。
- 將文字動態與音訊對齊以增強衝擊力。

使用 Filmora 製作動態字體的步驟
步驟 1: 前往 媒體 > 專案媒體 > 樣本顏色 位於工具列上。將任意您喜歡的顏色拖曳至時間軸。

步驟 2: 前往 標題 標籤頁。拖曳一個 基本標題 範本,並將其放置於時間軸上樣本顏色片段的上方。

步驟 3: 在時間軸上右鍵點擊標題片段,然後選擇 編輯屬性 從選項清單中選取。點擊 進階。在此,您可以根據需要變更字體類型與大小。

步驟 4: 在時間軸上,從第二個圖層開始,將每個文字圖層在前一個圖層的基礎上向後移動 5 個影格。這樣每個文字就會在前一個文字出現幾毫秒後顯示。點擊 Ok.

步驟 5: 匯出時間軸並將您的文字動畫儲存為新片段。然後從時間軸中刪除所有片段,並匯入您剛才匯出的文字影片。將其拖曳至時間軸。
步驟 6: 在時間軸上右鍵點擊片段,然後選擇 編輯屬性.
步驟 7: 點擊 動畫 > 自訂 位於工具列上。調整 縮放 設定至 120%。

步驟 8: 將播放頭移至時間軸上片段的末端。重設 縮放 並點擊 確定。

結論
動態字體是調整影片的一種有趣且富有創意的方式。請按照本文中提供的步驟,使用 After Effects 製作動態文字。同時,也可從任一推薦網站免費探索一些字體動畫 After Effects 範本。或者更好的選擇是,在 Filmora 上享受流暢的編輯流程與內建範本。
