利用「剪貼蒙板」配合時間軸動畫，能製作出極具視覺張力的「遮遮掩掩」揭露效果。本教學將運動軌跡分為「直線運動」與「平面運動」兩大類，示範 7 種路徑變化，掌握核心邏輯後即可舉一反三創作專屬動態視覺。

效果預覽：7 種運動軌跡

基礎架構建立（所有動畫共用）

1. 新建 500×200 px 畫布。
2. 置入/拖入 4 張素材圖，命名 A、B、C、D（由上至下）。
3. 複製最上層 A 拖至最下層，作為最終揭露的完整圖（命名 D copy）。
4. 新建 4 個白色填充圖層 1、2、3、4（白色能完全遮蓋下層）。
5. 將白色圖層 1~4 分別移至 A~D 下方，建立剪貼蒙板（Alt 點擊圖層間分隔線）。

類型一：直線運動（上下/左右）

核心邏輯

擴大畫布高度（或寬度）→ 重新排列白色遮罩層順序 → 鏈接遮罩層 → 關鍵幀移動遮罩 → 裁切畫布還原。

上下運動實作步驟

1. 圖像 > 畫布大小，高度增加（如 600px），錨點置中。
2. 將白色遮罩層 1~4 由下往上依序排列（1 在最下，4 在最上）。
3. 選中 4 個遮罩層 → 鏈接圖示鎖定。
4. 開啟時間軸 → 建立幀動畫 → 設定循環選項。
5. 複製幀，向上拖動鏈接的遮罩群組，直到最底層 D copy 完全露出。中間插入 40~50 幀過渡（幀數越多越平滑）。
6. 再次 圖像 > 畫布大小 裁切回 500×200。
7. 存檔為 Web 格式 (GIF/MP4)。

類型二：平面運動（對角線、圓周、8 字、折射）

核心邏輯

擴大畫布為正方形 → 新增十字參考線定位中心 → 鏈接 6 個圖層（4 遮罩 + 2 參考線） → 關鍵幀移動「十字中心點」軌跡 → 裁切畫布。

實作要點

1. 圖像 > 畫布大小 擴展為正方形（如 600×600），錨點置中。
2. 最上方新增 2 個圖層繪製十字線，交點即運動軌跡基準點。
3. 選中 4 遮罩層 + 2 十字線層 → 鏈接。
4. 時間軸建立關鍵幀：移動鏈接群組，使十字中心點按預定軌跡（對角線、圓周、8 字、隨意曲線）移動。每段關鍵幀間插入過渡幀。
5. 完成後裁切畫布回 500×200，輸出動畫。

延伸應用建議

• 遮罩層可用漸層、雜訊、紋理替代純白，產生「漸顯/模糊揭露」效果。
• 素材圖可換為文字、Logo、插畫，做品牌動態揭露動畫。
• 搭配「圖層樣式動畫」（如外發光漸變）增強視覺衝擊。
• 導出 MP4 供影片剪輯，導出 GIF 供網頁/社群分享。

剪貼蒙板動畫的精髓在於「遮罩位置隨時間變化」這一簡單邏輯，掌握基礎架構後，你的創意就是唯一限制。