萬盛學電腦網

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

Photoshop 製作旋轉人像風車 GIF 動畫教學

創意人像風車動畫:靜態構圖(對角分割→變形折疊→漸變填充折痕)+ 動畫時間軸(12 幀、30° 遞增旋轉、0.15s 幀延遲)。從素材處理到 GIF 導出,完整演示創意動畫製作全流程。

最終動畫效果

靜態風車構建(步驟 1-14)

步驟 1-3:素材準備與對角分割

  1. 導入人像素材,矩形選框 Shift 拖正方形選取臉部。
  2. 鋼筆工具勾勒對角線路徑,將正方形分為 2 個大三角形,Ctrl + J 分圖層,**記住保存路徑**。
  3. 載入保存路徑 → 反選 → Ctrl + J 得另 2 個大三角形。共 4 大三角形。

步驟 4-6:再次對角分割得 8 小三角形

對 2 個大三角形重複「鋼筆勾對角→保存路徑→載入反選→分圖層」,每個大三角形再分 2 小三角形,共得 8 個小三角形圖層。

步驟 7-8:變形折疊成風車葉片

對每個小三角形:Ctrl + T → 右鍵「變形」 → 拖動頂點將尖角折至畫面中心,調整控制點使折疊面平行。重複 4 次完成 4 片葉片。

步驟 9-12:折痕漸變填充 + 中心圖釘

  1. 新建漸變:淺灰 → 白 → 淺灰(模擬紙張折痕光影)。
  2. 鋼筆勾選折疊空白區域,填充漸變。4 片葉片同法處理。
  3. 繪製/放置中心固定圖釘圖標。

步驟 13-14:風車柄獨立圖層

風車層下新建圖層,矩形選區填色做柄,**此層不可合併**,保持靜止作為旋轉軸心。

動畫時間軸製作(步驟 15-20)

步驟 15-16:建立 12 幀時間軸

窗口 > 時間軸 → 「創建幀動畫」 → 複製幀共 12 幀(360°/30°=12)。

步驟 17-18:批量生成旋轉圖層

  1. 選中風車圖層組(不含柄),Ctrl + J 複製,Ctrl + T 旋轉 30°。
  2. 連續按 Ctrl + Shift + Alt + T 10 次,自動生成 30°、60°…330° 共 11 個旋轉圖層(含原始 0° 共 12 層)。

步驟 19:幀對應圖層 + 設置延遲

第 1 幀顯示 0° 層,第 2 幀顯示 30° 層… 第 12 幀顯示 330° 層。全選幀,設置延遲「其他」→ 0.15 秒(0.1 太快,0.2 太慢)。

步驟 20:反向幀修正方向 + 導出 GIF

預覽發現方向反了 → 全選幀 → 右鍵「反向幀」 → 檔案 > 存儲為 Web 所用格式 → 選 GIF、循環「永久」 → 存儲。

創意延伸

  • 風車葉片貼不同人像/圖案,每轉一面換一張臉。
  • 添加風吹動畫:葉片微變形 + 粒子特效。
  • 導出 MP4/APNG 支援更多平台。
copyright © 萬盛學電腦網 all rights reserved