在形狀補間動畫中, 您會先在某個關鍵影格繪製形狀, 然後在另一個關鍵影格更改該形狀或繪製另一個形狀。 Flash 會自動補上兩者之間的影格, 藉以建立動畫。只要指定好起始和結束的關鍵影格內容, 然後設定起始關鍵影格為形狀漸變動畫, 物件就會由開頭影格的樣子變為結束影格中的樣子。

TIP: 若要將形狀補間動畫套用到群組、實體或點陣圖影像上, 請先打散這些元素。執行 Ctrl + B 鍵 (此組合鍵可快速打散元素)。如果你要製作文字的形狀漸變動畫, 必須將文字打散, 才能將文字轉換成圖像。但如果文字是 2 個中文字、或 2 個英文字母以上, 就必須打散 2 次。例如 (下圖)：執行第一次將 HELLO 這個單字打散為 H、E、L、L、O 五個分離的字母 （每個字母外圍仍是藍框）；執行第二次才能將 H、E、L、L、O 五個字母打散為「形狀」 （外圍沒有藍框）。

Step 1 場景如圖所示, 我們接下來要運用形狀漸變來做出海浪效果。

Step 2 執行 『插入/時間軸/圖層』 命令建立新圖層, 按下鍵盤上的 Ctrl + L 鍵開啟元件庫面板, 將 「海」 元件由元件庫面板拖入場景中。

Step 3 點選 「海」 元件, 按下滑鼠右鈕選擇 『打散』 命令 ( Ctrl + B )。被打散後的圖片上面會產生許多網狀小白點, 如圖所示。

Step 4 移動到影格 15、30 位置, 分別按 F6 鍵各插入一關鍵影格。

Step 5 點選影格 15, 選取 「海」 元件, 在工具箱中按下自由變形工具 將海往左右拉長約兩倍。

TIP: 此時可以改變工作區的顯示比例, 以便拉長海浪。

Step 6 在影格 1 到影格 15 的任意一影格上按下滑鼠右鈕, 選擇 『建立形狀補間動畫』 命令。接著在影格 16 到影格 30 的任意一影格上按下滑鼠右鈕, 選擇 『建立形狀補間動畫』 命令。

Step 7 在時間軸上影格 16 位置, 執行命令 ( Ctrl + F3 ) 開啟影格屬性面板, 於補間動畫列示窗看見已選擇了形狀。這時, 只要拖動時間軸就可以發現, 產生了海水波動的形狀補間動畫。