After Effects 表達式入門教學：自動化動畫技巧完全指南

什麼是 After Effects 表達式？

如果你已經用 After Effects 做了一陣子的動畫，應該會發現有些重複性的動作真的很煩——比如要讓十個圖層都跟著某個主圖層移動，或者讓數字計時器自動跑起來。這時候，表達式（Expression）就是你的救星。

簡單來說，表達式是一小段 JavaScript 語法的程式碼，你可以把它「掛」在任何屬性上，讓 After Effects 根據你寫的邏輯來自動計算數值，而不是手動一格一格打關鍵幀。聽起來很技術？其實入門比你想像中容易多了。

我第一次接觸表達式是因為懶——我不想每次改主角位置就要重新調整背景的位移。後來發現，表達式不只省時間，更能讓動畫邏輯更嚴謹，整個工作流程直接升級。

開啟表達式的方法

開始之前，先來學怎麼啟動表達式編輯器。步驟很直覺：

• 在時間軸（Timeline）找到你想控制的屬性，例如「位置」
• 按住 Alt 鍵（Mac 是 Option），然後點擊屬性左邊的碼錶圖示
• 下方會出現一個橘色的文字輸入欄，這就是表達式輸入區
• 在這裡輸入你的程式碼，按 Enter 或點其他地方確認

啟動後，屬性會變成橘色，代表這個屬性現在是由表達式控制的。如果你想暫時關閉，可以點旁邊的「=」圖示來切換啟用狀態。

最實用的入門表達式

1. wiggle — 隨機抖動效果

這應該是全 After Effects 社群最常用的表達式，沒有之一。wiggle(frequency, amplitude) 可以讓任何屬性產生隨機的擺動效果，不需要打任何關鍵幀。

舉個例子，你想讓一顆星星輕微地漂浮：

wiggle(2, 15)

這代表每秒抖動 2 次，幅度為 15 像素。想要更劇烈？把數字改大就好。這個表達式超適合做背景粒子、手持攝影感，或者讓靜態圖形多一點生命感。

2. time — 用時間驅動動畫

time 是 After Effects 內建的變數，代表目前時間（單位為秒）。你可以用它做出「永遠在動」的循環效果，完全不需要關鍵幀。

例如讓圖層持續旋轉：

time * 90

這樣圖層每秒會轉 90 度，也就是每 4 秒轉一圈。想調速？改數字就行。這招做指針、loading 圈、星球公轉都超方便。

3. loopOut — 讓關鍵幀無限循環

有時候你已經打好幾個關鍵幀，但想讓這段動作一直重複到影片結束。loopOut("cycle") 正是為此而生。

只要在屬性上加這一行表達式，After Effects 就會把你最後兩個關鍵幀之間的動作無限循環下去。對做循環動畫來說，這根本是必備技能。

4. value + wiggle — 在現有數值上疊加抖動

有個常見的需求是：我已經有位置關鍵幀了，但想在上面再疊加一點抖動感，而不是完全交給 wiggle 接管。這時可以這樣寫：

value + wiggle(3, 8)

value 代表這個屬性原本的值（包含你打的關鍵幀），加上 wiggle 之後，就是在原本的移動軌跡上疊加隨機震動，兩者並不衝突。

pickwhip 連結：讓屬性互相跟隨

表達式另一個超強的功能是屬性連結，也就是讓 A 圖層的某個屬性自動跟著 B 圖層的數值走。操作方法是使用「pickwhip」（那個像蝸牛殼的圖示）：

• 啟動 A 屬性的表達式
• 按住 pickwhip 圖示並拖曳到 B 屬性上
• 放開後，After Effects 會自動生成連結語法

例如你想讓一個文字圖層的 X 位置跟著主角圖層走，只需要把文字的「位置」表達式連結到主角的「位置」上，之後不管主角怎麼移動，文字都會自動跟上，完全不用重打關鍵幀。這個技巧搭配 文字動畫 的製作流程，可以大幅減少重複勞動。

實戰：製作自動計時器

來做一個實際案例吧。假設你要製作一個從 0 數到 100 的計時數字動畫，最土法煉鋼的方式是打很多關鍵幀，但用表達式可以一行解決：

在文字圖層的「來源文字（Source Text）」屬性上啟動表達式，輸入：

Math.round(time * 10)

這樣文字就會隨時間自動增加，每秒增加 10。想控制起點和終點？可以搭配 linear() 函數做更精確的映射。這個技巧特別適合製作資訊圖表（infographic）或數據可視化影片。

表達式與 Lottie 輸出的相容性

這裡要特別提醒一點：不是所有表達式都能被 Lottie 正確解析。如果你的動畫最終要輸出成 Lottie 動畫 給網頁使用，建議盡量使用 loopOut、基本的數學運算等標準功能，避免用太複雜的自訂函數，否則輸出後可能會發現動畫跑掉了。在開始製作之前，先確認你的輸出目標，可以省掉很多麻煩。

「表達式是 After Effects 裡最值得投資學習的技能之一。一旦上手，你的工作效率會有質的飛躍，不是多 10%，而是直接減少 50% 的重工。」

常見錯誤與除錯技巧

剛開始寫表達式，難免會遇到紅色警告（After Effects 會把有錯誤的表達式標記成紅色，並顯示錯誤訊息）。幾個常見坑：

• 大小寫錯誤：表達式是區分大小寫的，wiggle 寫成 Wiggle 就會報錯
• 括號不對稱：每個開括號都要有對應的閉括號，這是最常犯的低級錯誤
• 連結到不存在的圖層：如果你用 pickwhip 連結後刪除了來源圖層，表達式就會失效
• 屬性維度不匹配：把一個單維度的值（如「旋轉」）連結到二維屬性（如「位置」）時，要注意資料型別

遇到錯誤時，點擊錯誤訊息通常會有提示告訴你哪一行出問題。善用這個功能，比肉眼找錯誤快多了。

進階方向：從表達式到腳本

學會基礎表達式之後，下一步可以開始探索 After Effects 的 Script（腳本）功能。腳本和表達式都是用 JavaScript 語法，但腳本可以做更複雜的批次操作，例如一鍵整理圖層命名、自動建立佔位圖層等等。

另外，如果你對互動式動畫有興趣，也很推薦研究 Rive 動畫——它在互動邏輯這塊做得比 AE 更直覺，兩套工具學起來可以互補。

總結

After Effects 表達式入門其實沒有想像中困難。從 wiggle、time、loopOut 這三個核心表達式開始練習，搭配 pickwhip 連結屬性，你已經可以解決工作中 80% 的自動化需求。

重點是要動手試，不要只是讀教學。打開 AE，新建一個測試專案，把每個表達式都親手輸入一遍，感受它的效果。你會發現，原本需要花半小時打關鍵幀的動作，現在可能只要 30 秒就搞定了。

表達式是一個越用越有成就感的工具。希望這篇教學能幫你打開這扇門，讓你的 After Effects 工作流程更聰明、更有效率。