如何在 After Effects 中繪製和動畫線條 [教學 + 更簡單的選項]

想知道如何在影片中製作追蹤路徑或勾勒形狀的線條嗎？

這正是After Effects 中的線條動畫所做的事——它讓你能夠創建流暢、動態的線條，常見於資訊圖表、旅行路線和標誌揭示中。

雖然這項技術讓你能完全控制時間、形狀和動作，但可能會有點耗時，因為它依賴於關鍵影格和遮罩.

本指南將引導你從頭到尾了解如何在 After Effects 中製作線條動畫——並展示一個更快速的替代方案，讓你能用更少的努力獲得相同的效果。讓我們開始吧！

第一部分：如何在 After Effects 中製作線條動畫

在 After Effects 中創建線條動畫讓你能完全控制線條如何移動、彎曲或連接場景中的物件。你可以使用這項技術來製作路線、資訊圖表或任何沿著乾淨路徑的形狀動畫。

按照以下步驟學習如何在 After Effects 中製作線條動畫:

步驟 1. 創建新的合成

打開 After Effects 並使用你偏好的設定創建新的合成。保持足夠長的持續時間，讓線條能夠在螢幕上繪製完成。

步驟 2. 繪製路徑

在工具列中，從工具列選擇鋼筆工具（G）並點擊合成來繪製點。

在 After Effects 中繪製一條線來定義線條移動的路徑。

對於直線路徑，每個點點擊一次。
對於曲線路徑，點擊並拖曳來調整控制柄。

步驟 3. 新增修剪路徑

線條創建完成後，前往形狀圖層 1 & 內容 & 形狀 1 & 路徑 1，然後點擊路徑並複製它。我們將需要這個副本來製作實際的箭頭。

接下來，前往內容 & 新增 & 修剪路徑.

打開我們剛新增的修剪路徑 1，並製作結束值的動畫。

在時間軸開始處將第一個關鍵影格設定為 0%，然後向前移動播放頭並將其更改為 100%。這樣可以讓線條沿著路徑自行繪製。

步驟 4. 創建箭頭

要為 After Effects 中的動畫線條製作箭頭，從工具列選擇星形工具。

拖曳時，按下向下箭頭鍵直到形成三角形。按住Shift使其對齊均勻。

將填充設定為實心，將筆畫設定為透明。調整顏色和大小以匹配你的線條。

步驟 5. 將箭頭與線條對齊

我們需要確保箭頭的錨點位於中心。選擇箭頭圖層，然後按Ctrl + Alt + Home（或 Cmd + Option + Home）來重新置中錨點。

接下來，前往箭頭的位置屬性並貼上你之前創建的路徑。這會將其移動連結到動畫線條。

步驟 6. 使箭頭沿著路徑定向

右鍵點擊箭頭圖層並選擇變換 & 自動定向.

在彈出視窗中，選擇沿路徑定向。這會使箭頭自然地跟隨線條的方向。

如果需要，將箭頭旋轉 90 度以面向正確的方向。

步驟 7. 新增平滑動作

選擇兩個形狀的圖層，然後按鍵盤上的U來顯示所有關鍵影格。

選擇它們，右鍵點擊，然後前往關鍵影格助理 & 緩入緩出。此設定可平滑 After Effects 中的線條動畫，在開始和結束時創建漸進的加速和減速。

現在，當你播放時間軸時，你會看到箭頭完美地沿著路徑移動。一旦你掌握了這項技術，就能清楚地了解線條動畫有多強大。

接下來，讓我們探討為什麼許多編輯者仍然覺得這個過程比預期的更複雜。

第二部分：為什麼 After Effects 中的線條動畫會讓人感到複雜

使用 After Effects 的繪製線條工具可以讓你完全控制形狀、動作和時間。但同樣的控制也增加了手動設定，可能會減慢你的工作流程。對於初學者或快速專案，這個過程可能會感覺繁重且技術性強。

