Filmora
Filmora - 人工智慧影片剪輯軟體
更快、更智慧、更容易剪輯!
立即打開

沒有什麼比移動的文字更能吸引注意力。在 After Effects 中,您可以按照自己想要的方式建立不同風格的字母動畫。您可以讓每個字母逐一出現、彈跳、淡入淡出,甚至沿著運動路徑移動。

這種靈活性肯定有助於讓您的內容更加突出。您可以在影片片頭、標題序列、品牌宣傳以及任何需要為文字增添活力的地方使用它。讓我們向您展示如何使用不同的可用方法在 After Effects 中製作字母動畫。

text animation effect in after effect

After Effects 文字動畫簡介

After Effects 長期以來一直是動態設計師和編輯人員建立各種動畫(包括詳細的字母動畫)的最愛。

我們將在此討論幾種在 Adobe After Effects 中製作文字效果的方法:

  1. 使用文字動畫製作工具,可讓您控制每個字母的位置、不透明度、縮放和旋轉等屬性。
  2. 使用3D 設定和擠出,透過增加深度、光線和更多維度將文字轉換為 3D。
  3. 使用動畫文字預設表達式,可幫助您更快速地建立動畫,而無需從頭開始建立所有內容。

不過,有一點需要注意的是,儘管 After Effects 提供了很高的控制級別,但在其中建立文字效果一開始可能會讓人有點不知所措。您需要了解每個設定的行為才能獲得想要的結果。

creating text animation

因此,我們試圖以易於理解的方式分解所有內容。對於初學者或尋求效率的人,我們還將介紹Wondershare Filmora,它提供強大但更簡單的文字動畫解決方案。您可以繼續閱讀或隨時跳到該部分。

在 After Effects 中設定專案和基本文字圖層

首先,您需要設定專案並建立第一個文字圖層。這是您在開始動畫部分之前準備所有內容的地方。

步驟 1
建立新合成
開啟 After Effects 並點擊新增合成。設定名稱、解析度、影格速率(建議 30 fps)和持續時間,然後按OK.
make a new composition in ae
確定
步驟 2
新增文字圖層在編輯工作區內,選擇文字工具 (T)
select the text tool
並在預覽視窗中點擊以輸入文字。
步驟 3
自訂文字在右側的字元面板
customize text in character panel

中調整文字的字型、大小和顏色。

方法 1:在 After Effects 中為單個字母製作動畫(逐字母動畫)在 After Effects 中建立字母動畫的第一種方法是使用文字動畫製作工具

  • 功能。此功能圍繞兩個主要部分:動畫製作工具和選取器。動畫製作工具控制什麼
  • 變化,例如位置、縮放、旋轉或不透明度。選取器決定哪些部分的文字受到影響以及.

何時受影響。

text animator settings in ae

注意:

bouncy text animation

您可以堆疊多個動畫製作工具來建立複雜的效果。

重點是為文字設定不同的位置或「狀態」,然後在它們之間製作動畫以獲得您想要的效果,例如彈跳、滑動或故障。您還可以讓字母放大、縮小或旋轉以獲得更動態的運動。動畫製作工具屬性(位置、縮放、不透明度), 當您首次新增文字動畫製作工具時,動畫由諸如位置縮放

  • 不透明度
  • 等屬性控制。這些屬性決定了文字發生何種變化。位置:
  • 沿 X、Y 或 Z 軸移動每個字母。您可以透過調整垂直位置使字元從任何方向滑入或彈跳。縮放:
after effects animators properties

變更每個字母的大小。增加縮放可使文字彈出或增長,而減少縮放則可以建立收縮或縮小效果。

不透明度:

  • 控制文字的可見性。您可以使字元淡入、淡出,或將不透明度與其他屬性結合以實現分層轉換。範圍選取器(開始、結束、偏移)
  • 文字動畫製作工具中的範圍選取器包含幾個關鍵值,您可以調整這些值來控制文字的哪些部分受到影響以及動畫何時發生:開始:
  • 定義動畫在文字中的開始位置。增加此值會將起點向前移動,因此開頭包含的字母較少。結束:
