利用圖層複製、自由變換微位移、時間軸幀動畫三步走,快速產出晃動水珠 GIF 動畫。方法通用於任何「微小形變循環」動畫:心跳、呼吸、燈光閃爍、旗幟飄揚等。適合零基礎快速上手 PS 動畫製作。
效果預覽
通欄應用示例:
核心製作邏輯
- 準備靜態水珠圖層:繪製/置入單顆水珠圖層(含高光、倒影、折射細節),命名「水珠 1」。
- 複製圖層並微調位置/形變:Ctrl+J 複製 → Ctrl+T 自由變換 → 微小位移(1-2px)、縮放(±1-2%)、旋轉(±0.5°)、扭曲 → 確認。命名「水珠 2」。重複 3-5 次,獲得 4-6 個微異狀態圖層(水珠 1~n)。
- 開啟時間軸建立幀動畫:視窗 > 時間軸 > 建立影格動畫。
- 幀對應圖層可見度:第 1 幀僅顯示「水珠 1」,第 2 幀僅顯示「水珠 2」……依序類推。
- 添加過渡幀:全選幀 → 右鍵 > 插入中間影格 > 新增 3-5 幀 > 勾選「圖層可見度」,自動生成淡入淡出過渡,消除跳幀感。
- 設定幀延遲:統一 0.08-0.12 秒(約 8-12 FPS),循環選「永遠」。
- 導出 GIF:檔案 > 存儲為 Web 所用格式 > GIF 256 色 > 儲存。
通用模板化建議
- 將上述圖層組結構保存為 `.psd` 模板:`水珠動畫模板.psd`,內含 6 個狀態圖層組、時間軸預設幀率。
- 新專案只需替換智能對象內的水珠素材,時間軸自動套用,一鍵輸出新動畫。
- 同邏輯擴展:心跳圖標(縮放變換)、呼吸光暈(不透明度漸變)、旗幟飄揚(扭曲變形序列)。
「動畫本質是狀態序列的時間采樣」。掌握「狀態圖層組 + 時間軸可見度切換 + 過渡幀插值」這套最小可行性工作流,你就掌握了 PS 幀動畫 90% 的應用場景。