After Effects 26 可變字體動畫完整教學：用 Variable Font 做出超酷文字動態效果

什麼是可變字體（Variable Font）

傳統字體一個粗細一個檔案。可變字體只有一個檔案，包含所有粗細、寬度、傾斜度的「連續光譜」。Weight 可以設成 450——介於 Regular（400）和 Medium（500）之間的值。而且這個值可以被 keyframe。

可變字體的「軸（axis）」：

• Weight（wght）：粗細 100-900
• Width（wdth）：字寬 75%-125%
• Slant（slnt）：傾斜度 0 到 -12
• 自訂軸：某些字體有獨特參數（如 Recursive 的 Casual 軸）

After Effects 26 的可變字體支援

AE 26 終於加入完整可變字體支援：字體面板直接看到所有可用軸、用滑桿即時調整、對每個軸設定 keyframe、用 Expression 控制。

如果你學過 AE 文字動畫基礎，可變字體會讓作品提升一個層次。

Weight 粗細漸變動畫

用 Google Fonts 的 Inter 字體：

1. 新增文字圖層，選 Inter Variable
2. 找到 Weight 滑桿
3. 0 秒 Weight 設 100（極細）→ keyframe
4. 1 秒 Weight 設 900（極粗）→ 自動建立 keyframe
5. 播放——文字從極細平滑變到極粗

這不是 scale 放大，是真正的字重變化，筆畫粗細比例保持正確。加上 Easy Ease（F9）更有呼吸感。更多緩動技巧看 AE 關鍵影格教學。

多軸同時動畫

同時讓 Weight 從細變粗、Width 從窄變寬、Slant 從正體變斜體。三個軸用不同時間曲線，文字產生非常有機的形態變化——像在「呼吸」或「脈動」。

我喜歡讓 Weight 先到達（快進慢出），Width 延遲 0.1 秒，Slant 最後到達，產生「波浪」般流動感。

Expression 自動化

// Weight 呼吸效果
var minWeight = 200;
var maxWeight = 700;
var speed = 2;
var t = (Math.sin(time * speed * Math.PI * 2) + 1) / 2;
linear(t, 0, 1, minWeight, maxWeight);

讓文字粗細像心跳般持續脈動。搭配 AE Expression 進階教學可做出很炫的自動化效果。

實戰 Kinetic Typography

Instagram Reels 動態字卡：1080x1920 合成、Inter Variable 從 Weight 100 動畫到 800、文字從下方滑入同時粗細增加、關鍵字到最粗時加 Scale 微彈、副標用 Width 從窄到正常入場、停留階段用 Expression 做微幅脈動。

只用一個字體、幾個 keyframe 和 Expression，效果非常專業。

推薦免費可變字體

• Inter：萬用無襯線體 Weight 100-900
• Recursive：有 Casual 軸（幾何⇄手寫風格漸變）
• Outfit：現代幾何風格
• Space Grotesk：科技感
• Noto Sans TC：繁體中文可變字體首選

結語

Variable Font 動畫是 AE 26 最讓人興奮的新功能。它在最熟悉的 文字動畫基礎上多了超強大維度。從一個簡單 Weight 動畫開始，你會發現文字可以這麼有生命力。