專案規劃與素材準備

• 動畫元素： 留聲機靜態本體、左手揮動、唱片旋轉、大小音符從喇叭口飛出
• 同步關係： 手揮動、唱片旋轉、音符飛出三者時間同步，形成「播放中」整體感
• 畫布設定： 時間軸面板 → 文檔設定 → 2 秒、25 fps（共 50 幀）
• 素材處理： 套索/仿製圖章移除原圖音符；快速選擇工具扣出左手、唱片（排除唱針）

圖層結構建立（靜態佈局階段）

1. 背景層： 去除音符後的留聲機本體
2. 左手層：
   1. 快速選擇扣出左手 → Ctrl+J 得「手臂」
   2. 矩形選框複製一塊背景皮膚紋理 → Ctrl+J 得「手部遮蓋」
   3. 移動工具將「手部遮蓋」蓋回原手位置 → 變換基準點移至手腕 → 逆時針旋轉 9° → 模擬抬起姿態
   4. 給「手臂」加蒙版，黑筆擦除多餘 → 合併「手臂」+「手部遮蓋」→ 命名「變換的左手」
3. 唱片層：
   1. 快速選擇扣出唱片（含唱針選區再按 Alt 減去唱針）
   2. Ctrl+J 得「唱片」層
   3. 圖層樣式 → 「漸變疊加」模擬唱片表面反光條紋（角度漸變、模式疊加）
4. 音符層：
   1. 新建圖層，自定義形狀工具繪製多個音符（大小/方向不規則）
   2. 圖層樣式 → 「漸變疊加」賦予色彩
   3. 複製音符層 → 漸變疊加勾選「反向」 → 兩層色彩互補
   4. 各自向下合併一空白層 → 變為普通像素層 → 命名「大音符」「小音符」
   5. Ctrl+T 縮小/旋轉「小音符」，差異化視覺
5. 音符組： 選中大小音符層 → 拖至「建立新組」圖示 → 命名「音符組」

蒙版預設動畫初始狀態

1. 音符組蒙版： 套索工具（羽化 10-20px）框選喇叭口至音符初始區域 → 為組加蒙版（白顯黑隱） → 音符初始僅在喇叭口可見
2. 左手蒙版： 選中「變換的左手」 → 按 Alt 點擊蒙版圖示 → 產生「隱藏全部」黑蒙版 → 初始手隱藏
3. 唱片： 無需蒙版，通過旋轉關鍵幀動畫

時間軸關鍵幀動畫製作

時間軸操作備忘： 紅框「創建/清除幀」、綠框「添加關鍵幀」、黃藍線標示時間指示器位置

音符組：飛出淡入淡出 + 位移

1. 選中「音符組」 → 展開「不透明度」與「位置」屬性
2. 不透明度關鍵幀：
   • 0s（第 1 幀）：0%（隱藏）
   • 1s（第 25 幀）：100%（完全顯示）
   • 2s（第 50 幀）：0%（再次隱藏）
3. 位置關鍵幀：
   • 0s：喇叭口位置（初始）
   • 2s：視窗右上角（飛出終點）

大音符：更快、不同軌跡

1. 不透明度：0s→0%，0.4s(第10幀)→100%，0.8s(第20幀)→0%（時間壓縮一半）
2. 位置：0s 喇叭口 → 0.8s 視窗右側中部（角度更平）

左手：揮動姿態關鍵幀

1. 選中「變換的左手」 → 展開「位置」與「旋轉」屬性
2. 0s：初始位置/旋轉 0°（蒙版黑，隱藏）
3. 0.2s：蒙版白筆漸漸塗白顯示手部 → 位置微上移、旋轉 -5°
4. 1s：位置最高、旋轉 -15°（揮動極點）
5. 2s：回歸初始位置/旋轉 0°（蒙版漸黑隱藏）

唱片：持續旋轉

1. 選中「唱片」 → 展開「旋轉」屬性
2. 0s：0°
3. 2s：720°（兩圈）或 1080°（三圈），視速度感設定
4. 插值類型選「線性」保持勻速

預覽與匯出

1. 空格鍵播放預覽，檢查同步感、軌跡自然度、循環銜接
2. 檔案 → 匯出 → 「存儲為 Web (舊版)」(Ctrl+Alt+Shift+S)
3. 格式 GIF，顏色 256，抖動 88%，循環選項「永遠」
4. 預覽無誤 → 存儲

關鍵技術總結表

動畫元素	核心屬性	關鍵幀設計	蒙版配合
小音符組	不透明度+位置	0%→100%→0% / 喇叭口→右上角	組蒙版限制初始可見區域
大音符	不透明度+位置	0%→100%→0%(時間壓半) / 喇叭口→右側	同組蒙版共享
左手	位置+旋轉+蒙版	隱→顯→隱 / 0°→-15°→0°	Alt+蒙版鈕建黑蒙版，關鍵幀塗白/黑
唱片	旋轉	0°→720°(線性)	無

進階優化建議

• 緩動函數： 關鍵幀右鍵 → 關鍵幀插值 → 「緩入緩出」，音符飛出加速/減速更自然
• 音符變形： 飛行過程中加入「縮放」關鍵幀（由小變大/變形），增強透視感
• 唱片光暈： 唱片層加「外發光」關鍵幀，旋轉時光暈脈動呼應節奏
• 聲波視覺化： 新建形狀圖層（同心圓環）→ 關鍵幀縮放/不透明度，同步音符飛出
• 導出優化： 複雜動畫建議導出 MP4/WebP，再用線上工具轉 GIF，色彩/體積更優

避坑指南

• 幀數/時間不匹配： 文檔設定 fps × 秒數 = 總幀數，關鍵幀時間需換算為幀序號
• 圖層/組關鍵幀衝突： 組與內部圖層若同時做位置關鍵幀會疊加，建議「組做大位移，內層做微調」
• 蒙版關鍵幀不可見： 必須展開圖層/組屬性三角形 → 找到「向量蒙版/像素蒙版」啟用關鍵幀
• 匯出顏色斑駁： GIF 256 色限制，漸變區域易破綻，預先降噪/減色或改用 WebP