Filmora
Filmora - 人工智慧影片剪輯軟體
更快、更智慧、更容易剪輯!
立即打開
Filmora 影片編輯軟體
最好的編輯器可幫助您輕鬆編輯影片。
  • 使用 300 多種令人驚嘆的效果增強影片
  • 個性化裁剪區域
  • 易於使用
支援:
掃碼下載
保障安全
qrcode-android
支援:
掃碼下載
保障安全
qrcode-android
支援:

After Effects 教學:輕鬆掌握遮罩與文字出現動畫技巧

Arvin Alejandro
Arvin Alejandro 最初發佈時間 Aug 19, 26, 更新時間 Aug 26, 26
robot AI 摘要

製作專業的文字揭示動畫時,進階使用者可利用 After Effects 的軌道遮罩與文字動畫器達成精細控制,而初學者或講求效率的創作者建議使用 Wondershare Filmora,以避開繁瑣設定並發揮其內建模板與快速算圖優勢。

    ● After Effects 支援利用 Alpha 或 Luma 色版的軌道遮罩系統進行無損動畫編輯,但缺乏自動的響應式尺寸調整功能,必須依賴 JavaScript 知識撰寫表達式才能達成。
    ● Wondershare Filmora 可透過「建立複合剪輯」結合「線性遮罩」快速生成文字特效,並能套用「圖像遮罩」配合逐格剪切,將文字揭示動畫與影片中的移動物件精準對齊。
    ● 針對 After Effects 內建資源過少的限制,專案可整合 Motion Array 與 AEJuice 的外掛範本,或套用 Adobe Premiere 預設並透過 AE 合成進行自訂,以擴充動畫選項。


向 AI 詢問摘要

how to reveal text in after effects

在影片中以逐字、逐字母或逐行的方式為文字製作出現動畫,可以創造出視覺上吸引人的效果,讓您的內容呈現專業感。這份完整指南將示範如何製作After Effects 文字揭示效果及其更直覺易用的替代方案。

在深入了解一些After Effects 酷炫文字揭示效果之前,讓我們先看看何時應該考慮使用它們來豐富您的影片。

本文目錄
    1. 使用文字動畫揭示文字
    2. 使用遮罩揭示文字
    3. 使用新的 Track Matte 系統揭示文字
    4. After Effects 文字揭示有哪些進階技巧?
    1. 在 Filmora 中建立文字揭示動畫的影片教學
    2. 在 Filmora 中建立文字揭示動畫的基本步驟為何?
    3. 如何在 Filmora 中將文字揭示與移動物件對齊?
    4. 在 Filmora 影片中使用文字揭示有哪些創意方式?

何時在內容中使用文字揭示效果

您可以在各種情境下使用文字揭示效果。以下是一些範例:

  • 社群媒體影片 – 文字揭示效果可以幫助您介紹自己、加入行動呼籲(例如鼓勵追蹤者訂閱),並使您的影片更加吸睛。舉例來說,您可以將文字揭示與移動物件對齊,或讓文字從物件後方出現。
  • 教學影片與線上課程 – 文字揭示非常適合用於教學影片的片頭,以及電子學習影片的章節概覽。您也可以使用它來強調影片中的重要資訊。
  • 影片簡報 – 您可以透過加入具有文字揭示效果的電影感標題,使簡報更加引人入勝。
  • 行銷影片 – 文字揭示效果可以讓您的行銷影片脫穎而出,幫助您獲得更多潛在客戶與轉換率。舉例來說,您可以展示產品並讓其功能逐行出現,或逐字揭示您的品牌標語。

讓我們來看看如何在 After Effects 中建立文字揭示效果,為您的影片增添風采。

如何使用 After Effects 逐字揭示文字

您可以在 After Effects 中使用文字動畫、遮罩或 Track Matte 來逐字、逐字母或逐行揭示文字。以下是每種方式的操作步驟。

使用文字動畫揭示文字

文字動畫器讓您可以用多種方式在 After Effects 中揭示字母。例如,您可以為位置、縮放、旋轉、不透明度及其他變換屬性製作動畫。

以下是在 After Effects 中製作簡單文字揭示效果的方法:

步驟 1: 以偏好的設定建立新合成。

create a composition

步驟 2: 前往圖層 > 新增 > 文字 並使用文字工具新增您的文字。接著展開文字圖層的屬性,然後點按動畫 > 位置(您可以選擇任何屬性)。

animate the position

步驟 3:動畫器 1出現後,點按新增 > 屬性 > 不透明度.

add opacity

