教學目標與成果預覽

零基礎入門 Photoshop 幀動畫製作。使用「魔術套索工具」快速抠圖、「自由變換」製作位移動畫，15 分鐘完成一個搞笑動態表情包，掌握動畫面板核心操作。

完整製作流程

步驟 1-2：素材準備與主體抠圖

1. 開啟周星馳圖片
2. 「魔術套索工具」（容差 20-30，勾選「連續」「抗鋸齒」）多次點擊選取頭部區域，Shift 加選、Alt 減選，獲得較精確選區

步驟 3-4：圖層分離與背景處理

1. Ctrl+J 複製選區至新圖層（頭部圖層）
2. 背景圖層填充白色（Ctrl+Delete），簡化背景干擾

步驟 5-7：文字氣泡製作

1. 「文字工具」輸入笑聲文字（如「哈哈哈」）
2. 「自定形狀工具」→ 形狀選單載入「對話框」庫 → 選擇趣味氣泡形狀繪製
3. 「畫筆工具」（3px 硬邊）→「路徑」面板右鍵氣泡路徑 →「描邊路徑」（工具：畫筆，取消「模擬壓力」）

步驟 8-11：合成與旋轉調整

1. 調整文字與氣泡位置，鏈接兩圖層（圖層面板鏈接圖示）
2. Ctrl+T 旋轉傾斜至自然角度
3. 選取除背景外所有圖層 → Ctrl+E 合併為單一「動畫主體」圖層

步驟 12-13：動畫面板幀制作

1. 開啟「動畫」面板（CS6+ 為「時間軸」面板 → 選擇「創建幀動畫」）
2. 第 1 幀：顯示合併後主體圖層，延遲 0.1 秒
3. 點擊「複製當前幀」按鈕 → 第 2 幀
4. 第 2 幀：選取主體圖層，按「向下鍵」×5 次（位移 5px）
5. 點擊播放預覽：頭部上下抖動 + 文字氣泡同步移動 = 狂笑動態

步驟 14-15：GIF 優化導出

1. 「檔案」→「存儲為 Web 所用格式」（Ctrl+Alt+Shift+S）
2. 格式：GIF，色彩 256，抖動：擴散 88%，勾選「循環選項：永遠」
3. 「圖像大小」可按需縮小（如寬 300px）減小體積
4. 點擊「存儲」完成導出

進階優化技巧

• 平滑動畫：增加中間幀（位移 1-2px/幀），延遲 0.05 秒，動畫更絲滑
• 表情變化：準備多張表情圖（張嘴/閉嘴/眨眼），不同幀切換圖層可見性
• 背景動態：背景圖層添加漸變位移/閃爍關鍵幀
• 透明背景導出：隱藏白色背景層，導出透明 GIF，可疊加任意背景
• APNG/WebP：現代瀏覽器支援，色彩無損、體積更小，PS 2023+ 原生支援導出

動畫原理速查

概念	說明
幀	動畫最小單位，靜態圖像
幀率 (FPS)	每秒播放幀數，本案 ~10fps (0.1s/幀)
關鍵幀	定義關鍵狀態的幀，中間幀可插值生成（視頻時間軸模式）
圖層可見性	幀動畫核心：每幀控制哪些圖層顯示/隱藏
圖層位置	幀之間圖層位置差異 = 位移動畫
圖層樣式/不透明度	同樣可逐幀變化，產生淡入淡出/發光變化