應用場景

GIF 動圖在攝影集/社群媒體/網頁設計中滲透率極高。關鍵在於拍攝前規劃與時間軸幀動畫製作的標準化流程。本文以作品《當感情已成習慣》末幀為例完整拆解。

成品展示

作品《當感情已成習慣》 作者：無限TX

前期拍攝鐵律

• 三腳架不可或缺：保證幀與幀背景像素級對齊，否則後期對齊成本指數級上升。
• 主體靜止，背景動態：人物保持不動，捕捉背景車流/行人/光影變化。
• 高速連拍 + 手動曝光鎖定：固定光圈/快門/ISO，避免亮度跳動導致閃爍。
• 構圖預留安全邊距：便於後期裁剪對齊。

後期製作標準化流程 (PS 時間軸面板)

步驟 1-3：導入圖層 → 開啟時間軸 → 轉幀動畫

1. 導入：Ctrl+O 選多張連拍圖 → 以圖層方式開啟 (或「檔案 > 腳本 > 將文件載入堆疊」)。關閉除背景層外所有圖層眼睛圖示。
2. 時間軸面板：視窗 > 時間軸 → 按「建立影格動畫」 (舊版為「轉換為幀動畫」)。
   

步驟 4-8：逐幀建立對應圖層顯示

1. 時間軸點「新建幀」圖示 (複製當前幀)。
2. 圖層面板開啟第 2 層眼睛 (關閉第 1 層)。
3. 重複：新建幀 → 開啟下一圖層眼睛 → 關閉上一層。直到所有素材圖層對應一幀。
   

步驟 9-11：幀率與過渡優化

• 全選幀 (Ctrl+A) → 設定延遲 0.1 秒 (10fps) → 循環選項「永遠」。
• 可選：幀間過渡：選中相鄰兩幀 → 點選「補間」圖示 → 設定插入幀數 (如 3-5 幀) → 平滑動態。注意：不可全選幀補間，需逐對操作。
  

步驟 12-14：預覽與導出優化

1. 空白鍵播放預覽，檢查閃爍/卡頓/對齊問題。
2. 檔案 > 匯出 > 存儲為 Web 所用格式 (舊版) / 匯出為 GIF (新版)。
   
3. 關鍵設定：
   
   • 格式：GIF
   • 顏色：256 (最高)
   • 抖動：選擇性/無 (視顏色數量)
   • 輸出尺寸：按發布平台限制調整 (如微信 500px 寬)
   • 循環：永遠
4. 儲存，完成。
   

進階優化技巧

問題	解決方案
檔案過大 (>2MB)	降低輸出尺寸 → 減少顏色數 (128/64) → 刪除冗餘幀 → 開啟「優化」選項
邊緣抖動/閃爍	拍攝用三腳架 + 鎖定曝光；後期「編輯 > 自動對齊圖層」修正微位移
局部動態 (如眨眼)	僅對變動區域建立蒙版動畫，靜態區域共用單一圖層
複雜動畫	改用視頻時間軸 (MP4/WebM) 或 After Effects 製作，再匯出 GIF

創意延伸

• 電影感雙重曝光 GIF：兩組不同曝光連拍交錯合成。
• UI 微交互演示：按鈕點擊/載入/轉場動效。
• 產品 360° 展示：旋轉平台拍攝 24-36 幀合成。

更多精彩教程請關注三聯 Photoshop 教程欄目，歡迎加入三聯 PS 群：339853166。