本教程展示一種利用圖層蒙版位移配合漸變疊加動畫，製作人物照片四向（上下左右）交替展現、邊框漸變流動的 GIF 動畫效果。核心思路：一張原圖產生 5 層（1 原向 + 4 水平翻轉副本），每層加矩形/橢圓蒙版，解除圖層與蒙版鏈接，在時間軸關鍵幀記錄蒙版位置從「不可見」滑入「全顯」，再滑出；邊框圖層同步記錄漸變位置關鍵幀；兩組動畫交替循環，最終在 ImageReady 中導出 GIF。

關鍵步驟

1. 新建黑背景畫布，置入人物圖調整大小。
2. Ctrl+點擊圖層縮略圖載入選區 → 新建圖層 → 編輯 → 描邊（1px、外側）做邊框基礎。
3. 邊框圖層添加「漸變疊加」樣式，角度 0°，拖動漸變至畫面外（準備動畫進場）。
4. 複製人物圖層 4 次（共 5 層），第 1 副本水平翻轉。每層添加矩形/橢圓蒙版，蒙版初始位置使圖像完全隱藏（白色區域在畫布外）。解除圖層與蒙版鏈接。
5. 打開動畫面板（幀模式）。第 1 幀：記錄蒙版初始位置、邊框漸變初始位置。
6. 複製幀 → 第 2 幀：蒙版滑入顯示圖像（上→下、下→上、左→右、右→左四層同步），邊框漸變滑入。設置補間幀（10 幀）平滑過渡。
7. 複製幀 → 第 3 幀：蒙版滑出隱藏，邊框漸變滑回。再次補間。
8. 以此類推製作第二組動畫（左右滑入/滑出）。
9. 切換至 ImageReady（文件 → 在 ImageReady 中編輯）預覽並導出優化 GIF。

教程展示了蒙版位移動畫、漸變動畫、多圖層協同關鍵幀、PS/ImageReady 協作導出的完整動畫工作流。