Illustrator 不是動畫軟體，但其「圖層釋放為幀」+「導出 SWF」的隱藏功能，能在無 After Effects/Animate 環境下，快速產出簡易矢量幀動畫（Loading 圖標、倒計時、狀態切換、微互動演示）。本教程以「倒計時數字」為例，演示純 AI 完成動畫製作的完整鏈路。

效果預覽

（最終導出為 GIF 演示，源文件為 SWF 矢量動畫）

製作流程

步驟 1：新建動畫文檔

檔案 > 新建，選「行動裝置」預設或自定：QVGA (320×240)，RGB，72 ppi，命名「動畫演示」。

步驟 2：構建單一幀元件——網格分割法

矩形工具畫背景框，「物件 > 路徑 > 分割為網格」設定行列數（如 7×5），得像素化基礎單元。調整整體大小，填充基礎色。

步驟 3：複製變換生成數字序列

Alt+拖拽複製整組網格，重新著色組成數字 5、4、3、2、1、0 的七段式/點陣結構。每個數字各自編組，按順序排列圖層（底層 5 → 頂層 0）。全選對齊畫布中心。

步驟 4：關鍵步驟——釋放到圖層（順序）

全選所有數字組，「圖層面板選單 > 釋放到圖層(順序)」。AI 自動將每個頂層組拆分為獨立頂層圖層，**圖層順序即幀順序**（底層=第 1 幀）。

步驟 5：導出 SWF 動畫

檔案 > 匯出 > 格式選 SWF。彈出對話框：
• 匯出類型選「AI 圖層到 SWF 幀」；
• 進階：幀速率 1 fps（倒計時 1 秒一幀）；
• 圖層順序「從下往上」；
• 其餘默認，確定導出。

步驟 6：轉 GIF/MP4 通用格式

瀏覽器/播放器打開 SWF → 錄屏/螢幕錄製 → 轉 GIF/MP4。或用線上轉換工具/Animate 打開 SWF 再導出。

適用場景與局限

• ✅ 適用：簡易 UI 狀態切換、Loading 圖標、倒計時、簡易形變、原型演示；
• ❌ 不適用：複雜時間軸動畫、骨骼綁定、聲音同步、長篇敘事、互動邏輯；
• ⚠️ 注意：SWF 為過時格式，現代工作流建議 AI 繪製素材 → 導入 After Effects/Lottie/Rive 製作動畫。

了解這個「冷門技能」，在沒有專業動畫工具的緊急時刻，能讓你用最熟悉的 AI 快速產出可用動畫素材，體現設計師的工具適應力。