时间轴特效动画.PPT

著作權所有 ? 旗標出版股份有限公司 第 10 章 Flash 基本動畫與 時間軸效果 本章提要 連續影格動畫 (Frame by Frame) 形狀補間動畫 (Shape Tweening) 與 移動補間動畫 (Motion Tweening) 時間軸特效動畫 連續影格動畫 (Frame by Frame) 運用描圖紙 (Onion Skin) 功能逐格繪製分解動作 匯入分解動作連續圖檔 Flash 可以匯入的向量圖檔格式 匯入向量圖的好處 連續影格動畫 (Frame by Frame) Flash 的連續影格動畫就是採用連續的影格上製作分解動作： 運用描圖紙 (Onion Skin) 功能 逐格繪製分解動作 如果要在 Flash 中逐格畫出連續動作, 那麼基本的製作流程是這樣的︰ 先繪製連續動作影格 1 (即第 1 格影格) 的內容： 運用描圖紙 (Onion Skin) 功能 逐格繪製分解動作 請點選影格 2 後再按下 鍵 (或可按滑鼠右鈕執行『插入關鍵影格』命令), 把影格 2 設成關鍵影格。 繪製影格 2 的內容： 運用描圖紙 (Onion Skin) 功能 逐格繪製分解動作 重複步驟 2~4, 繼續新增關鍵格並繪製影格內容, 直到完成整個連續動作為止。 匯入分解動作連續圖檔 Flash 可以匯入向量圖檔和點陣圖檔, 但由於 Flash 本身是向量繪圖軟體, 所以一般建議最好匯入向量圖檔。你可以使用向量繪圖軟體, 如 FreeHand、CorelDRAW、Illustrator 來畫連續影格動畫的分解動作, 只要存檔時存成連續編號的檔名, 如︰影格 01、影格 02、影格 03 ..., Flash 便可以一次匯入所有連續編號的圖檔, 並且一個蘿蔔一個坑地將圖檔自動插入連續的影格中 。 Flash 可以匯入的向量圖檔格式 Flash 目前能支援的向量圖格式包括︰EMF、WMF、PDF、FreeHand 的 FH 檔、Adobe Illustrator (10 以前) 的 EPS、AI、以及 AutoCAD 的 DXF ...等等。 其中 FreeHand 是最建議與 Flash 配合的向量繪圖軟體, 因為凡是匯入 FreeHand 7.0 以後版本的圖檔, Flash 皆可接收它的圖層、文字物件、元件等, 幾乎是能以原貌匯入編輯呢！ Flash 匯入連續圖檔的方法 例如我們希望在船圖層中置入 5 格連續的圖檔, 而背景 圖層則維 持同一張 的背景圖： Flash 匯入連續圖檔的方法 選取要匯入連續圖檔之圖層的影格 1 (如船圖層的影格 1), 再執行『檔案 / 匯入 / 匯入至舞台』命令開啟匯入交談窗, 選取連續圖檔的第一張圖, 按下開啟鈕。接著在彈出的訊息窗中按下是鈕, 確定要匯入連續的圖檔： Flash 匯入連續圖檔的方法 Flash 匯入連續圖檔的方法 某些圖檔, 例如我們匯入的 .ai (Illustrator) 檔, 還可以進一步選擇匯入的方式。指定好匯入方式後, 按 下確定鈕便 可匯 入圖 檔： Flash 匯入連續圖檔的方法 Flash 會自動依序將圖檔插入在連續的影格當中, 這樣馬上就完成了連續影格動畫了： Flash 匯入連續圖檔的方法 匯入向量圖的好處 由於 Flash 本身是向量圖形編輯軟體, 所以匯入向量圖的好處是, 可以在 Flash 中修改、編輯向量圖。至於使用點陣圖, 由於受限於無專屬的編輯功能, 所以修改的範圍有限, 而且點陣圖還會增大檔案體積, 也不適合過度使用。 如果要在其他繪圖軟體中製作 Flash 要使用的分解圖檔, 還是建議以向量圖為佳。 形狀補間動畫 (Shape Tweening) 與 移動補間動畫 (Motion Tweening) 何謂補間動畫 (Tweened) 形狀補間動畫 (Shape Tweening) 說明 製作形狀補間動畫 (Shape Tweening) 預覽動畫的方法 移動補間動畫 (Motion Tweening) 說明 製作移動補間動畫 (Motion Tweening) 移動補間動畫 V.S. 形狀補間動畫 何謂補間動畫 (Tweened) 何謂補間動畫 (Tweened) 運用補間動畫可以輕易製作出具有移動、縮放、旋轉、形狀漸變、色彩漸變等效果的動畫, 還能控制動畫行進變慢或變快！另外, 使用補間動畫還可以保持檔案的苗條, 非常適合用於網頁這種受限於頻寬問題的情況。 補間動畫