雖然現代 Photoshop 已整合時間軸動畫功能，但了解經典 PS + ImageReady 工作流有助於理解幀動畫本質。本教學完整演示從 PS 繪製動畫元素（背景漸層、人物向量繪製、煙花粒子構建）、到 ImageReady 幀動畫面板操作（圖層可見性控制幀狀態、幀延遲設定、優化面板壓縮輸出）的經典雙軟體協作流程，製作一個浪漫煙花下男孩女孩轉頭互望的 GIF 動畫。

最終動畫效果

Photoshop 階段：繪製所有動畫元素圖層

1. 新建 8×8cm，72dpi，RGB 模式文檔。新建圖層，漸層工具 (G) 徑向漸層 #000033 到 #000000，構建夜空背景。

2. 人物向量繪製：新建圖層組「Boy」「Girl」。使用橢圓工具、矩形工具、漸層工具、路徑選取組合繪製簡約幾何風格臉部五官（眼睛、嘴巴、腮紅）、身體軀幹。每個部件獨立圖層，命名規範（如 `boy_face`、`girl_eyes_open`）。

3. 頭部轉動序列幀繪製：複製頭部組，修改臉部朝向、五官位置，製作 3-4 個關鍵轉頭角度（正面、側面 30°、側面 60°、背面）。每個角度獨立圖層組，命名 `boy_head_01` 至 `boy_head_04`、`girl_head_01` 至 `girl_head_04`。

4. 煙花粒子構建：選框工具 + 漸層工具繪製煙花爆發主體（徑向漸層白到透明）。文字工具輸入「*」「✦」「✧」等符號，套用 濾鏡 > 風格化 > 銅版雕刻 產生放射線條。選取 > 色彩範圍 分離不同亮度層級，每級建立獨立圖層，形成煙花展開-綻放-消散序列圖層（5-8 層）。

ImageReady 階段：幀動畫組裝與輸出

在 PS 中按 Shift+Ctrl+M 或點擊工具箱底部「在 ImageReady 中編輯」跳轉。

1. 人物頭部動畫：在幀動畫面板，第 1 幀顯示 `boy_head_01`、`girl_head_01`。新增幀，顯示 `boy_head_02`、`girl_head_02`... 循環 4 幀完成雙向轉頭。轉頭瞬間幀延遲設 0.5 秒（表現停頓凝視），其餘 0.2 秒。
2. 煙花動畫：同步在對應幀顯示煙花序列圖層：第 1-2 幀顯示醞釀層，第 3-5 幀顯示綻放層，第 6-8 幀顯示消散層。原則：位移動畫直接移動圖層位置；變形動畫需複製圖層重繪。

優化與導出 GIF

1. 開啟「優化」面板：格式 GIF，色彩 128 色，抖動「擴散」80%，勾選「交錯」。針對大面積漸層背景可選「感知」色彩算法，針對銳利邊緣可選「選擇性」。

2. 預覽檔案大小與畫質平衡，調整色彩數、抖動百分比。目標檔案 < 500KB（網頁分享適用）。
3. 檔案 > 存儲為最佳化，輸出 `fireworks.gif`。完成！

現代 PS 時間軸工作流對應說明

• PS CC 以降版本無需跳轉 ImageReady，直接 視窗 > 時間軸 選「建立影格動畫」即可在 PS 內完成所有幀操作。
• 圖層可見性控制、幀延遲、補間、導出 GIF/MP4 功能完全一致，且支援視頻圖層、關鍵幀動畫（位置、不透明度、樣式動畫），功能更強大。
• 本教學邏輯完全適用現代 PS 時間軸，只需將「ImageReady 面板操作」對應為「PS 時間軸面板操作」。