本教學示範如何在 Photoshop CS6 中利用「雜色」、「動感模糊」、「動作面板」與「時間軸面板」,從靜態圖片製作出逼真的下雨動態 GIF 動畫。全程操作錄製為動作,可一鍵重複套用,極大提升效率。

開啟素材圖,複製圖層並命名為「下雨素材」。開啟「視窗 > 動作」,新建動作命名「下雨動作」,指派快捷鍵 F2,開始錄製。


Ctrl+點擊「下雨素材」載入選區,新建圖層填充黑色。執行「濾鏡 > 雜色 > 添加雜色」(數量 25%、高斯分佈、單色),再執行「濾鏡 > 模糊 > 動感模糊」(角度 -60°、距離 20 像素)。取消選區,將圖層混合模式設為「濾色」。



點擊動作面板「停止播放/錄製」按鈕結束錄製。連按兩次 F2,動作將自動生成圖層 2 與圖層 3,共三組雨滴圖層對應三幀動畫。

開啟「視窗 > 時間軸」,選擇「建立幀動畫」。第一幀延遲 0.07 秒,僅顯示圖層 1。點擊「複製選取幀」,第二幀僅顯示圖層 2;再複製一次,第三幀僅顯示圖層 3。



執行「檔案 > 存儲為 Web 所用格式」,選擇 GIF 格式,設定循環選項為「永久」,點擊存儲即得下雨動畫。

掌握「動作錄製 + 時間軸幀動畫」工作流,未來製作雪花、星光閃爍等粒子動畫同理可證。建議嘗試調整雜色數量、模糊角度與距離,創造大雨、細雨、斜風細雨等不同雨勢。