萬盛學電腦網

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

Photoshop 製作風車轉動 GIF 動畫教學:從矢量繪製到幀動畫完整流程

想學矢量繪圖結合幀動畫嗎?這篇教學完整示範:用形狀工具、路徑操作、漸層蒙版繪製風車葉片,利用旋轉複製技巧生成四葉,再用時間軸幀動畫實現轉動效果,純 PS 完成無需其他軟體!

最終動態效果

素材與準備

風車參考素材一張(用於貼圖取樣形狀)。

風車葉片繪製(矢量非破壞流程)

  1. 新建文件,拖入素材 Ctrl+T 調整大小。
  2. 隱藏素材,矩形工具畫長方形 → 增加右側錨點 → 直接選擇工具刪除右上錨點 → 得梯形葉片基礎形狀。
  3. Ctrl+Enter 路徑轉選區 → Ctrl+J 複製選區為新圖層(葉片紋理),刪除原素材圖層。
  4. 橢圓選框畫圓形選區對準葉片根部 → Shift+Ctrl+I 反選 → Ctrl+J 複製得葉片尖端圖層。
  5. 載入尖端圖層選區 → 漸層工具拉出金屬質感漸層(深灰→淺灰→深灰) → 取消選區。
  6. 回葉片紋理圖層,橢圓選框畫橢圓 → 羽化 15px → Ctrl+U 色相/飽和度 明度 -64 加深根部陰影。
  7. 合併葉片紋理與尖端圖層,得到單片葉片(含紋理、高光、根部陰影)。

四葉旋轉複製神技

  1. Ctrl+T 將變換中心點拖至葉片根部(左下角)。
  2. 選項列旋轉角度輸入 90° → 確定。
  3. 按住 Shift+Ctrl+Alt+T 連按三次,PS 自動複製並各旋轉 90°,瞬間得到四葉完美對稱分佈!
  4. 合併四葉圖層。

風車中心與手柄

  1. 標尺拉十字參考線對準風車中心。
  2. 新建圖層畫紅圓 + 黃小圓疊加為中心軸。
  3. 矩形選框 1px 十字選區刪除黃圓中心,形成十字軸孔。
  4. 合併中心三層。
  5. 背景上方新建圖層,矩形選框畫細長手柄 → 漸層填充(深淺棕模擬木質)。

幀動畫製作(9 幀平滑轉動)

  1. 風車葉片圖層 Ctrl+T 旋轉 10° → 確定。
  2. Shift+Ctrl+Alt+T 連按 8 次,自動生成 9 個旋轉遞增 10° 的葉片圖層(共 90°,四葉對稱週期)。
  3. 隱藏所有葉片圖層,僅保留最底層葉片、手柄、背景可見。
  4. 開啟時間軸/動畫面板 → 幀動畫模式。
      幀 1:顯示葉片圖層 1
      複製幀 → 幀 2:隱藏圖層 1,顯示圖層 2
      ……依序對應 9 個葉片圖層至 9 幀。
  5. 播放預覽 → 存儲為 Web 格式 GIF。

進階優化

  • 換入更豐富背景圖,手柄多餘部分蒙版隱藏,Ctrl+U 提高明度使手柄融入背景。
  • 增加葉片動態模糊(濾鏡 → 模糊 → 動感模糊)增強速度感。
  • 調整幀延遲(如 0.1s)控制轉速。

這套「矢量繪製 → 旋轉複製 → 幀對應」工作流,同樣適用於齒輪、螺旋槳、雷達掃描等旋轉類動畫製作!

copyright © 萬盛學電腦網 all rights reserved