時間軸動畫實現動態雨景氛圍

通過多幀雨滴位移、雨霧層疊加、環境光變化，在 Photoshop 中製作循環播放的雨景 GIF 動畫。本教程提供素材準備、關鍵幀製作、導出優化的完整流程。

最終效果：循環播放的唯美雨景動畫

素材準備清單

• 基礎場景圖（街道/窗戶/森林等，透視明確）
• 雨滴筆刷/雨滴素材圖層（不同大小/角度/密度）
• 雨霧/水汽紋理素材
• 水面倒影/水洼倒影素材（可選）

動畫製作核心流程

1. 場景基底構建

• 場景圖層組：背景建築/中景植被/前景欄杆 分層管理
• 整體色調：曲線壓暗→色彩平衡偏青藍→添加噪點（膠片顆粒感）

2. 雨滴動畫序列製作

1. 新建視頻時間軸（窗口→時間軸→創建視頻時間軸）
2. 建立 8-12 幀循環（幀率 12-15fps 平衡流暢度與文件大小）
3. 雨滴圖層組：按大小分為大/中/小三組，分別設置不同下落速度（大快中慢）
4. 關鍵幀設置：位置屬性添加關鍵幀，Y 軸位移畫布高度 1.5-2 倍
5. 首尾幀位置對齊 → 實現無縫循環

3. 環境交互細節

• 水面波紋：水洼圖層添加波浪濾鏡關鍵幀動畫，同步雨滴節奏
• 雨霧呼吸：雨霧圖層不透明度關鍵幀 30%↔60% 緩慢脈動
• 燈光閃爍：路燈/窗戶光源圖層不透明度/外發光大小 微弱隨機波動

4. 導出優化設置

• 文件→導出→存儲為 Web (舊版) / 導出為 (新版)
• 格式：GIF，顏色 256，抖動 88%，循環選項：永遠
• 圖像大小：寬度 500-800px 平衡質量與體積
• 預覽確認無明顯色帶/卡頓後儲存

創意延伸方向

• 季節變體：櫻花雨/楓葉雨/雪花 替換雨滴素材
• 視角變體：車內視角（雨刷動畫）/ 室內窗視角（水滴順流動畫）
• 敘事性：添加行人/車輛/動物剪影動畫，賦予畫面故事感
• 全景長圖：雙倍寬度畫布，左右無縫拼接，導出全景動畫