GIF 動圖以其動態視覺優勢,成為網頁設計、社群行銷的利器。本教學將詳細介紹在 Photoshop 中調整 GIF 色彩、對比與特效的三種核心工作流,涵蓋調整圖層、圖層樣式批次套用、逐幀獨立處理,助你快速掌握動態圖檔後製精髓。
前置準備
- 使用 Photoshop CS5 / CS6 / CC 開啟 GIF 檔。
- 開啟「視窗 › 時間軸」與「視窗 › 圖層」面板。
方法一:調整圖層 —— 全域非破壞性調色
- 在圖層面板選最上層,點擊「建立新填充或調整圖層」圖示,選擇所需調整類型(如色階、曲線、色相/飽和度)。
- 調整圖層會自動影響其下方所有幀與圖層,即時預覽整體動態效果。
- 嘗試多種調整組合,滿意後執行「檔案 › 存儲為 Web 所用格式」,選 GIF 格式、設定色數、確認透明/雜邊/動畫選項正確,另存新檔。
效果對比:
原圖
調整後
方法二:混合選項(圖層樣式) —— 賦予統一視覺風格
- 在時間軸刪除所有現有幀(選全按 Delete)。
- 選取圖層面板最底層,點擊「fx」添加「混合選項」(如色彩疊加、投影、描邊等)。
- 右鍵該圖層選「複製圖層樣式」,再全選所有圖層右鍵「貼上圖層樣式」,實現批次套用。
- 時間軸右上角選單選「從圖層建立幀」,將每層轉為獨立幀。
- 全選幀,右鍵設定延遲 0.03 秒(約 30 fps),最後同樣存儲為 Web 格式。
效果對比:
原圖
調整後
方法三:逐幀獨立處理 —— 最大彈性的精細控制
適合需對每幀施以不同特效(如半調網點、手繪塗鴉)的情境:
- 同樣先刪除時間軸所有幀。
- 在圖層面板逐一對每個圖層套用濾鏡/調整(示例為「色彩半調」)。
- 「從圖層建立幀」→ 設定幀延遲 → 存儲為 Web 格式。
效果對比:
原圖
調整後
三種方法選擇指南
| 方法 | 優點 | 適用場景 |
| 調整圖層 | 非破壞、全域同步、可隨時回調 | 整體色調統一、快速試錯 |
| 圖層樣式 | 特效豐富、批次套用快 | 需統一加邊框、投影、發光等風格化處理 |
| 逐幀處理 | 每幀獨特、創意無上限 | 逐幀動畫、特殊轉場、手繪風格 |