步驟 4: 增加第二個位置數值(例如設為 150),並將不透明度設為 0%。

minimize opacity

步驟 5: 展開範圍選取器,並點按碼錶按鈕(位於位移選項之前)以在開頭新增關鍵影格,然後將數值設為負 100%。

offset the position

步驟 6: 將播放磁頭向前移動一秒,並將位移設為 100%,這將新增另一個關鍵影格。

set an offset keyframe

步驟 7: 展開進階設定並將形狀 to 改為「漸升」.

choose a text animation shape

步驟 8: 將動畫緩入高點設為 25%,緩入低點設為 100%。您也可以將基於字元設定變更為字詞, 不含空格的字元以獲得流暢的 After Effects 字母揭示效果。

adjust the animation ease

步驟 9: 將播放磁頭移至開頭(或按下空白鍵)以查看 After Effects 中的逐字揭示效果。我們的範例僅顯示一個字詞,但您可以為整段段落製作動畫。

text reveal in after effects

使用遮罩揭示文字

After Effects 及其他動態圖形編輯器中的遮罩是用於分隔圖層特定部分(如文字)以進行非破壞性編輯的形狀。例如,您可以移除物件、變更背景顏色或製作影像合成,而不影響遮罩後方的區域。您也可以為遮罩製作動畫,使其非常適合用於文字揭示效果。

以下是在 After Effects 中使用遮罩建立滑動文字揭示效果的方法:

步驟 1: 建立合成後,新增並選取文字圖層,然後前往圖層 > 遮罩 > 新增遮罩.

create a new mask layer

步驟 2: 文字圖層上的遮罩有時可能會稍微裁切文字(視字型而定)。差異可能不明顯,但對於標誌或品牌字型來說這是不理想的。因此,請在合成面板中雙按遮罩,並在按住變換控制點的同時稍微拖曳Ctrl 鍵可在上、下、左、右添加內距。

expand the mask

步驟 3: 展開文字圖層的屬性並找到 遮罩 路徑 位於「遮罩」下方(您可以在 After Effects 中選取文字圖層並按下鍵盤上的 M 鍵來顯示路徑)。將 模式 to 相加 設定為使內部所有內容不透明,外部所有內容透明。接著,按一下 碼錶 按鈕並設定一個關鍵影格(例如設定在一秒處)。

set a mask path keyframe

步驟 4: 將播放磁頭移至起始位置,然後在 合成 面板中雙擊遮罩。

move the playhead to the beginning

步驟 5: 拖曳任意路徑控點以隱藏文字。

adjust the mask path

步驟 6: 將其完全移動到一側。您的文字將從該點開始顯現,但讓我們讓它更流暢。

move the mask to the beginning

步驟 7: 展開文字圖層的屬性並按一下 碼錶 位於 位置.

drop a position keyframe

步驟 8: 切換至 合成 面板並按下 Ctrl + R 以顯示尺規。

display rulers

步驟 9: 將參考線拖曳至文字邊緣。

drag the guide

步驟 10: 選取您的文字圖層並按下鍵盤上的 U 鍵。然後,將紅色控點拖曳至文字起始位置以隱藏文字。

drag the layer to the beginning

步驟 11: 將位置拉至指定參考線的右側。

pull the position to the end

步驟 12: 按下 空白鍵 以查看文字顯現效果。

mask text reveal in after effects

步驟 13: 選取所有關鍵影格並按一下 圖形編輯器 按鈕(或按下 F9)位於 時間軸 面板中雙擊遮罩。

open the graph editor

步驟 14: 選取右側的關鍵影格。

select keyframes

步驟 15: 向左拖曳黃色控點以調整動畫速度。

pull the speed handle

步驟 16: 將播放磁頭移至起始位置以檢視效果。

smooth text reveal in after effects

步驟 17: 按下 F4 以顯示圖層開關與模式,並按一下文字圖層上的 動態模糊 按鈕。

add motion blur

步驟 18: 按下 空白鍵.

motion-blur text reveal in after effects

使用新的 Track Matte 系統揭示文字

After Effects 全新的軌道遮罩系統可讓您利用圖層的 Alpha 或 Luma 色版為文字製作動畫。前者使用上方圖層的不透明度為下方圖層建立遮罩,決定其透明程度;後者則著重於亮度。

為何遮罩軌道比遮罩更好?因為它們代表各自獨立的圖層。當您在圖層上添加遮罩時,它會成為該圖層的一部分,在您製作動畫時隨之移動。然而,您可以在不移動受影響圖層的情況下為軌道遮罩製作動畫(反之亦然)。例如,您可以在保持下方圖層設計構圖不變的情況下為文字製作動畫。

