中三级电脑科.DOCVIP

中三級電腦科 動畫製作 – flash 5 第一課 : 漸變移動 ( Motion Tweening ) 1.1 製作漸變移動動畫 在Flash 5 開啟一個新檔案 在圖層1 ( Layer 1 ) 的畫格1 ( Frame 1 ) 繪畫一個圖案 ( 例如一正方形 ) 要令圖案可以漸變移動, 你可以使用以下任何一種方法 點選圖案後, 在 Insert 中選擇 Convert to Symbol , 輸入圖符名稱及圖符類形, 把圖案變成一個圖符 **註 : 圖符類形有 1. Movie Clip – 會動的圖符 2. Button – 動作按鈕 3. Graphic – 靜態圖案 若要把這個正方形變成圖符, 我們應選擇 Graphic 點選圖案後, 在 Modify 中選擇 Group 把圖案群組成一物件 在時間軸的畫格30按滑鼠右鍵, 選擇 Insert Keyframe。 把畫格30中的正方形移動到最後出現的位置。 點選時間軸上的畫格1, 在 Frame panel 上的 Tweening 選項中剔選 motion。“Square” 1.2 旋轉 開啟檔案 Square 點選時間軸上的畫格1 在Frame panel 上輸入以下資料 播放動畫, 你會得到正方形在順時針方向地旋轉兩次 儲存檔案 1.3 淡入淡出 開啟檔案 Square 點選畫格30中的正方形 在 Effect panel 上輸入以下資料 你會得到正方形淡出的較果 儲存檔案 1.4 軌道運行 開新檔案 除了自己繪畫圖外, 我們還可以在已有的圖庫 (Library) 中選取所須的圖案。 現在選擇 Window ( Common Libraries ( Graphics 把 Library-Graphics 中的老鼠圖案拖放到編輯區中 在 Layer1為該老鼠做出30格的漸變移動動畫, 並把圖層改名為 Mouse 在圖層區點選 Mouse 以選擇整個圖層 選擇 Insert ( Motion Guide, 一個新圖層 ( Guide : Mouse ) 便會出現 在Guide : Mouse圖層中以铅筆工具繪畫出路徑 回到 Mouse 圖層的畫格1, 利用箭頭工具選擇老鼠, 把老鼠移動到路徑的起點。 **小貼士 : 此時請確定工具箱中的 ‘Snap to Objects’ 按鈕已被點選。 然後利用滑鼠點著老鼠中心的十字符號, 把老鼠移動到路徑的起點, 你會發現當老鼠靠近路徑時會自動被吸入路徑內。 把畫格30的老鼠移動到路徑的未端 若現在播放動畫, 老鼠會跟著路徑移動, 但它的臉卻沒有跟著改變方向, 你可以在Mouse 圖層的畫格1中, 點選 Frame panel 的 Orient to path 便可以了 練習一 製作一個類似 S:\3A\電腦科\Flash\Butterfly 的動畫, 你的動畫必須顯示出以下技術 : 建立Symbol ( 2 分 ) Motion tweening ( 2 分 ) 淡入效果 ( 2 分 ) 路徑移動 ( 4 分 ) 第二課 : 形狀漸變 簡介 : 除了動作上的漸變, Flash 還可以做出形狀, 及色彩上的漸變, 這便要靠 Shape tweening 來完成了。在Flash 中, 只有未群組的非圖符圖案, 才可做到Shape tweening 效果。 2.1 Shape tweening 開一個新檔案 在圖層1的畫格一內繪畫一個紅色的圓形 在畫格30內Insert Keyframe 把畫格30的圓形修改成正方形 回到畫格1, 在Frame panel 內的Tweening點選 Shape 播放動畫, 然後把檔案儲成 ‘circle’ 2.2 色彩漸變 開啟 ‘circle’ 把畫格30的正方形修改成綠色 播放動畫, 然後儲存檔案 2.3 文字漸變效果 在 Flash 中, 由於文字是群組物件, 要製作出文字漸變較果, 首先要把文字分割成 Shape 物件。步驟是選擇 Modify ( Break apart。 在這裏, 我們會做兩個文字的漸變效果。 2.3.1 簡單文字漸變 (參考S:\3A\電腦科\flash\文字漸變(1) ) 開一個新檔案 在畫格1加入文字 ‘1’ 字形 : ARIAL BLACK 大小 : 96 顏色 : 藍色 以上文字屬性可在 Character panel 中調較 在畫格20 Insert Keyframe 把畫格20 的 ‘1’ 字改為 ‘2’ 分別在畫格1 及畫格20中選擇 Modify ( Break apart 點選畫格1, 在 Frame panel 把 Tweening 選項調較成 Shape ( 即Shape Tweeni