after effects range selector settings

確定動畫停止的位置。降低此值會限制一次受影響的文字數量。

偏移:隨時間向前或向後移動整個選取範圍。這是您通常會設定關鍵影格的設定,以使動畫從一個字母平滑地移動到下一個字母。套用不同形狀(方形、上升/下降斜坡)

  • 在範圍選取器的進階設定中,您可以嘗試不同的形狀
  • 選項,這些選項會改變動畫影響的分佈方式。方形:
  • 以清晰、塊狀的序列一次將動畫套用於一個字元,字母之間沒有重疊。上升斜坡:
  • 建立漸進的累積效果,動畫開始緩慢,然後從左到右平滑地移動到文字上。下降斜坡:
  • 與上升斜坡相反。它開始快速,然後在結尾處緩出。三角形:
  • 將兩端的動畫製作到中心(或相反)。圓形:
apply shapes in advanced settings

為更流暢的圓形運動增加曲線轉換。

平滑:

步驟 1
在字母間均勻地混合動畫。
範例:建立「彈跳字母」效果為了將您的知識付諸實踐,讓我們按照本教學嘗試在 After Effects 中製作彈跳文字。新增位置動畫製作工具動畫製作工具屬性(位置、縮放、不透明度)首先展開文字圖層並點擊小的
add animator for position
確定
動畫
按鈕。選擇位置以啟用彈跳效果的垂直移動。 使用 新增 > 屬性 > 不透明度.
select scale and opacity
並在預覽視窗中點擊以輸入文字。
設定初始動畫數值
縮放與不透明度預設皆為 100%。在動畫製作工具 1 下調整這些數值:
  • 位置(Y 軸): 增加第二個數值(例如,200 字型大小為 200 像素)。
  • 縮放: 0.
  • 不透明度: 0.
set the animator 1 keyframe settings
步驟 4
製作位移動畫
展開 範圍選取器 1 並為 位移:
  • 開始時:-100%
  • 1 秒後:100%
然後開啟 進階 設定並套用:
  • 形狀: 向上斜坡
  • 緩入高: 50%
  • 緩入低: 50%
adjust offset on both keyframes
步驟 5
複製動畫製作工具
使用 Ctrl + D 複製動畫製作工具 1 並視需要重新命名。然後:
  • 展開 動畫製作工具 2 > 範圍選取器 1.
  • 將兩個位移關鍵影格向前移動約 10 個影格。
duplicate and move both keyframes forward
步驟 6
微調第二個動畫製作工具
調整動畫製作工具 2 設定:
  • 負值(動畫製作工具 1 的一半)。範例:第一個 = 200px → 第二個 = -100px。
  • 縮放: 150%.
  • 不透明度: 刪除該屬性。
以下是動態字體教學,如果您想嘗試更多:

方法 2:在 After Effects 中建立 3D 動畫字母

第二種方法,讓我們提升一些難度。由於 After Effects 是功能完整的動態圖形與合成工具,您也可以靈活地建立真正的 3D 文字,而不僅僅是平面動畫。

在 After Effects 中建立 3D 文字效果與先前的方法有些不同,因為現在您將使用 3D 圖層、擠出(為字母增加真實深度並將其轉換為 3D 物件)、攝影機、光源以及更多深度控制。

create 3d text effects in ae

範例:如何建立旋轉 3D 文字效果

步驟 1
在字母間均勻地混合動畫。
範例:建立「彈跳字母」效果為了將您的知識付諸實踐,讓我們按照本教學嘗試在 After Effects 中製作彈跳文字。新增位置動畫製作工具動畫製作工具屬性(位置、縮放、不透明度)首先展開文字圖層並點擊小的
add animator for position
確定
動畫
按鈕。選擇位置以啟用彈跳效果的垂直移動。 使用 新增 > 屬性 > 不透明度.
select scale and opacity
並在預覽視窗中點擊以輸入文字。
設定初始動畫數值
縮放與不透明度預設皆為 100%。在動畫製作工具 1 下調整這些數值:
  • 位置(Y 軸): 增加第二個數值(例如,200 字型大小為 200 像素)。
  • 縮放: 0.
  • 不透明度: 0.
