萬盛學電腦網

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

Photoshop 製作眨眼 GIF 動畫:圖層顯隱 + 時間軸 3 幀搞定

利用圖層顯示/隱藏控制幀內容,配合時間軸面板幀延遲,幾分鐘產出可愛眨眼動圖。適合表情包、頭像裝飾、互動式網頁素材。

效果預覽

製作邏輯

三幀循環:睜眼(0.2s) → 閉眼中間態(0.1s) → 閉眼(0.1s) → 回循。

步驟詳解

  1. 基礎圖層:打開素材 → Ctrl+J 複製背景圖層(圖層 1)。
  2. 製造閉眼態:在圖層 1 上用「複製圖章工具」蓋掉眼睛 → 畫筆/鉛筆繪製睫毛線條(自然微彎即可)。
  3. 過渡態:再複製背景 → Ctrl+Shift+] 置頂(圖層 2)→ 同法繪製半閉眼狀態。
  4. 時間軸建幀:Ctrl+Shift+M (或 窗口→時間軸) → 「建立影格動畫」。
    • 幀 1:僅背景圖層可見,延遲 0.2s。
    • 幀 2:複製幀 → 顯示圖層 1(半閉眼)。
    • 幀 3:複製幀 → 顯示圖層 2(全閉眼)。
  5. 導出:檔案 → 存儲為 Web 所用格式 → GIF、循環選「永遠」。

關鍵圖解

延伸玩法

  • 同理製作「嘴巴張合」、「眉毛挑動」、「燈光閃爍」等微動畫。
  • 配合「補間」功能(點擊幀之間的過渡圖示)自動生成中間幀,動作更絲滑。
  • 導出前勾選「轉換為 sRGB」,確保瀏覽器色彩一致。
copyright © 萬盛學電腦網 all rights reserved