萬盛學電腦網

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

Photoshop 動態水波紋 GIF 製作:靜態變動態教學

素材與成品

靜態素材
動態水波 GIF

核心邏輯

將水面區域切割為多條水平條帶(如百葉窗),利用自由變形製造透視感,再以「剪貼蒙版」限制顯示範圍,最後在動畫時間軸上逐幀位移條帶,輸出 GIF 即得動態水波。

詳細步驟

  1. 開啟素材,複製一層(圖層 1)。用習慣工具(如橡皮擦)抹除水面區域,保留岸邊、人物等靜態部分。
  2. 新建圖層(圖層 2),矩形工具畫長條,Alt+拖動快速複製多條,排列如百葉窗。
  3. Ctrl+T 自由變形,向下壓縮並拉寬,製造近大遠小的透視梯形。
  4. Ctrl+點擊圖層 1 縮圖載入選區,Shift+Ctrl+I 反選,點選背景圖層 Ctrl+J 複製得「圖層 3」(僅含水面紋理)。
  5. 選中圖層 1 與 3,點擊圖層面板下方「鏈接圖層」圖示鎖定。切換移動工具 (V),按向下鍵移動 2-3 像素(移動過大會變大浪)。
  6. 在圖層 3 與 2 之間,Alt+點擊分隔線建立「剪貼蒙版」,圖層 3 僅在圖層 2 條帶內顯示,形成水波紋理。
  7. 開啟「時間軸」面板(幀動畫),複製幀,在第 2 幀移動圖層 2(條帶層)向下,即可預覽水波流動。添加補間幀(如 18 幀)平滑動畫。
  8. 檔案 > 存儲為 Web 所用格式 > GIF,完成。

延伸應用

同理可製作旗幟飄揚、熱氣騰騰等位移型動態效果,應用極廣。

copyright © 萬盛學電腦網 all rights reserved