教學目標

掌握 Fireworks MX 動畫核心功能：符號定義、色相/飽和度調節、補間實例、圖層與幀操作，產出專業級平滑變色 Banner。

最終效果

第一步：畫布與素材準備

新建 468×60 標準 Banner 畫布，導入素材圖並調整大小。

第二步：關鍵幀顏色變化

克隆素材圖 3 份（對應 3 種顏色），各套用「濾鏡」→「顏色」→「調節色相/飽和度」：綠色 Hue=120、藍色 Hue=180、紫色 Hue=-80。勿調亮度以免影響整體亮度。按色彩順序排列檢查過渡自然度。

第三步：轉換為動畫符號

各圖片按 F8 轉為「動畫符號」，初始幀數 1、位移 0。刪除畫布實例，符號已存入資料庫。

第四步：畫布美化與共享圖層

背景設黑色，加入靜態裝飾圖。背景圖層勾選「共享圖層」（圖層面板雙擊勾選），動畫過程中保持不變。

第五步：動畫編輯核心

開啟「資料庫」(F11)、「幀」(Shift+F2)、「圖層」(F2) 面板。將符號實例拖入畫布，於幀面板建立補間序列，調整每幀停留時間，預覽至滿意匯出 GIF。

本教學涵蓋符號、補間、圖層、幀四大核心概念，是 Fireworks 動畫入門最佳範例。