以下是如何在 After Effects 中使用軌道遮罩製作文字線條顯現效果:

步驟 1: 建立一個新的合成並添加一個文字圖層。

create a text layer

步驟 2: 使用 矩形 工具在文字上繪製一個矩形,將 填充 設定為任意純色,並將 筆畫 to .

draw a rectangle over the text

步驟 3:軌道遮罩 選取線從文字圖層拖曳至形狀圖層。

apply a track matte

步驟 4: 您的文字將會變得可見,因為您已將其圖層設定為使用形狀圖層的 Alpha 遮罩色版,使其呈現透明效果。

track matte effect

步驟 5: 使用 選取 工具並按一下您的文字圖層。然後,拖曳文字以查看效果。文字僅在形狀圖層的邊界範圍內可見。

visible text inside the track matte

步驟 6: 選取您的文字圖層並按下鍵盤上的 P 鍵以調出 位置 設定。然後,按一下 碼錶 以添加一個關鍵影格(例如設定在一秒處)。

set a position keyframe

步驟 7:合成 面板中將文字向下移動(直到不可見)以在起始位置添加關鍵影格。

move the text down

步驟 8:時間軸 面板中雙擊遮罩。

select both keyframes

步驟 9: 中選取兩個關鍵影格。右鍵按一下任意關鍵影格,然後按一下 關鍵影格輔助 > 緩入緩出.

enable easy ease

步驟 10: 開啟 圖形編輯器.

open the graph editor

步驟 11:圖形編輯器 內按右鍵以啟用 編輯速度圖形(如果您看不到此選項)。

enable the speed graph editor

步驟 12: 選取第二個關鍵影格。

select the second point

步驟 13: 向左拖曳黃色控點。

drag the handle to the left

步驟 14: 關閉 圖形編輯器 並按下 空白鍵 以查看文字顯現效果。您也可以添加 動態模糊 及其他效果以獲得更流暢的動畫。

track-matte text reveal in after effects

我可以在 After Effects 中使用軌道遮罩來製作標誌顯現效果嗎?

您可以在 After Effects 中使用軌道遮罩製作圖像或文字標誌的顯現效果。這非常合適,因為遮罩圖層是靜止的。與遮罩不同,它不會相對於文字圖層的位置移動。

您可以建立一個形狀圖層、套用軌道遮罩,並在不為遮罩圖層製作動畫的情況下為您的標誌製作動畫。這意味著製作動畫所需的步驟和關鍵影格更少。

After Effects 文字揭示有哪些進階技巧?

After Effects 專業人士用於文字顯現效果的最值得注意的進階技巧包括以下幾點:

  • 使用 Luma 遮罩模式 – Alpha 遮罩是預設設定。但是,如果您的文字具有透明度,請切換至 Luma 遮罩以獲得更流暢的顯現效果。
  • 嘗試形狀圖層 – 使用預設矩形製作優雅的顯現效果,但也可嘗試圓形、星形和自訂形狀,以設計出更具創意、更令人興奮的顯現效果。
  • 將文字顯現效果與其他效果結合 – 修改模糊、縮放、傾斜和旋轉等屬性以增強視覺衝擊力。

上述部分範例已向您展示,為文字圖層添加動態模糊如何使顯現效果在視覺上更具吸引力。因此,請嘗試所有這些技巧,看看它們能帶來多大的差異。

After Effects 在文字揭示方面的限制

After Effects 可以幫助您創作出精彩的文字顯現效果,但其流程繁複且需要專業技術知識。與其他專為文字動畫設計的動態圖形工具相比,它的靈活性也較低。

以下是 After Effects 在文字顯現方面的限制:

  • 設定複雜度 – 該軟體需要繁瑣的操作步驟才能達到所需效果。
  • 預設或範本數量有限 – 內建資源過少且過於通用,需要大量自訂設定或外部插件。
  • 精確定位的困難度 \u2013 在 After Effects 中找到最佳效果需要花費大量時間與精力。
  • 有限的動畫選項 \u2013 在 After Effects 中,您只能從少數幾種動畫中選擇來呈現文字揭示效果。
  • 無響應式尺寸調整 \u2013 若要讓 After Effects 的文字揭示設計具備響應式功能,唯一的方法是使用表達式,這需要具備 JavaScript 知識。

這些限制使 After Effects 不適合初學者以及尋求更多創意自由的內容創作者。幸運的是,您可以選擇更友善的替代工具,這些工具提供更多預設效果、範本與動畫選項。以下是一個值得考慮的選擇。

