CG 數位學習網 > Flash 教學



形狀補間動畫

形狀補間動畫可以將圖形轉變成另一種形狀,製作形狀補間動畫不可使用群組的物件,也不能使用轉成元件的物件,這是與製作移動補間動畫不同的地方。接下來,先以一個簡單的範例介紹形狀漸變動畫:

1. 繪製圖形,請注意不要使用「物件繪製」的模式。

2. 在時間軸的第 30 格插入空白關鍵影格,並且在這個關鍵影格繪製矩形

3. 點選第 1 個關鍵影格,在屬性面板的「補間動畫」選擇「形狀」,時間軸會出現箭頭,表示已建立形狀補間動畫。

按鍵盤的 Enter 鍵檢視動畫的效果,請注意套用形狀漸變動畫的時間軸會呈現淺綠色的背景。

調整形狀補間動畫

檢視形狀漸變動畫後,您可能覺得變形的過程未達到預期效果,此時可以使用「形狀提示點」調整補間動畫,左圖的範例未使用形狀提元點,變形時產生些微旋轉的情形,右圖則是加上形狀提示點後的修正結果。

將時間滑桿移到第一個關鍵影格,點選功能表 [ 修改 > 形狀 > 增加形狀提示點 ] 可增加一個形狀提示點,分別調整變形前、後的形狀提示點位置,並預覽調整後的動畫效果。製作複雜的變形效果時,需要使用較多的形狀提示點。

提示:形狀提示點只能在形狀補間動畫前面的關鍵影格新增。

動畫類型 時間軸顏色

移動補間動畫 淺藍色 物件必須群組或轉換成元件
形狀補間動畫 淺綠色 物件不可群組或轉換成元件,文字若要製作形狀補間動畫必須打散。

製作文字的形狀補間動畫

以上的範例使用的是繪圖工具,若使用文字工具無法直接做成形狀補間動畫,必須先將文字物件打散,請參考以下的範例:

1. 在第 1 格關鍵影格輸入文字 " ABC " ,並設定適當的字型、顏色與字體大小。

2. 在時間軸的第 30 格插入關鍵影格,在插入關鍵影格時,會自動複製上一個關鍵影格的物件,因此直接將 " ABC " 改為 " XYZ " 即可。

3. 將第 1 格與第 30 格的關鍵影格的文字物件打散為形狀。選擇文字物件後點選功能表 [ 修改 > 打散 ] 或按 Ctrl + B 快速鍵,這個動作必須重複執行二次,因為文字物件打散時會先變成為獨立的字元,再打散一次才會變成形狀。

提示:文字打散後,出現封閉筆劃被填滿的情形嗎?這是因為使用了 Windows 系統提供的的細明體、新細明體、標楷體,由於內建中文字型使用筆劃組字,並不是真正的外框字,請另外安裝字型檔,例如華康、全真、超研澤等,即可避免發生類似的情形。