利用剪貼蒙版配合畫布擴展，能輕鬆製作多樣化的移動遮罩 GIF 動畫。本教程分類講解直線運動（上下/左右）與平面運動（對角/轉圈/8字/折射）的核心邏輯與操作步驟。

運動類型效果預覽

直線運動：

平面運動：

基礎佈局（所有動畫通用）

1. 新建 500×200px 畫布。
2. 導入 4 張素材圖層，命名 A/B/C/D（由上到下）。
3. 複製最上層 A 拖至最底層，命名「A 副本」（作為最後露出的底圖）。
4. 新建 4 個白色填充圖層 1/2/3/4（白色遮蓋力最強）。
5. 將白色圖層 1/2/3/4 分別拖至 A/B/C/D 下方，並建立剪貼蒙版（Alt+點擊圖層間分隔線）。
   

直線運動製作（以向上為例）

1. 擴展畫布：圖像 → 畫布大小，高度增加（如 +300px），錨點設底部中間，畫布向上擴展。
   
2. 重排白色遮罩層：將 1/2/3/4 從下往上依序排列（1 最底，4 最頂）。
   
3. 鏈接 4 個白色圖層（移動時同步）。
   
4. 打開幀動畫面板（窗口 → 時間軸 → 轉幀動畫）。
5. 第 1 幀：白色組在初始位置。複製幀 → 移動鏈接組向上，直到「A 副本」完全露出。設置過渡幀 40-50（越多越順滑）。
   
6. 還原畫布大小：圖像 → 畫布大小，裁回 500×200px。
   
7. 存儲為 Web 格式 (Alt+Ctrl+Shift+S) 導出 GIF。

左右運動同理，僅改變畫布擴展方向（左/右）。

平面運動製作（以對角線為例）

1. 畫布向雙向擴展（寬+高同增），錨點設中心。
   
2. 頂層新建兩條十字參考線（圖層 5/6），交點作為運動軌跡基準點。
   
3. 鏈接 6 個圖層（4 個白色遮罩 + 2 條參考線）。
   
4. 動畫製作核心：移動十字線交點位置。每幀移動交點，白色遮罩組跟隨移動，露出不同素材。過渡幀同理設置。
   
5. 同樣最後裁切畫布、導出 GIF。

轉圈、8 字、折射等複雜軌跡，本質都是控制十字交點按預定路徑移動。只要會建幀、會過渡，軌跡千變萬化。