打造唯美動態水波倒影效果
利用 Photoshop 時間軸/動畫面板,配合濾鏡扭曲變形,能輕鬆製作出人物水面倒影隨波浪擺動的動態 GIF。本教程以 CS3 版本為例演示核心流程,新版操作邏輯一致。
最終動態水波倒影 GIF 效果預覽
動畫面板關鍵幀設置示意
製作核心步驟
1. 素材準備與基礎圖層結構
- 新建 500×500px 畫布,拖入人物素材,Ctrl+T 調整大小命名為「上」
- Ctrl+J 複製兩層,其中一層執行「編輯→變換→垂直翻轉」作為倒影
- 合併倒影相關圖層命名「上下」,置於「上」圖層下方
2. 倒影模糊與漸變處理
對「上下」圖層執行「濾鏡→模糊→高斯模糊」(半徑 1.5px),用柔邊橡皮擦淡化底部,模擬水面漸隱效果。
3. 關鍵幀序列製作
- 複製「上下」圖層 3 次,共 4 個倒影圖層
- 依次執行「濾鏡→扭曲→水波紋」(從中心向外),參數設置:
- 第 1 層:數量 14,起伏 8
- 第 2 層:數量 14,起伏 9
- 第 3 層:數量 14,起伏 10
- 第 4 層:數量 14,起伏 11
- 打開「窗口→動畫」面板,複製 3 幀共 4 幀
- 每幀分別開啟對應倒影圖層眼睛圖標,形成波紋遞進序列
- 設定幀延遲 0.2 秒,預覽調試流暢度
4. 導出優化
執行「文件→存儲為 Web 所用格式」,選擇 GIF 格式,顏色 256 色,勾選「循環選項:永遠」,儲存最終動畫。
創意延伸方向
可嘗試不同水波參數組合、添加倒影色彩偏移、疊加環境光粒子、結合視頻素材製作曲線動畫等,豐富視覺表現力。