春節將至，想自製獨特的卷軸展開動態賀圖嗎？本教程將示範如何運用素材合成、變形動畫、蒙版控制，製作出具有傳統韻味的卷軸打開動畫效果，適合新年問候、品牌節日營銷、個人作品集展示。

素材準備

卷軸主體、卷軸兩側捲軸、背景紋理、福字/春聯裝飾、煙花/燈籠動態素材等。

最終動態效果

核心動畫邏輯

1. 靜態合成：所有素材組合完成最終展開狀態的靜態版面
2. 卷軸分層：將卷軸主體拆分為「左捲軸」「右捲軸」「中間畫面」「裝飾元素」獨立圖層/組
3. 關鍵幀設計：
   • 幀 1：卷軸完全閉合（僅顯示兩側捲軸）
   • 中間幀：左捲軸左移、右捲軸右移、中間畫面寬度從 0 漸變至 100%
   • 末幀：完全展開，裝飾元素依序彈入/淡入
4. 蒙版控制展開過程：中間畫面圖層添加向量蒙版，關鍵幀動畫蒙版路徑寬度（或使用矩形蒙版寬度關鍵幀），實現「由中向兩側展開」視覺效果
5. 輔助動畫：捲軸旋轉動畫（配合展開方向）、裝飾元素彈性進場、背景光效呼吸閃爍

步驟圖記錄

進階優化建議

• 使用「時間軸」視頻圖層動畫替代幀動畫，獲得更流暢插值與更小檔案
• 結合 After Effects 實現更複雜的物理模擬（紙張彎曲、光影變化）
• 輸出 MP4/WebM 格式支援更高畫質與色深，突破 GIF 256 色限制
• 添加音效（紙張摩擦聲、鐘聲）製作完整多媒體賀卡

此「蒙版寬度關鍵幀動畫」核心技法廣泛適用於：側邊欄滑出、彈窗展開、進度條填充、地圖路徑繪製等所有「由無到有/由小到大」的展開類動畫。