以下是編輯者在 After Effects 中創建線條動畫時面臨的一些最常見挑戰：

步驟過多：在動畫開始移動之前，你需要在圖層、遮罩和效果之間切換。每條路徑都需要筆畫或修剪路徑設定，這會增加每個專案的時間。
視覺效果需要額外工作：新增發光、漸變末端或手寫軌跡通常需要複製圖層或外掛程式，這會減慢工作流程。
依賴外掛程式：某些自訂線條樣式或進階筆畫仍然依賴付費外掛程式，這會增加設定和成本。
沒有快速預設：大多數效果必須從頭開始建立，因此要為多個片段重複使用相同的動畫風格，可能會比預期花費更多心力。

這些重點並不意味著 After Effects 中的線條動畫不夠強大；它只是需要耐心和精確度。這就是為什麼許多創作者會尋找更快速的工具，以更少的設定和更多的彈性來達到相同的視覺效果。

額外收穫：更快速的線條動畫方法 — 替代編輯器

在學習如何在 After Effects 中繪製線條之後，您可能會發現即使是簡單的動畫也需要多個步驟 — 設定遮罩、關鍵影格和效果。

如果您想更快速地建立類似的線條動畫，Wondershare Filmora提供了更簡單的方法來做到這一點。

Filmora 透過其新的筆型工具提供該選項，它將繪圖、動畫和樣式設定整合在一個面板中。您仍然手動繪製線條，但動畫、時間和樣式設定是透過簡單的滑桿和即時預覽來完成。

免費試用免費試用

掃描以取得 Filmora 應用程式

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

安全下載

為什麼選擇 Filmora 進行線條動畫

筆型工具：直接在預覽畫面上繪製自訂線條或路徑。感覺就像直接在影片畫布上繪圖。
修剪路徑 + 筆畫效果：調整開始、結束和偏移值來製作線條動畫、追蹤形狀或新增發光輪廓。
路徑跟隨：將任何物件，例如文字, 貼圖或圖示，附加到您繪製的路徑上，使它們自然地沿著路徑移動。

Filmora 與 After Effects：線條動畫工作流程比較

雖然 After Effects 提供完整的控制和精確度，但它需要多個步驟、關鍵影格，有時還需要外掛程式來建立線條動畫。Filmora 簡化了這個過程，同時不犧牲視覺品質。以下是清楚的比較：

功能 / 面向	After Effects (AE)	Wondershare Filmora
精確控制	完全控制多段路徑、偏移、開始/結束點和虛線。關鍵影格可以高精確度調整。	透過直覺式的簡化控制關鍵影格。比 AE 精細度低，但建立動畫更快速。
線條樣式	直線、曲線、虛線、漸層和發光線條，具有進階自訂功能。	多種內建線條樣式。輕鬆調整顏色、粗細、不透明度和筆畫效果。
動畫複雜度	對於複雜路徑、手寫效果或曲線運動具有完全彈性。	簡化的工作流程。多段路徑和物件跟隨可以快速設定。
可附加元素	可以連結文字、圖示或形狀，但需要手動設定路徑和關鍵影格。	內建路徑跟隨功能可讓箭頭、圖示或貼圖自動沿著路徑移動。
外掛程式依賴性	進階筆畫或特殊效果可能需要外掛程式。	大多數效果都是內建的；不需要額外的外掛程式。
理想使用者	專業動畫師、動態圖形設計師以及需要精確控制的使用者。	初學者、短影音創作者，或任何想快速製作高品質線條動畫的人。
工作流程效率	手動設定遮罩、關鍵影格和圖層使過程變慢。	簡化的工作流程配合即時預覽加快建立速度。
最佳使用情境	進階動態圖形、詳細的路線動畫、精確的資訊圖表線條。	社群媒體影片、教學影片、標誌顯示、旅遊路線動畫和快節奏專案。
顯示更多顯示較少