set the animator 1 keyframe settings
步驟 4
製作位移動畫
展開 範圍選取器 1 並為 位移:
  • 開始時:-100%
  • 1 秒後:100%
然後開啟 進階 設定並套用:
  • 形狀: 向上斜坡
  • 緩入高: 50%
  • 緩入低: 50%
adjust offset on both keyframes
步驟 5
複製動畫製作工具
使用 Ctrl + D 複製動畫製作工具 1 並視需要重新命名。然後:
  • 展開 動畫製作工具 2 > 範圍選取器 1.
  • 將兩個位移關鍵影格向前移動約 10 個影格。
duplicate and move both keyframes forward
步驟 6
微調第二個動畫製作工具
調整動畫製作工具 2 設定:
  • 負值(動畫製作工具 1 的一半)。範例:第一個 = 200px → 第二個 = -100px。
  • 縮放: 150%.
  • 不透明度: 刪除該屬性。
以下是動態字體教學,如果您想嘗試更多:

您可以嘗試不同的旋轉模式以增加變化。試試只在單一軸上旋轉,或製作 Z 軸旋轉動畫。

方法 3:在 After Effects 中使用運算式與預設集的進階效果

若要讓您的 After Effects 文字效果更具風格化,您也可以使用運算式或套用文字動畫預設集。

使用運算式新增動態

運算式基本上是基於 JavaScript 的簡短程式碼行,可自動化移動並連接不同屬性。當您輸入運算式時,它能讓您更全面控制文字在 AE 中的行為,而無需建立大量關鍵影格。

after effects expressions

但由於這種靈活性,運算式可能會更技術化一些。您需要了解基本語法,並知道哪個運算式能建立您想要的移動類型。

新增運算式的步驟:

步驟 1
新增運算式選取器
在動畫製作工具設定上,選擇 新增 > 選取器 > 運算式.
add selector expression on text layer
確定
啟用運算式編輯
按住 Alt/Option 同時點擊碼錶以啟動該屬性的運算式。
enter expression for text animation
並在預覽視窗中點擊以輸入文字。
套用您的運算式
輸入您的運算式或基於時間的數學公式以自動產生移動。

以下是一些您可以開始使用的最常見運算式。

移動 運算式程式碼
擺動 wiggle (frequency, amount)
循環位移 loopOut("offset")
循環輸入 loopIn()
循環輸出 loopOut()
顯示更多
顯示較少

這裡 查看更多 After Effects 運算式程式碼或觀看教學 這裡.

套用內建文字動畫預設集

文字動畫預設集是 After Effects 中預先設計的動態範本,您只需單擊一下即可套用到文字上。您可以像套用任何其他預設集一樣在 After Effects 中新增文字動畫預設集。

所有內容都整理在 效果與預設集 面板中。您可以快速嘗試不同外觀而無需從頭開始建立,但如果您想要非常特定的外觀,特別是與使用運算式相比,它們可能會感覺有些限制。

using after effects text animation presets

在 After Effects 中套用文字動畫預設集的步驟:

  1. 開啟 效果與預設集 面板。
  2. 瀏覽 動畫預設集 中的文字類別。
  3. 將您選擇的預設集拖曳到時間軸中的文字圖層或 合成 面板上。

套用後,前往 效果控制 面板調整其設定,並根據您的喜好調整動畫。

注意: 如果您建立了想要稍後重複使用的自訂外觀,可以將其儲存為自己的預設集。只需在效果控制面板中選擇您自訂的屬性或效果群組,然後前往動畫選單並選擇儲存動畫預設集。

更快、更簡單的替代方案:使用 Filmora 建立動畫字母

當您在 After Effects 中建立字母動畫時,背後發生了很多事情。如果您最終覺得這很複雜,或者您只是還沒準備好處理它,您仍然可以以更容易學習的方式建立動畫字母。

製作文字動畫的更快捷方式是使用 Wondershare Filmora。它是 After Effects 的更簡單影片編輯器替代方案,為您提供各種專業外觀的文字動畫,無需繁重的設定。您可以選擇一種樣式,將其放到時間軸上,並隨心所欲地自訂它。

