萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

PS 製作下雨動畫效果:濾鏡疊加法 3 分鐘出片

效果預覽

靜態圖片瞬間變身充滿詩意的雨景動畫,適合氛圍插畫、Banner 動圖、社群素材。

核心原理

利用「雜色」產生雨點種子 → 「動感模糊」拉長成雨線 → 多圖層疊加不同角度/方向 → 混合模式「濾色」去黑留白 → 存為 GIF 動畫。

詳細步驟

  1. 開啟底圖,按 Ctrl+J 複製背景層備份。
  2. 建立雨點基底:新增圖層 → 填充黑色 → 「濾鏡 > 雜色 > 添加雜色」(量值 80%、高斯分佈、單色) → Ctrl+J 複製兩份,共三圖層。
  3. 第一層——主雨向:「濾鏡 > 模糊 > 動感模糊」,角度設約 -60°(左上向右下),距離 10–20 px,確定。
  4. 第二層——反向細雨:選中第二層 → Ctrl+T → 右鍵「水平翻轉」 → 確定 → 再做一次相同角度的動感模糊。
  5. 第三層——垂直飄落:選中第三層 → Ctrl+T → 右鍵「垂直翻轉」 → 確定 → 做垂直角度(90°)動感模糊。
  6. 混合模式統一:將三個雨層模式全改為「濾色」,黑色背景透明,僅保留白色雨線。
  7. (可選)動畫化:開啟「時間軸」面板 → 建立幀動畫 → 每幀微調三層雨的位置(向下位移 2–3 px) → 設定幀延遲 0.1 秒 → 匯出「存儲為 Web 所用格式」選 GIF。

參數微調建議

  • 雨線密度:調整「添加雜色」數量(60–100%)。
  • 雨線長短:動感模糊「距離」參數(5–30 px)。
  • 雨勢傾斜:動感模糊「角度」參數(-70° 至 -50° 為自然風吹雨)。
  • 雨量大小:三圖層不透明度獨立控制,或複製/刪減圖層數量。

進階變體

  • 暴雨:增加第 4、5 層,角度分佈更廣,距離更長。
  • 水霧/細雨:雜色量值降至 30%,動感模糊距離 3–5 px,再疊加一層「高斯模糊」柔化。
  • 夜景雨:雨層疊加「外發光」(藍/紫色)模擬路燈照射下的雨絲。

結語

純濾鏡流程、無需手繪、參數可控、幾分鐘產出。掌握「雜色→動感模糊→濾色」三部曲,雨、雪、星星、光斑等粒狀特效皆可觸類旁通。

copyright © 萬盛學電腦網 all rights reserved