快速建立移動動畫
description
Transcript of 快速建立移動動畫
快速建立移動動畫• 請雙按範例檔 02.swf, 先看看已完成的移
動補間動畫是什麼樣子。
快速建立移動動畫1. 請開啟練習檔 02-learn.fla, 我們來實際體
驗一下移動補間動畫的製作步驟。
快速建立移動動畫2. 開啟檔案後 , 我們要製作第 1 格影格的
內容。請先按一下時間軸面板上圖層 1 的影格 1 , 再執行『視窗 /元件庫』命令開啟元件庫面板 , 其中小汽車是我們準備好的圖形 , 請從元件庫面板將小汽車拉曳到舞台左邊的位置:
快速建立移動動畫
快速建立移動動畫3. 接下來我們要製作結束影格的內容。假設
動畫共有 10 格影格 , 請在時間軸面板上圖層 1 的影格 10 處按下滑鼠右鈕 , 執行『插入關鍵影格』命令:
「播放磁頭」的作用• 我們可由播放磁頭得知目前舞台上播放的
是哪一格影格的內容。請先按一下影格 1 的位置 , 將播放磁頭移至動畫的最前面 , 再按下 [Enter] 鍵 , 此時播放磁頭會依序由影格 1 移動至影格 10, 不過由於我們尚未進行移動的設定 , 因此舞台上的小汽車沒有任何的移動或變化。
快速建立移動動畫4. 選取圖層 1 的影格 10, 然後按下工具箱
的選取工具 , 再將舞台左邊的小汽車拉曳到舞台的右邊 , 代表小汽車的行徑路線。移動時請儘量保持水平移動 , 如果擔心無法維持在相同的水平位置 , 請在拉曳前先按下 [Shift] 鍵不放再進行拉曳 , 小汽車就會維持在相同的水平位置囉!
快速建立移動動畫
快速建立移動動畫• 請在影格 1 上按右鈕 , 執行『建立移動補
間動畫』命令 , 影格 1 到影格 10 之間便會顯示一個箭頭圖示 , 箭頭穿過的影格 , 就是 Flash 幫我們完成的 , 這些自動完成的影格稱之為補間動畫影格:
快速建立移動動畫
快速建立移動動畫• 動畫設定到此就完成了 , 請按下時間軸面
板上的影格 1, 將播放磁頭移至影格 1 的位置 , 再按下 [Enter] 鍵 , 即可藉由播放磁頭的移動來檢視小汽車的移動效果。
• 在此動畫中 , 小汽車會從舞台左邊開往右邊 , 如果將影格 1 的小汽車移至舞台外左邊的位置:
快速建立移動動畫
快速建立移動動畫• 再將影格 10 的小汽車移至舞台外右邊的
位置:
快速建立移動動畫• 如此一來當動畫重複播放時 , 就會有穿流
不息的效果囉!你可以執行『控制 /測試影片』命令 , 瀏覽完成的動畫效果。
快速建立移動動畫• 特別提醒您 , 執行『控制 /測試影片』命令
後 , Flash 將會自動建立一個相同檔名 , 但格式為 .swf 的播放檔 , 因此若是開啟光碟中的練習檔來練習 , 請務必將檔案儲存至自己的硬碟中 , 才能順利進行動畫測試。
• 有關於動畫測試及發佈的完整說明 , 可參考第 17 章。