免費試用 免費試用
qrcode-img
掃描以取得 Filmora 應用程式
secure-icon 安全下載
您會喜愛的功能
  • 拖放預設:從超過 200 個動畫文字範本中選擇,包括基礎、開場、下三分位和有趣的 3D 風格。將其中一個拖到時間軸上,即可開始使用。
  • 輕鬆自訂:直接在編輯器中變更文字、字型、大小、間距和動畫時間。無需表達式或複雜的控制項。它為您提供簡單的滑桿和選項。
  • 需要時使用關鍵影格:如果您想在動畫中添加額外細節,Filmora 還包含進階關鍵影格工具。您可以微調移動、縮放、不透明度等,以建立自訂的動畫字母效果。
  • 一體化工作流程:所有操作都在同一個地方進行,就在您的編輯時間軸內,因此您無需在多個面板或工具之間跳轉。以更少的努力獲得乾淨、快速的結果。

如何在 Filmora 中製作字母動畫

步驟 1
在 Filmora 中建立新專案
在電腦上開啟 Filmora,並確保您使用的是最新版本。點擊新專案進入編輯工作區。
create new project in filmora
免費試用 免費試用
qrcode-img
掃描以取得 Filmora 應用程式
secure-icon 安全下載
確定
將文字新增到時間軸
前往標題標籤,選擇您喜歡的文字樣式,並將其拖到時間軸上。
select titles and add to timeline
並在預覽視窗中點擊以輸入文字。
自訂文字
選擇文字片段以開啟文字編輯面板。您可以編輯文字並調整字型、大小、間距、對齊方式和顏色。還提供陰影和邊框等其他樣式選項。
customize the text on properties panel
步驟 4
套用文字動畫
在文字編輯器中,切換到動畫部分:
  • 選擇預設效果,例如打字機、淡入淡出、彈跳、滑動或 3D 動態。
  • 點擊預覽並立即套用。
您也可以使用持續時間滑桿調整動畫持續時間。
add text animation effect in filmora
步驟 5
提示:新增關鍵影格以獲得更多控制
若要進行更進階的動畫,請開啟關鍵影格控制項。您可以為位置、旋轉、縮放或不透明度新增關鍵影格,以建立詳細的自訂動態。
use filmora keyframe for more control
wondershare filmora text animation

在 After Effects 中最佳化字母動畫

仍然不滿意您在 After Effects 中的字母動畫效果?您仍然可以透過一些簡單的調整來修飾它,無論您想要更流暢的移動還是更緊湊的時間控制。

時間與緩動(圖表編輯器)

在 After Effects 中,有幾個進階設定可幫助您優化字母動畫的流暢度:

1. 圖表編輯器

圖表編輯器是一個幫助您塑造動畫速度的工具。您可以使用它來微調動畫在關鍵影格之間移動的快慢。

要在 After Effects 中存取圖表編輯器:

步驟 1
開啟圖表編輯器
選擇圖表編輯器圖示以切換到圖表檢視。
open graph editor in after effects
確定
切換到速度圖表
在圖表上按右鍵並選擇編輯速度圖表.
select edit speed graph
並在預覽視窗中點擊以輸入文字。
調整動畫曲線
調整控制點——向外拉動可獲得更流暢的緩動,而較短的控制點則會產生更敏捷的動態。
adjust the handles in the graph

2. 緩動

緩動是一種使動畫的開始和結束更加流暢的技術,讓它看起來更自然,而不是突兀或僵硬的跳動。您可以調整幾種類型的緩動:

  • 簡易緩動:自動柔化關鍵影格的開始和結束,使移動流暢。
  • 高緩動:控制每個字元落入最終位置的流暢度。增加此值可使動畫平緩進入,而不是突然停止。
  • 低緩動:影響動畫的開始方式。提高此值可使字母從初始位置平緩移出,而不是立即移動。

要在 After Effects 中調整緩動:

  1. 選擇關鍵影格
  2. 在選定的關鍵影格上按右鍵,選擇關鍵影格輔助,然後選擇您想套用的緩動類型(簡易緩動、高緩動或低緩動)。
