萬盛學電腦網

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

Photoshop 製作古典卷軸展開 GIF 動畫:鋼筆扣圖 + 幀動畫 + 過渡補幀完整教學

效果預覽

卷軸從合攏狀態平滑展開,適合簽名檔、開場動畫、互動式海報。

最終動畫效果

製作流程

  1. 素材準備:搜尋/繪製卷軸素材(含左右兩側卷軸)
  2. 鋼筆扣圖右卷軸:用鋼筆工具 (P) 勾勒右側卷軸輪廓 → Ctrl+Enter 轉選區 → Ctrl+J 複製至新圖層命名「右卷軸」
  3. 對齊與遮罩:
    • 移動「右卷軸」至最左側,僅露出右側卷軸邊緣,無白邊殘留
    • Ctrl+點擊圖層縮圖 載入選區 → Ctrl+Shift+I 反選 → 填充白色遮蓋左側多餘部分
  4. 疊合初始狀態:將「右卷軸」移動至與左卷軸完全重合(合攏狀態)
  5. 開啟時間軸面板:視窗 → 時間軸 → 建立幀動畫
  6. 建立關鍵幀:
    • 第 1 幀:右卷軸在合攏位置
    • 複製幀 → 第 2 幀:右卷軸移至初始展開位置(最左側)
  7. 添加過渡幀:選中第 1 幀 → 點擊「過渡」圖示 → 設定過渡幀數(如 50 幀),PS 自動插入位置插值
  8. 設定延遲:最後一幀延遲 2 秒,形成停頓效果
  9. 匯出 GIF:檔案 → 匯出 → 存儲為 Web (舊版) / 匯出 → 存儲為 Web (傳統) → 格式選 GIF、循環選「永遠」 → 儲存

素材
鋼筆勾勒
對齊位置
反選填充白
疊合重合
關鍵幀位置

進階延伸

  • 在卷軸上添加文字/圖案,隨展開動畫同步顯示
  • 調整過渡緩動:時間軸面板選單 → 「關鍵幀插值」→ 緩入緩出
  • 搭配圖層樣式(投影、倒角浮雕)增強立體質感
  • 導出 MP4 影片格式支援更多平台發布
copyright © 萬盛學電腦網 all rights reserved