萬盛學電腦網

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

Photoshop「杜甫很忙」惡搞 GIF 動畫教程:圖章工具、變形與幀動畫完整實作

網路熱門「杜甫很忙」塗鴉系列,本教程以簡單幀動畫為例,示範如何用仿製圖章工具移除原有元素、變形工具製造動態、動畫面板製作循環 GIF,過程涵蓋圖層分離、非破壞編輯與動畫時間控制。

動畫效果

杜甫很忙動畫效果

原圖素材

詳細製作流程

階段一:圖層分離(步驟 1-12)

  1. 開啟原圖(高中語文課本插圖),導航器放大帽子後擺區域。
  2. 開啟原圖

    放大細節

  3. 磁性套索工具分別選取上下兩個帽子後擺,Ctrl+J 生成圖層 1、圖層 2。
  4. 磁性套索工具

    選取上方後擺

    生成圖層1

    選取下方後擺

    生成圖層2

  5. 背景圖層用仿製圖章工具 S,Alt 取樣旁邊乾淨區域,塗抹移除兩個後擺。
  6. 仿製圖章工具

    取樣點位置

    塗抹移除過程

    背景淨空完成

  7. 開啟圖層 1、2 眼睛,視覺上恢復原貌,實則已分離為獨立可動圖層。
  8. 分離後效果

  9. 複製圖層 1、2 為副本,隱藏原圖層,準備動畫變形。
  10. 複製副本隱藏原層

階段二:變形製造動態(步驟 13-20)

  1. 圖層 1 副本:Edit > Transform > Warp 調整控制點,製造微風吹動上擺效果。
  2. 變形工具選單

    上擺變形調整

  3. 圖層 2 副本:同樣 Warp 變形,調整下擺姿態。
  4. 下擺變形

    下擺變形完成

  5. 橡皮擦工具清理變形產生的模糊邊緣,必要時反覆微調。
  6. 橡皮擦工具

    修飾邊緣

    反覆微調效果

階段三:幀動畫製作(步驟 21-27)

  1. 開啟 Window > Timeline 動畫面板(幀模式)。
  2. 動畫面板

  3. 複製第 1 幀為第 2 幀。
  4. 複製幀

  5. 全選兩幀,設延遲 0.2 秒,循環選「Forever」。
  6. 幀時間設定

  7. 第 1 幀:顯示原圖層 1、2,隱藏副本。第 2 幀:隱藏原圖層,顯示副本。
  8. 第1幀圖層狀態

    第2幀圖層狀態

  9. 添加文字「其實我很閒」,柵格化後 Warp 變形貼合畫面透視。
  10. 直排文字工具

    輸入文字

    文字變形

核心技法總結

  • 圖層分離是動畫前提:靜態圖→移除背景殘留→獨立動態元素圖層。
  • Warp 變形 > 旋轉/縮放:有機形變更自然,適合布料、頭髮、植物擺動。
  • 兩幀循環 + 適當延遲:最簡動畫單元,延遲 0.1-0.3 秒視速度感調整。
  • 文字柵格化後變形:融入畫面透視關係,增強整合感。

掌握此流程,可將任何靜態插圖轉化為趣味動態表情包或微動效素材。

copyright © 萬盛學電腦網 all rights reserved