access easing feature in ae

動態模糊

新增動態模糊是一個小細節,但它可以對動畫的感覺產生很大的影響。它增加了更強的移動感,並使每個字母的過渡看起來更流暢。

要套用它,只需在此處的時間軸面板中啟用動態模糊 開關

enable motion blur on text layer

如果您看不到這些圖示,請點擊面板底部的「切換開關/模式」以顯示它們。

算圖設定

在 After Effects 中套用文字效果時,您應該注意的另一件事是算圖設定。無論您的作品在軟體中看起來多好,錯誤的匯出設定都可能使最終輸出看起來不流暢或品質低劣。

您可以遵循這些建議的設定,使您的 After Effects 字母動畫保持流暢:

設定類別 建議選項
格式/編解碼器 H.264 (MP4) 或 Apple ProRes 422/4444
解析度 最低 1080p
影格率 24 fps、30 fps(一般使用)、60 fps(非常流暢的動態)
位元率 (H.264) 15-25 Mbps(1080p)
顯示更多
顯示較少

此外,不要忘記啟用「以最大深度算圖," 」,特別是如果您的字母有光暈或陰影,以減少色帶。並且開啟「使用最大算圖品質」以協助縮放和精細細節,這對於小文字或細字型最為重要。

常見問題與解決方案

習慣動態設計需要時間,因此在學習 After Effects 中的字母動畫時遇到一些問題是完全正常的。我們列出了使用者最常遇到的一些問題,以及您可以嘗試的快速修復方法。

1. After Effects 算圖後「文字抖動」

jittering text in after effects result

如果您的文字在算圖後開始抖動或閃爍,有幾個常見原因需要檢查:

  • 字型類型。After Effects 對某些字型的處理可能不穩定,特別是裝飾性或高度風格化的字型。嘗試切換到標準字型,如 Arial 或 Times New Roman,看看問題是否消失。
  • 基本屬性中的錯誤。有一個已知的錯誤,即在算圖過程中文字可能會隨機抖動,特別是在從基本圖形面板編輯文字之後。

對於第二個問題,當啟用視覺字距調整時會出現此問題。在算圖期間,After Effects 可能會短暫地將文字切換回度量字距,這會導致某些影格出現快速閃爍或抖動。

如何修復:

如果您在文字中使用基本屬性,請確保在算圖前將字距設定為度量而非視覺。

  1. 選取您的文字圖層。
  2. 開啟 字元 面板上。
  3. 將字距從視覺變更為度量。
  4. 重新算圖您的合成。

2. 文字未出現在 After Effects 中

選取文字圖層但在預覽中看不到任何內容,通常表示設定被意外更改。文字可能被遮罩、放置在其他圖層後方,或使用了與背景融合的顏色。

在這種情況下,調整圖層順序或變更文字顏色通常可以解決問題。另一個可能的原因是字元設定出現故障。若要恢復文字,您可以嘗試重設它。

如何修復:

  1. 開啟文字圖層的可見度(眼睛圖示)。
  2. 前往字元面板。
  3. 按右鍵並選擇「重設字元."
  4. 將文字顏色設定為與背景對比的顏色。

3. 動畫文字預設集與運算式無法運作

text expression not working

當運算式失敗時,After Effects 通常會顯示錯誤訊息,並在運算式旁邊放置一個小的警告圖示。這可協助您查看是哪個圖層或屬性造成問題。

快速找出所有有問題的運算式:

  • 在時間軸面板中選取一個或多個圖層
  • 按右鍵(Windows)或 Control 鍵+點按(macOS)並選擇「顯示運算式錯誤."

某些運算式依賴特定的圖層名稱或屬性名稱。如果您重新命名運算式所參照的圖層或屬性,After Effects 可能無法正確更新運算式,進而導致錯誤。

如何修復:

  1. 開啟運算式並更新文字,使其符合新的圖層或屬性名稱。
  2. 確保運算式使用與您的 After Effects 版本相同的語言/字串。
  3. 在修正名稱後重新啟用運算式。

