本教學示範如何在 Photoshop 中利用圖層與時間軸面板，將靜態小鳥照片製作成張嘴鳴叫、頭部伸縮、尾巴擺動的循環 GIF 動畫。涵蓋抠圖、局部變形、幀建立、延遲設定與優化輸出全流程。

最終效果預覽

Step 1：素材準備與頭部分離

1. 開啟小鳥照片 → 背景圖層複製一層（Ctrl+J）備份。
2. 鋼筆工具精確勾勒鳥頭部輪廓 → 右鍵「建立選區」（羽化 0~1 px）。
3. Ctrl+J 將頭部複製至新圖層「頭部」，隱藏背景與備份圖層。

Step 2：頭部精細抠圖（快速蒙版+色彩範圍）

1. 選中「頭部」圖層 → 選取→色彩範圍：吸管多點取樣背景色 → 確定。
2. 進入快速蒙版模式（Q）：前景白/背景黑，畫筆擦除誤選的頭部主體；切換前景黑/背景白，補繪漏選背景。
3. 退出快速蒙版（Q） → Delete 刪除背景 → Ctrl+D 取消選區。

Step 3：上下嘴分離與張嘴變形

1. 適當放大頭部（Ctrl+T 拖曳角點）。
2. 鋼筆工具分別勾勒上嘴、下嘴輪廓 → 各建立選區 → Ctrl+J 複製至獨立圖層「上嘴」、「下嘴」。
3. 隱藏「上嘴/下嘴」圖層，啟用「頭部」圖層 → 橡皮擦擦除原嘴部區域。
4. 啟用「上嘴」圖層 → 編輯→自由變換（Ctrl+T） → 參考點移至嘴基部 → 向上旋轉微翹；同理「下嘴」向下旋轉移動 → 移動工具微調對齊成張嘴狀。
5. 向下合併至「頭部」圖層（Ctrl+E），得到張嘴頭部。

Step 4：液化濾鏡增強頭部前伸動感

1. 選中合併後的「頭部」圖層 → 濾鏡→液化：前方變形工具（W）向前推拉頭部，模擬鳴叫時頭部前伸。
2. 確定退出液化。

Step 5：修復背景殘留與合併

1. 啟用備份背景圖層 → 複製圖章工具（S）掩蓋頭部原位置殘留邊緣。
2. 向下合併所有可見圖層（或 Ctrl+Alt+Shift+E 蓋印），得到「閉嘴靜態幀」圖層。

Step 6：尾巴擺動幀製作

1. 鋼筆勾勒尾巴輪廓 → Ctrl+J 複製至「尾巴」圖層。
2. 自由變換（Ctrl+T）→ 參考點移至尾巴根部 → 旋轉微幅度向下/向上（製作兩幀：尾巴下擺、上翹）。
3. 橡皮擦清理尾巴根部銜接處硬邊。

Step 7：時間軸面板建立幀動畫

1. 視窗→時間軸 → 點擊「建立影格動畫」（舊版為「幀動畫」）。
2. 面板選單（右上角三角）→「從圖層建立幀」→ 所有圖層轉為幀。
3. 或手動：新建幀 → 對應顯示/隱藏圖層組合：
   • 幀 1：閉嘴靜態幀 + 尾巴中立/下擺
   • 幀 2：張嘴頭部 + 尾巴上翹
   • 幀 3：閉嘴靜態幀 + 尾巴中立（循環平滑過渡）
4. 設定各幀延遲時間：建議 0.1~0.2 秒（100~200 ms），循環選項選「永遠」。
5. 播放預覽，微調幀序與延遲直到動作流暢自然。

Step 8：優化輸出 GIF

1. 檔案→匯出→存儲為 Web 所用格式（舊版：檔案→儲存為 Web 及裝置）。
2. 格式選 GIF，顏色 128/256、抖動 88%~100%、勾選「透明度」（如需透明背景）。
3. 影像大小：依發布平台限制調整（如寬 480 px）。
4. 點擊「儲存」，完成 GIF 動畫輸出。

進階優化技巧

• 關鍵幀插值：CC 版本可使用視訊時間軸關鍵幀插值，自動生成中間幀，再匯出 GIF。
• 檔案大小控制：減少幀數、降低解析度、限制調色盤顏色數、裁切多餘透明區域。
• 局部更新：僅將變動區域（嘴、尾巴）做成獨立圖層幀，背景共用，大幅減小檔案。
• 循環平滑：首尾幀畫面一致，或添加過渡幀，避免跳幀感。