Photoshop CC 的視頻時間軸功能讓 GIF 動畫製作變得直觀高效。本教程演示如何利用智能物件旋轉關鍵幀動畫，在 2 秒內完成一個流暢無限循環的 Loading 圖標，適用於 PPT 演示、UI 原型、網頁預載等場景。

最終效果

製作步驟

1. 新建 400×300px、72dpi、白底文檔。
2. 新建圖層，橢圓選框工具 Shift 畫正圓 → 角度漸變 (前景 #ffe689、背景 #fa8b00) 填充 → Ctrl+D 取消選區。
   
3. 工作區切換「動感」模式 → 時間軸面板「創建視頻時間軸」 → 拖動時間軸縮短至 2 秒。
   
4. 右鍵圖層「轉換為智能對象」 (關鍵：智能物件變換動畫更流暢、可編輯)。
   
5. 時間指標移至 0s → 圖層屬性「變換」添加關鍵幀 (錨點圖示)。
   
6. 時間指標移至 1s → 編輯→變換→旋轉 180° → 自動添加關鍵幀。
   
7. 時間指標移至 2s → 再次旋轉 180° → 自動添加關鍵幀，完成 360° 循環。
   
8. 空格預覽 → 文件→導出→存儲為 Web 所用格式 → GIF、循環「永遠」→ 存儲。
   

進階變體

• 多圖層錯開關鍵幀做「追逐」效果。
• 關鍵幀間添加「缓動」曲線變化速度感。
• 結合「不透明度」關鍵幀做淡入淡出呼吸燈效果。