結論

現在您已經掌握了在 After Effects 中進行字母動畫的基礎!您了解每種方法的運作方式,因此為您的專案製作引人注目的文字現在應該會容易得多。只需按照更適合您工作流程的方法操作即可。

即使您覺得 After Effects 太耗時,像 Filmora 這樣的工具也可以協助您更輕鬆地獲得乾淨的動畫字母。所有內容都已為您整理好,因此您可以專注於設定文字樣式,而無需深入研究複雜的設定。

Filmora
AI 影片編輯應用程式與軟體
免費試用 免費試用
qrcode-img
掃描以取得 Filmora 應用程式
適合所有創作者隨時隨地製作影片的最佳工具!
簡化影片編輯的所有步驟,從預處理到完成,Filmora AI 隨時待命。

關於 After Effects 文字動畫的常見問題

  • 如何在 After Effects 中個別為字母製作動畫?

    在 After Effects 中個別為字母製作動畫的最佳方法是使用文字動畫製作工具功能。您可以控制每個字元的位置、縮放、旋轉和不透明度等屬性。新增動畫製作工具後,使用範圍選取器決定哪些字母移動,並為偏移值設定關鍵影格以建立流暢的逐字母動畫。

  • 我可以使用 After Effects 製作動態文字排版嗎?

    可以。動態文字排版是一種流行的動態設計風格,其中文字會移動、縮放或有節奏地變換,以配合音訊或強調意義。After Effects 非常適合這種效果,因為它讓您能完全控制時間、轉場以及像這樣的複雜文字動畫。

  • 有哪些免費的 After Effects 文字動畫範本?

    您可以在 MixkitJitters 等網站上找到適用於 After Effects 的免費文字動畫範本。它們提供許多簡單的標題、開場以及其他排版套件,您可以直接匯入軟體中。如果您偏好在編輯器內準備好大量收藏,Filmora 也提供內建的龐大範本庫,其中包含您可以立即套用的動畫標題。

你可能還喜歡

9款免費線上影片壓縮工具推薦,不失真減少檔案大小

如何在線上壓縮影片檔案?在本文中,我們將分享 9 款頂尖的免費線上影片壓縮工具,讓您隨時隨地在任何裝置上使用。

Posted byArvin Alejandro|2026-07-17 17:03:49
2026最受新人歡迎的三大婚禮影片製作工具推薦

如果您想製作一個帶有音樂的婚禮幻燈片,本文將向您介紹三種出色的工具來完成這項工作。繼續閱讀以了解更多。

Posted byArvin Alejandro|2026-06-15 15:31:27
最佳課堂錄音軟體與APP推薦─學生教師錄音工具比較

學生和教師需要最佳的課堂錄製軟體。錄製課堂、增強音訊,並在各平台間無縫分享。

Posted byArvin Alejandro|2026-06-15 15:31:13
VideoShow 應用程式在 2026 年對影片創作者的表現如何

我們最新的 VideoShow 應用程式評測揭示了其編輯功能、定價和易用性,幫助您為影片專案選擇合適的工具。

Posted byArvin Alejandro|2026-07-17 17:04:04
如何在 Photoshop 中為文字新增外框或筆畫

您可以在 Photoshop 中使用圖層樣式為文字加上外框,或將其轉換為向量以獲得更具擴充性的效果。請按照我們文章中的簡單步驟,讓您的文字更加突出。

Posted byArvin Alejandro|2026-07-17 17:04:09
如何在 After Effects 中使用 Saber 效果為場景增添光效

使用 After Effects 的 Saber 外掛程式讓您的文字、形狀和路徑發光。閱讀我們的完整指南,即使您是編輯新手也能學會如何使用它。

Posted byArvin Alejandro|2026-07-17 17:04:10
如何在 Canva 中為圖片或貼圖添加外框

想知道如何在 Canva 中建立外框嗎?使用簡單的步驟為基本形狀和去背圖片新增乾淨的邊框和貼紙風格的外框,讓您的設計脫穎而出。

Posted byArvin Alejandro|2026-07-17 17:04:10