效果預覽
利用圖層組管理幀狀態,配合自由變換旋轉,幾分鐘產出極具禪意的旋轉太極陰陽字 GIF 動畫,適合文化類海報、APP 啟動頁、節日營銷素材等場景。
核心思路:圖層組 = 幀容器
每個「圖層組」代表動畫的一幀狀態,組內包含:太極底圖(上下兩半)、文字圖層。通過控制各組的「眼睛」(可見性)在不同時幀顯示不同旋轉角度,避免了傳統逐幀複製圖層的混亂與檔案膨脹。
分步制作指南
1. 素材準備與初始佈局
打開太極素材(黑白魚圖),複製一層。在兩層之間新建文字圖層輸入「陰陽」或任意文字。圖層順序自下而上:太極底層 → 文字 → 太極頂層。
2. 建立首幀圖層組並製作剪貼蒙版
- 選中三圖層,Ctrl+G 群組命名「幀1」。
- 選中組內頂層太極圖層,Ctrl+T 右鍵「垂直翻轉」(使黑白魚頭尾相接)。
- 右鍵該圖層選「建立剪貼蒙版」,文字僅顯示在翻轉後的太極形狀內,形成「陰陽字」效果。
3. 批量複製組並設置旋轉遞增
- 複製「幀1」組 11 次,重命名為「幀2」~「幀12」(共 12 幀,每幀旋轉 30°,完整 360°)。
- 打開「視窗 > 時間軸/動畫」面板,建立幀動畫,新建 12 個空白幀。
4. 幀與圖層組綁定(核心操作)
- 第 1 幀:關閉「幀1」組眼睛(隱藏),其餘組隱藏。
- 第 2 幀:開啟「幀1」組眼睛,選中組內兩個太極圖層,Ctrl+T 旋轉 30°。
- 第 3 幀:開啟「幀2」組眼睛,旋轉 60°。
- ……以此類推,第 N 幀開啟「幀N-1」組,旋轉 (N-1)×30°。
- 第 12 幀:開啟「幀11」組,旋轉 330°。
5. 清理與導出
- 刪除第 1 幀(空白幀),確保循環從實際內容開始。
- 所有幀延遲設 0.1 秒(10fps)或 0.08 秒(12.5fps),視流暢度調整。
- 檔案 > 匯出 > 存儲為 Web 所用格式,選 GIF,顏色 256、抖動 88%、循環「永遠」,存檔。
進階優化技巧
| 優化點 | 操作方法 | 效果提升 |
| 旋轉中心精準對齊 | 太極素材預先置中,或用參考線定位中心點,Ctrl+T 時按 Alt 從中心變換 | 消除旋轉抖動,視覺更穩 |
| 文字描邊/描邊增強可讀性 | 文字圖層添加「描邊」樣式(2px、#000、外部) | 複雜背景下文字依然清晰 |
| 添加光暈/粒子特效 | 在頂層新建圖層組「特效」,各幀內添加旋轉同步的鏡頭光暈/粒子 | 提升視覺檔次,適合營銷物料 |
| 導出 APNG/WebP | 用 Ezgif 或 PS 腳本導出 APNG/WebP | 體積減 50%+,支援全色彩+透明 |
| 反向/變速播放 | 複製幀序列反序排列、或調整單幀延遲 | 豐富動畫語言,適應不同敘事 |
素材獲取建議
- 太極矢量圖:搜索「Taiji SVG」「Yin Yang vector」下載 AI/SVG,放入 PS 保持銳利邊緣。
- 字體推薦:標楷體、漢儀行楷、思源宋體 Bold,筆畫粗細適中利於識別。
- 配色方案:經典黑白、墨綠/米白(復古)、科技藍/亮青(現代)、金/紅(節日)。
總結
「圖層組即幀狀態」是 PS 幀動畫管理複雜場景的核心範式。配合「剪貼蒙版」實現文字與圖形融合、「自由變換旋轉」產生動態、「補間/手動關鍵幀」控制節奏,即可高效產出專業級 GIF 動畫。此法同樣適用於風車旋轉、齒輪嚙合、雷達掃描、Loading 圖標等一切旋轉對稱類動畫制作。