如何在 After Effects 中製作筆畫動畫（逐步指南）

AI 摘要

在 After Effects 中製作筆畫動畫的核心方法是為形狀圖層套用「修剪路徑」效果，並針對「結束」參數設定 0% 到 100% 的關鍵影格以精確控制線條的動態生長。
● 設定基本動畫前，必須確保形狀圖層處於「無填色」狀態且具備純色筆畫，並建議在設定關鍵影格後套用「緩入緩出」（F9）功能，以避免線條出現與消失的動態過於生硬。
● 若要建立手繪筆刷效果，需複製多條路徑並套用「粗糙邊緣」效果（建議邊框與複雜度設為 10），且修剪路徑必須套用至包含所有線條的整個群組，而非單一線條。
● After Effects 適合需要自訂複雜架構的專業動態圖形專案；若需快速製作開場或教學影片，Filmora 15 較為合適，其鋼筆工具將繪圖與修剪路徑控制項整合於單一面板，無須依賴外掛程式即可完成。

---

向 AI 詢問摘要

ChatGPT Perplexity Gemini Claude Grok 免費下載 免費下載 免費下載

想在 After Effects 中製作筆畫動畫以呈現流暢的線條動態嗎？筆畫動畫非常適合用於標誌輪廓、手寫簽名、箭頭和路線圖。這是一種適合影片開場和說明影片的動態效果。

但在 After Effects 中製作筆畫動畫並不簡單。挑戰在於如何精確掌握路徑、時間和筆畫長度，讓筆畫看起來流暢。線條出現或消失方式的微小變化，都會對動態的自然程度產生很大影響。

本指南將協助您了解 After Effects 中的筆畫意義，並展示建立步驟。同時也會介紹替代方案，如果您偏好更快速的線條動畫設定方式。讓我們開始吧。

第 1 部分：After Effects 中的筆畫動畫是什麼？

After Effects 中的筆畫動畫是讓線條或輪廓隨時間自行繪製的過程。這些線條會建立流暢的路徑，以動態方式呈現形狀、文字或標誌。這是一種動態圖形技術，能將靜態元素轉變為更具動感的效果。

在 After Effects 中製作筆畫動畫的主要工具是修剪路徑功能。它讓您能控制筆畫的開始、結束和位移。透過調整這些數值，您可以定義線條如何出現、消失或沿著特定路徑移動。

您可以在多種類型的影片中使用筆畫動畫。常見應用包括：

• 旅遊影片的路線動畫：線條在地圖上描繪行程或標示沿途各個停靠點。
• 輪廓筆畫用於產品展示：細線條突顯產品邊緣或揭示形狀的各個部分，以展現設計細節。
• 手寫標誌或簽名揭示：筆畫沿著自訂路徑模仿自然筆跡，為品牌增添個人特色。
• 說明影片或資訊圖表的箭頭指示：筆畫依序繪製箭頭，引導觀眾焦點或連線各個元素。

第 2 部分：如何在 After Effects 中製作筆畫動畫 - 逐步教學

開始之前，您需要了解 After Effects 中的筆畫效果如何運作。概念是繪製一條在螢幕上逐漸出現的線條，使用簡單的形狀圖層和關鍵影格動畫。您將使用修剪路徑功能來控制筆畫何時以及如何自行繪製。

方法 1：使用修剪路徑的基本筆畫動畫

以下是使用修剪路徑功能在 After Effects 中製作筆畫動畫的步驟：

步驟 1

建立形狀圖層

首先將形狀加入時間軸。您可以匯入 Illustrator 檔案，或直接在 After Effects 中使用形狀工具建立形狀。兩種方式效果相同。

如果使用 Illustrator 檔案，請在檔案上按右鍵，選擇建立 > 從向量圖層建立形狀。

步驟 2

移除填色並設定筆畫

我們需要確保形狀只有筆畫。選取形狀圖層，前往工具列設定填色 > 無。

在填色選項旁，將筆畫設為純色。調整筆畫寬度以控制線條的粗細。

步驟 3

加入修剪路徑效果

在時間軸面板中，開啟形狀圖層的下拉選單，點選加入，然後選擇修剪路徑。此功能讓您能製作線條開始和結束點的動畫。

步驟 4

製作筆畫動畫

展開修剪路徑區段。將結束 to 0%設為 0% 使筆畫隱形，並點選結束旁的碼錶以建立第一個關鍵影格。

將播放頭向前移動幾秒，並設定為 100%結束 to 100%。筆畫現在會從頭到尾自行繪製。

步驟 5

讓動畫流暢

選取兩個關鍵影格，按右鍵並選擇關鍵影格輔助 > 緩入緩出或按 F9。這會讓動態更流暢。

現在您已使用修剪路徑在 After Effects 中完成筆畫動畫。您可以將相同步驟應用於不同形狀、文字輪廓或標誌，創造有創意的揭示效果。

方法 2：筆刷筆畫動畫

您也可以使用 After Effects 筆刷筆畫技術建立手繪油漆或墨水效果。這會產生更柔和、自然的邊緣，看起來像真實的筆刷繪畫，而非俐落的數位線條。

請依照以下步驟學習如何建立：

步驟 1

建立新的合成

建立新合成並命名為「筆刷筆畫 1」。保持 HD 解析度，並將持續時間設為約五秒。

步驟 2

繪製基礎線條

選取鋼筆工具並在螢幕上畫一條直線。按住Shift以保持直線。關閉填色 > 無填色筆畫寬度並將

