形狀補間核心條件

• 關鍵幀物件必須為「矢量圖形」（非群組、非元件、非文字）。
• 屬性面板顯示「形狀」字樣，選中時出現點狀網格。
• 若為元件/文字，需先 Ctrl+B 打散兩次轉為形狀。

案例一：搖曳燭光（光圈 + 蠟燭 + 火苗）

1. 光圈元件

• 新建影片剪輯「光圈」。
• 無筆觸，放射狀漸層：黃(#FFFF00,100%) → 橙(#FFFF6E,77%) → 透明(#FFFFCC,0%)，畫正圓置中。
• 第 15、30 幀加關鍵幀，第 15 幀縮放 150%。
• 圖層選中 → 屬性面板補間選「形狀」，背景變綠色實線箭頭即成功。

2. 蠟燭元件（三層結構）

第 1 層：燭身

• 筆觸 #CF8453、實線 2pt，橢圓工具畫橢圓，Alt 複製兩個疊放，直線連接邊緣，刪除多餘線條。
• 放射狀漸層填充（多色標），填充變形工具調整光源。
• 線性漸層處理頂部細節，筆刷工具畫燭芯 (#8C4F26)。
• 延長至 30 幀，鎖定圖層。

第 2 層：火苗（形狀補間關鍵）

• 無筆觸，線性漸層：亮黃(#FFFF99,100%) → 紅(#FFFF1B,30%)，畫橢圓調整火苗形狀。
• 第 30 幀關鍵幀 → 形狀補間。
• 第 5、9、13、17、22、26 幀插入關鍵幀，選擇工具微調火苗形狀（上下竄動 + 左右擺動），追求自然隨機感。

第 3 層：光圈疊加

• 從素材庫拖入「光圈」，自由變形壓扁，Alpha 設 50%。

3. 主場景組合

拖入「蠟燭」元件置中，Ctrl+Enter 測試，另存 FLA 與 SWF。

擴展練習：心形軌跡煙花特效

利用 `duplicateMovieClip` 動態複製蠟燭元件，配合心形參數方程（`x = 16*sin^3(t)`, `y = 13*cos(t) - 5*cos(2t) - 2*cos(3t) - cos(4t)`）與 Alpha 遞減，可製作「心形煙花」或「飄浮蠟燭」進階動畫。核心代碼框架：

// 第 1 幀
var i = 0;
// 第 2 幀
if (i <= 60) {
    duplicateMovieClip(mc, "mc"+i, i);
    this["mc"+i]._alpha = 100 - 2*i;
    ++i;
} else { gotoAndStop(4); }
// 第 3 幀
gotoAndPlay(2);

相關教學推薦

• 閃爍發光動畫教程
• Flash CS3 飛舞蝴蝶
• 流動水波動畫效果
• 可愛小兔子跷跷板動畫