製作文字揭示效果的更便捷替代方案 \u2013 Wondershare Filmora

Wondershare Filmora 是一款多功能影片編輯器,非常適合初學者與專業人士使用。它擁有多種 AI 驅動工具及超過 1,000 萬個創意素材(包含標題)、超過 1 萬個可自訂預設範本、500 多種 AI 特效等。

為吸引人的影片生成動態文字揭示效果

在 Filmora 中使用簡單的遮罩技術與關鍵幀動畫,打造令人驚艷的文字揭示效果,呈現動感十足的視覺體驗。

box filmora

在 Filmora 中製作文字揭示效果最突出的功能包括:

  • 遮罩 \u2013 Filmora 的遮罩工具讓您能創造令人印象深刻的文字揭示效果。它可精確控制文字出現的方式與時機,提升影片的視覺衝擊力。
  • 多樣化的文字自訂功能 \u2013 您可以自訂文字樣式、字型、顏色與動畫。Filmora 提供多種文字預設效果,讓您在影片中呈現文字揭示時擁有充分的創意彈性。
  • 創意特效整合 \u2013 Filmora 讓您能在文字揭示的同時整合各種創意特效,例如轉場與疊加效果,從而提升整體影片製作品質。
  • 快速算圖 \u2013 Filmora 能快速算圖,讓您無需像在 After Effects 中那樣久等,即可立即看到文字揭示動畫的結果,使剪輯更有效率。

您準備好運用這些功能來製作文字揭示效果了嗎?將 Filmora 下載到您的電腦,並參考以下教學指南。

在 Filmora 中建立文字揭示動畫的影片教學

我們將在下方章節介紹如何在 Filmora 中製作文字揭示效果,您也可以先觀看以下影片教學,了解實際操作效果。

在 Filmora 中建立文字揭示動畫的基本步驟為何?

請按照以下步驟在 Filmora 中製作文字揭示動畫:

步驟 1: 啟動軟體並建立一個新專案.

create a new project

步驟 2: 前往標題 並選擇您喜歡的樣式。

choose a title

步驟 3: 將您選擇的標題拖放至時間軸上。

drag the title to the timeline

步驟 4: 雙擊標題以進行自訂。輸入您的文字,並設定字型、顏色、大小與對齊方式。

customize the text

步驟 5: 在時間軸上右鍵點擊標題,然後點擊建立複合剪輯.

create a compound clip

步驟 6: 為剪輯命名,然後點擊OK.

name the compound clip

步驟 7: 在時間軸上點擊您的複合剪輯以選取它,確保播放頭位於起始位置。

select the compound clip

步驟 8: 前往影片 > 遮罩屬性 面板中並選擇一個。我們的範例將使用線性遮罩

apply a linear mask

步驟 9: 點擊反轉遮罩 使您的動畫從文字開頭開始揭示,並新增一個位置 關鍵幀。

invert the mask

步驟 10: 將遮罩的位置完全移至左側。

drop a start position keyframe

步驟 11: 將播放頭向前拖動一到兩秒。

move the playhead to the right

步驟 12: 將遮罩位置移至右側以新增另一個關鍵幀。

drop an end position keyframe

步驟 13: 播放影片以查看結果。

text reveal in filmora

步驟 14: 增加模糊強度 (例如設為 50%)以獲得更平滑的效果。

increase the blur strength

步驟 15: 選取您的複合剪輯(將播放頭移回起始位置),然後前往影片 > 基本屬性 面板。接著,為兩個軸新增縮放 關鍵幀。

set scale keyframes

步驟 16: 將播放頭移至接近結尾處。

move the playhead near the end

步驟 17: 稍微增加縮放 (例如設為 105%)至兩個軸並新增關鍵幀。

increase the scale for new keyframes

步驟 18: 點擊播放播放器 面板查看結果。您的文字將在指定關鍵幀處微妙地放大。

scale text reveal in filmora

步驟 19: 讓我們讓這個文字揭示動畫更加吸睛。切換至遮罩 標籤並調整旋轉 。例如,將其設為負 45%。

rotate the mask

步驟 20: 播放影片,查看旋轉後的遮罩揭示文字的效果。

rotated mask text reveal in filmora

如何在 Filmora 中將文字揭示與移動物件對齊?

您可以在 Filmora 中讓文字在移動物件後方揭示,並與移動完美對齊。操作方法如下:

步驟 1: 建立一個專案,並在時間軸上新增兩個影片軌道。

add new video tracks

步驟 2: 前往檔案 > 匯入媒體 > 匯入媒體檔案 並選擇一段影片。