步驟 3

筆畫

設為約 6 畫素。先選擇白色等顏色。複製並變化線條前往形狀圖層，開啟內容屬性，並將

路徑

步驟 4

複製多次。

調整每條新線的路徑位置，使它們略微位於彼此下方。將某些寬度改為 10 或 15 畫素，以建立更厚、分層的外觀。通常約十條線就很理想。加入粗糙邊緣點選線條圖層，前往

效果與預設集面板。搜尋粗糙邊緣。

，並將其套用至線條的效果控制項。將4邊框設為約 10，將10複雜度

步驟 5

新增修剪路徑以製作筆刷動畫

開啟形狀圖層，前往 複製並變化線條，然後點選 新增 > 修剪路徑。確保將其新增至包含所有複製線條的整個群組，而非僅新增至單一線條。如此一來，所有線條將作為單一筆刷筆觸一起產生動畫效果。

展開修剪路徑 設定以調整 滑桿。將播放指示器移至線條筆觸的起點，並將滑桿設為 0%。點選 碼錶 圖示旁的滑桿以建立第一個關鍵影格。接著，將播放指示器往前移動並變更 滑桿 呈現方式為 100%。筆觸現在會以統一的動作在螢幕上繪製。

現在您已在 After Effects 中建立了一個可在螢幕上產生動畫效果的筆刷筆觸。您可以結合多個筆刷筆觸、調整其色彩，或彎曲其形狀以製作更具藝術性的動畫。

額外提示：您真的需要 After Effects 嗎？試試替代方案

您想在 After Effects 中製作筆觸動畫，但不想要複雜的設定嗎？在動態圖形中，筆觸不僅僅是裝飾。它們引導視線、描繪路徑，並有意圖地呈現形狀。您經常會在旅遊路線、商標展示、說明影片或產品重點中使用筆觸動畫。

但是，如果您的目標是快速建立這些效果，After Effects 可能不是最佳選擇。在 After Effects 中製作筆觸動畫可能需要時間並涉及多個設定步驟。對於偏好提供更簡單工作流程的影片編輯器的使用者，請嘗試替代編輯器，例如 Wondershare Filmora.

免費試用 免費試用

下載應用程式

掃描以取得 Filmora 應用程式

免費安裝 Filmora 應用程式 免費安裝 Filmora 應用程式

安全下載

Filmora Version 15 已推出 鋼筆工具 功能，同樣可讓您建立類似 After Effects 的筆觸動畫。不同之處在於所有操作都在同一個地方進行。您可以在影片畫布上繪圖、調整曲線，並為線條路徑製作動畫，無需在多個圖層之間切換。

比較 After Effects 與 Filmora 中的筆觸動畫

請查看下表，了解 Filmora 與 After Effects 建立筆觸動畫的比較：

如何在 Filmora 中製作筆觸動畫

請依照以下步驟在 Filmora 中建立筆觸動畫：

步驟 1

開始專案並新增素材

開啟 Filmora 並開始新專案。匯入您的影片或影像，並將其拖曳至時間軸。在預覽視窗中調整其位置或大小，以正確構圖您的場景。

步驟 2

使用鋼筆工具繪製路徑

在時間軸上方的工具列選單中，前往 繪圖工具 > 鋼筆工具。

然後，您可以在預覽畫面上繪製筆觸。

點選一次以新增直線點，或點選並拖曳以建立曲線。

完成繪製後，在畫面上按右鍵並選擇 停止 以確認您的路徑。

步驟 3

自訂筆觸樣式

使用繪圖工具建立形狀後，形狀編輯 面板將在畫面右側開啟。

捲動至 筆畫 區段，您可以在此設定線條 色彩、調整 粗細 （厚度），或設定 不透明度。如果您想要更快速的設定，也可以從預設筆觸樣式中選擇。

步驟 4

使用關鍵影格製作筆觸動畫

在同一面板中，前往 修剪路徑 區段。此工具可協助為您的筆觸線條新增關鍵影格。

將播放指示器移至片段的起點並設定 結束 to 0%。點選 關鍵影格 圖示以標記第一個影格。

然後，將播放指示器往前移動並變更 結束 to 100%。下一個關鍵影格將自動新增。

此設定會建立流暢的筆觸動畫，沿著路徑繪製。

步驟 5

預覽筆觸動畫

在預覽視窗中播放影片以檢視動畫。如有需要，請調整筆觸時間或路徑形狀，使其自然流暢。

結論

學習在 After Effects 中製作筆觸動畫，是建立輪廓、商標描繪或動作路徑的實用技能。它提供精確的控制，但需要時間設定和調整關鍵影格。

如果您偏好更快速且更簡單的設定，Filmora 的鋼筆工具可以用更少的努力在 After Effects 中實現類似的筆觸動畫。它讓您可以在畫布上繪製形狀、調整筆觸樣式，並直接在同一個地方為路徑製作動畫。

Filmora 適合想要流暢筆觸動畫且不需陡峭學習曲線的創作者。立即試用，看看您的編輯可以有多快速。

Filmora

AI 影片編輯應用程式與軟體

免費試用 免費試用

下載應用程式

掃描以取得 Filmora 應用程式

適合所有創作者在任何地方製作影片的最佳工具！

您的完美首次影片編輯從這裡開始 - 無需經驗

免費安裝 Filmora 應用程式 免費安裝 Filmora 應用程式

安全下載