專案 10

我們現在來做一個簡單的氣球動畫

步驟 1

步驟 2

 

用選取工具框選整個氣球，把它轉為正式的元件，指令為修改>>轉換成元件 如圖 2

圖 2

在出現的轉換成元件視窗中，在名稱欄位鍵入"氣球"，在類型，勾選圖像。 如圖 3

圖 3

說明事項

1. 變成元件後，就可以被我們反複使用，而元件本尊，將產生在元件庫。場景舞台上的則是則是元見的實體(分身)。如果我們編輯元件庫的元件本尊，場景的實體也會隨之改變

2. 元件依其行為，分為影片片段、按鈕、圖像 影片片段：該元件本身擁有自己的時間軸，可以直接本身的內部動畫，也可以同時執行場景的動畫。就像是地球自轉時，也能繞著太陽公轉。蝴蝶由東飛向西時，本身翅膀也持續在拍動.. 影片片段也可以透過程式來與網友作各種互動 按鈕：主要功用在於讓網友透過它來與整個Flash影片做各種互動 圖像：單純的靜態圖形，沒有本身的時間軸，只能執行場景的動畫 故此課程元件類型選擇圖像是正確的，因為我們只需要一個圖像元件來執行它在場景的位置移動的動畫表現

 

步驟 3

 

這時舞台上的這個物件就轉變成元件，而這個元件的名字就叫做"氣球" 如圖 4，，當您用選取工具選到它時，從屬性面板也可以得知此元件的的屬性內容

圖 4

步驟 4

 

同學我們現在就可以做動畫了，目前時間軸的圖層1的第一個影格中有一個實心黑點，它代表的就是一個關鍵影格，也同時告訴我們目前整個Flash影片只有一格的畫面， 也就是影片長度只有1/12秒， 因為我們的FPS為12(每一秒播放12個影格Frame)。 我們現在希望在2秒鐘時，氣球會移到舞台右邊，且變小。2秒鐘，也就是我們要在第24格插入關鍵影格。 請同學將滑鼠游標移至圖層1的第24個影格，再按右鍵，出現選項視窗後，選擇插入關鍵影格， 如圖 5

圖 5

步驟 5

 

這時我們影片長度就有24格(2秒鐘)，且有2個關鍵影格了，請點選Frame24，再把舞台上的氣球移到右邊且縮小， 這表示在第2秒鐘時的氣球是與前面時間的狀態是不一樣的。 如圖 6

圖 6

步驟 6

 

接下來就是要將影格1到影格24氣球整個變化，把它連續的銜接起來，成為連續的動態畫面，就是動畫啦! 請同學將滑鼠游標移到圖層1的影格1(不見得一定要是影格1，只要是影格24之前的任何一格)按右鍵，出現選項視窗後，請選擇建立移動補間動畫如圖 7

圖 7

步驟 7

 

這時圖層1的影片變成淡紫色，且中間有一條實線就表示成為一段連續的動畫了，如圖8 請同學先直接按Enter鍵測試

圖 8

動畫完成後，如果要修正此段動畫氣球的大小或位置，只需將滑鼠點至開始或結束的關鍵影格，再去修改球元件的大小位置。故可清鬆反複修正我們的動畫

---

 

動畫如果要取消，只要在兩個關鍵影格之間，按右鍵選擇移除補間動畫，就可以取消動畫指令了，如圖 9

圖 9

---

 

要執行動畫，除了上述指令之外，另外還可以在兩個關鍵影格之間，用左鍵點任何一個影格，在屬性面板的補間動畫選項，選擇移動，如圖 10

圖 10

 

 

Motion動畫內容的選項設定

我們剛剛的專案範例，只是速度平均的直線運動，我們現在再做一個旋轉的動畫，來更了解動畫的設定

步驟 1

圖 9

步驟 2