import a video

步驟 3: 將影片拖至第一個軌道,並將其複製貼上至第三個軌道。接著,將播放頭移至您希望文字揭示動畫開始的位置,然後點擊剪刀 按鈕剪切複製的影片。

duplicate your video

步驟 4: 前往標題 並將其中一個拖放至第二個影片軌道。將其放置於播放頭位置,並對齊其結尾與影片剪輯的結尾。

add a title between the videos

步驟 5: 雙擊標題以自訂文字。

customize your text

步驟 6:標題群組控制器.

adjust the text position and scale

步驟 7: 前往特效 中搜尋圖像遮罩 。將其拖放至複製影片的第二部分上。

apply an image mask

步驟 8: 逐格移動播放頭,並在頂部影片中進行多次剪切(直到您的移動物件到達結尾為止)。

make multiple top-video cuts

步驟 9: 雙擊第一個剪切點並自訂圖像遮罩 。選擇一個預設並增加X 軸 的數值(除非您的物件沿Y 軸).

customize image mask settings

步驟 10: 對所有剪切點重複此步驟,確保每個剪切點的數值都比前一個稍高。隨著物件移動,您的文字將逐步揭示。

gradually increase every clip’s x value

在 Filmora 影片中使用文字揭示有哪些創意方式?

除了以上範例之外,Filmora 還提供出色的影片遮罩,包括星形與心形。例如,您可以套用心形遮罩,先將其縮放比例縮小至 50%,再逐漸放大以揭示文字。

a heart-shaped mask in filmora

Filmora 還支援匯入遮罩,使其適用於任何專案。此外,它還提供繪製遮罩功能,讓您能自訂設計,打造獨特的文字揭示效果。

a drawing mask tool in filmora

在 Filmora 中製作文字揭示的另一種創意方式是為每個字母單獨製作動畫。您可以為每個字母新增標題並套用動畫循環。例如,第一個字母向上捲動,第二個向下,第三個向上,以此類推,從而呈現滾動動畫效果。

為了增添趣味,您可以複製標題並移除動畫循環,使文字在幾秒後停止滾動。

grouped titles for a letter-by-letter text reveal

以下僅為 Filmora 中部分動畫循環範例。

animation loop effects

以下是此動畫的效果展示。歡迎前往 YouTube 觀看文字揭示動畫教學以了解更多詳情。

是否有任何外掛程式可以增強 After Effects 中的文字揭示動畫?

許多網站提供外掛程式與預設效果,以增強文字揭示動畫。例如,Motion Array 提供高品質的 After Effects 文字預設效果。您可以從眾多免費和付費的 After Effects 文字揭示範本中選擇,符合您的偏好,從復古和極簡風格到現代和未來感設計應有盡有。

AEJuice 同樣提供許多免費的 After Effects 文字揭示範本。不過,其 AE 文字動畫套件物超所值。

當然,您也可以善用 Adobe Premiere 文字揭示效果。例如,您可以使用 Premiere Pro 文字揭示預設,並以 After Effects 合成取代您的設計,以進行進一步的自訂。

結論

在 After Effects 中,透過使用文字動畫、軌道遮罩或遮罩來揭示文字,您可以製作出視覺效果震撼、讓觀眾目不轉睛的影片。

然而,製作 AE 文字揭示效果需要大量的自訂設定,且會限制您的靈活性與創意發揮。像 Filmora 這樣前衛直覺的影片編輯器,可以簡化整個流程,同時解鎖更多精彩文字動畫的預設效果與範本。立即免費試用,親身體驗它如何讓您的影片煥然一新。

免費試用
免費試用

關於文字揭示效果的常見問題

在 After Effects 中製作文字揭示效果的主要方法有哪些?

在 After Effects 中,您主要可以透過三種方法實現文字揭示效果:使用文字動畫、套用遮罩技術,或利用新的軌道遮罩系統。每種方法都提供不同程度的控制與視覺呈現效果,可逐字、逐字母或逐行揭示文字。

為什麼 Wondershare Filmora 可能是比 After Effects 更受青睞的文字揭示替代方案?

Wondershare Filmora 因其易用性與高效率而常被視為文字揭示的首選,尤其適合初學者及追求更多創意自由的使用者。它提供直覺式遮罩工具、多樣化的文字自訂選項、與各種創意效果的無縫整合以及快速算圖功能,使文字動畫製作流程比複雜的 After Effects 更加簡便快速。

Arvin Alejandro
Arvin Alejandro Aug 26, 26
分享文章:
中秋節促銷活動 中秋節促銷活動