关键影格补间动画范例.pptVIP

Flash課程-動畫篇 講師：林佩誼 朱廉雯 王秀雯 黃榆婷 前置作業 請上FTP找到「0819FL動畫篇」資料夾，下載： 0819_FL.ppt 0819_FL隨堂練習.ppt 0819FL_Samples資料夾 連續繪圖資料夾 Contents 動畫原理 讓你的圖像作品”動”起來 視覺暫留 動畫是透過視覺暫留原理，快速地播放連續、具有些微差距的圖像內容，讓原本固定不動的圖像變成生動起來 人腦暫存影像的時間為1/16秒 電影每張畫面的播放間格時間為1/24秒 Flash預設的動畫播放速率 每秒12格影格(12fps) -frame per second 可以設定10fps -方便計算 畫面太複雜或電腦運算速度不夠快 動畫播放效果打折扣或產生漏格情形 認識時間軸與影格 認識時間軸面板 時間軸面板=動畫的剪接師 產生和管理影格與圖層，安排圖像與元件的先後順序 影格=圖畫紙=影片膠卷中的一格 圖層=賽路路片 認識時間軸面板 視窗?時間軸 影格的運用 編輯影格 在任一影格按下滑鼠右鍵?影格快顯選單 (包含所有操作影格的指令) 選影格?影格屬性面板 影格的運用 編輯影格 插入影格(F5)：增加影格 移除影格：選取要刪除的影格 清除影格：將影格裡的物件clear (影格還會存在) 複製/剪下/貼上影格 複製影格：選取要複製的範圍?按住Alt鍵不放再拖曳到要擺放的位置 延長/縮短影格：在最後一格且非關鍵影格?按住Ctrl鍵拖曳 搬移影格：按住要搬移的影格不放，再拖曳到要擺放的位置 影格的運用 影格性質 影格(F5) 白點?空白.舞台無東西 黑點.灰色?舞台有物件 關鍵影格(F6) 複製前面影格裡的物件 在這一格開始要有變化(利用前物件) 空白關鍵影格(F7) 不複製.但新增一個空白影格 在這一格開始要有變化(創新物件) 影格的運用 影格性質 形狀漸變影格 綠色箭頭 前後關鍵影格為打散物件 移動漸變影格 紫色箭頭 前後關鍵影格為元件.群組物件 失敗的影格 虛線代表失敗的動畫 影格的運用 影格性質 聲音 影格中加入聲音 影格標籤 將關鍵影格區段?命名 設定動作指令 代表此影格有設定ActionScript 認識基礎動畫 逐格動畫(Frame by Frame) 逐格動畫 常見的動畫需要透過些微差異的連續影格畫面，才能建構完成動畫作品 倘若每個影格畫面都要親手繪製，就稱為逐格動畫(所以每格都是關鍵影格) 隨堂練習：0819_FL00test 補間動畫(Tweening) 補間動畫(Tweening) 形狀補間 建立類似外型漸變的效果，讓形狀看起來好像會隨著時間軸變換成另一個形狀 前後關鍵影格放打散的圖像物件 隨堂練習：0819_FL01test 補間動畫(Tweening) 移動補間 所選的元素可經由位置移動、放大縮小、左右旋轉產生動畫效果 (1)一個圖層做一個移動補間動畫 (2)前後關鍵影格放元件、群組物件 隨堂練習：0819_FL02test 補間動畫(Tweening) 導引線移動補間 讓元件依循您繪製的行徑路線移動 (1)原始的移動補間動畫只能以直線方式移動 (2)導引線頭尾不能接起來 隨堂練習：0819_FL02test 遮色片動畫(Mask) 遮色片動畫(Mask) 遮色片一定是位於被遮罩圖層的上方 在遮色片圖層繪製的所有內容，都會變成摟空的部份 就好像我們把一張剪紙作品放在某個圖片上方一樣 任何圖層都可以設定成「遮色片」圖層 但至少要包含兩個圖層才能做出遮色片效果 遮色片動畫(Mask) 靜態遮色片 簡單的遮色片範例，被遮的就是看的到的 遮色片本身不動，被遮色的圖層可變動 遮色片本身可以是打散or群組圖像物件 隨堂練習：0819_FL03test 遮色片動畫(Mask) 動態遮色片 動的是遮色片圖層 隨堂練習：0819_FL03test 參考書籍 趙英傑(2005) Flash MX 2004動畫設計寶典。台北市：上奇。 鄧文淵(2006) Flash8網頁製作。台北市：碁峰。 作業三說明 繳交日期：8月25日上午九時前 上傳至「0825FLhomework」資料夾中 作業要求： 1.開頭動畫 逐格動畫、補間動畫(移動.形狀.導引線)、遮色片動畫(靜態or動態擇一) 開頭動畫播畢，可連結到作業二的網頁 2.元件應用 圖像、按鈕、影片片段 3.插入聲音與AS應用 小提醒： 於8/25上課前繳交（資料夾裡請附上『名字.txt』的檔案） 作業三所選擇的主題可以運用在作業四 參考範例 暑假戰鬥營作業 動畫評量 實作展網站 建議 多看(作品).多想(架構).多做(作業) Flash破解軟體: Sothink SWF Decompiler 9