1 / 15

快速建立移動動畫

快速建立移動動畫. 請雙按範例檔 02.swf , 先看看已完成的移動補間動畫是什麼樣子。. 快速建立移動動畫. 請開啟練習檔 02-learn.fla , 我們來實際體驗一下移動補間動畫的製作步驟。. 快速建立移動動畫. 開啟檔案後 , 我們要製作第 1 格影格的內容。請先按一下 時間軸 面板上 圖層 1 的影格 1 , 再執行 『 視窗 / 元件庫 』 命令開啟 元件庫 面板 , 其中 小汽車 是我們準備好的圖形 , 請從 元件庫 面板將 小汽車 拉曳到舞台左邊的位置：. 快速建立移動動畫. 快速建立移動動畫.

chava
Télécharger la présentation

快速建立移動動畫

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 快速建立移動動畫 • 請雙按範例檔 02.swf, 先看看已完成的移動補間動畫是什麼樣子。

  2. 快速建立移動動畫 • 請開啟練習檔 02-learn.fla, 我們來實際體驗一下移動補間動畫的製作步驟。

  3. 快速建立移動動畫 • 開啟檔案後, 我們要製作第 1 格影格的內容。請先按一下時間軸面板上圖層 1的影格 1 , 再執行『視窗/元件庫』命令開啟元件庫面板, 其中小汽車是我們準備好的圖形, 請從元件庫面板將小汽車拉曳到舞台左邊的位置：

  4. 快速建立移動動畫

  5. 快速建立移動動畫 • 接下來我們要製作結束影格的內容。假設動畫共有 10 格影格, 請在時間軸面板上圖層 1的影格 10 處按下滑鼠右鈕, 執行『插入關鍵影格』命令：

  6. 「播放磁頭」的作用 • 我們可由播放磁頭得知目前舞台上播放的是哪一格影格的內容。請先按一下影格 1 的位置, 將播放磁頭移至動畫的最前面, 再按下 [Enter] 鍵, 此時播放磁頭會依序由影格 1 移動至影格 10, 不過由於我們尚未進行移動的設定, 因此舞台上的小汽車沒有任何的移動或變化。

  7. 快速建立移動動畫 • 選取圖層 1的影格 10, 然後按下工具箱的選取工具, 再將舞台左邊的小汽車拉曳到舞台的右邊, 代表小汽車的行徑路線。移動時請儘量保持水平移動, 如果擔心無法維持在相同的水平位置, 請在拉曳前先按下 [Shift] 鍵不放再進行拉曳, 小汽車就會維持在相同的水平位置囉！

  8. 快速建立移動動畫

  9. 快速建立移動動畫 • 請在影格 1 上按右鈕, 執行『建立移動補間動畫』命令, 影格 1 到影格10 之間便會顯示一個箭頭圖示, 箭頭穿過的影格, 就是 Flash 幫我們完成的, 這些自動完成的影格稱之為補間動畫影格：

  10. 快速建立移動動畫

  11. 快速建立移動動畫 • 動畫設定到此就完成了, 請按下時間軸面板上的影格 1, 將播放磁頭移至影格 1 的位置, 再按下 [Enter] 鍵, 即可藉由播放磁頭的移動來檢視小汽車的移動效果。 • 在此動畫中, 小汽車會從舞台左邊開往右邊, 如果將影格 1 的小汽車移至舞台外左邊的位置：

  12. 快速建立移動動畫

  13. 快速建立移動動畫 • 再將影格 10 的小汽車移至舞台外右邊的位置：

  14. 快速建立移動動畫 • 如此一來當動畫重複播放時, 就會有穿流不息的效果囉！你可以執行『控制/測試影片』命令, 瀏覽完成的動畫效果。

  15. 快速建立移動動畫 • 特別提醒您, 執行『控制/測試影片』命令後, Flash 將會自動建立一個相同檔名, 但格式為 .swf 的播放檔, 因此若是開啟光碟中的練習檔來練習, 請務必將檔案儲存至自己的硬碟中, 才能順利進行動畫測試。 • 有關於動畫測試及發佈的完整說明, 可參考第 17 章。

More Related