講師：吳清輝

Flash 8 基礎動畫

教學大綱• FLASH8 的使用環境• 1-1 繪圖工具• 1-2 元件庫

• 動畫技巧• 2-1 影格• 2-2 逐格動畫• 2-3 漸變動畫 ( 移動 / 形狀 )

• 其他• 遮色片功能• 時間軸特效功能

開始 所有程式Macromedia Macromedia Flash8

• 1-1 繪圖工具

• 1-2 元件庫

1) FLASH8 的使用環境

繪圖工具

繪圖工具列

檢視工具

指標工具

直線工具

節點工具

背茲曲線

套索工具

文字工具

橢圓形工具

鉛筆工具

筆刷工具

墨水瓶

油漆桶

滴管

橡皮擦

磁石工具

放大鏡

色彩

外框顏色

選轉或縮放

顏色調整漸層

元件庫 INSERT( 插入 )NEW SYMBOL( 新增元件 ) 。

按鈕

圖像

影片片段

補充選取視窗 (Window) 就可以開啟面板文件屬性設定：修改文件善用元件庫匯入其他檔案：檔案匯入預覽動畫：

按 Ctrl+Enter 或 控制測試影片 (swf檔 )

發佈影片：檔案發佈設定可選擇存成各種檔案類型

• 2-1 影格介紹• 2-2 逐格動畫• 2-3 補間動畫 ( 移動 / 形狀漸變 )

2) 動畫技巧

關鍵影格 (F6)表示影格中含有物件

空白關鍵影格 (F7)影格中沒有任何物件

影格 (F5)如果是關鍵影格則保留關鍵影格的內容若是空白影格則此區段影格空白

2-1 影格 修改影格速率 ( 預設值： 12fps 代表每秒 12 影格 )

直接在屬性面板上修改 或 修改文件

插入影格 在時間軸面板影格上按滑鼠右鍵插入 ( 關鍵 / 空白關鍵 ) 影格 或按快捷鍵 (F5 、 F6、 F7)

移除影格 滑鼠右鍵移除影格

元件庫 INSERT( 插入 )NEW SYMBOL( 新增元件 )

按鈕

圖像

影片片段

※ 練習影片片段 (girl.gif)※ 按鈕—製作簡單按鈕※ 圖像—練習屬性面板上的顏色變化 (flower.jpg)

2-2 逐格 ( 分格 ) 動畫每個影格都是圖 (girl.gif)

2-3 漸變動畫2-3-1 移動補間動畫

在第一格圖層畫圓第 25 格插入關鍵影格 (F6)

2-3 漸變動畫2-3-1 移動補間動畫

•影格上按滑鼠右鍵建立移動補間動畫•影格上按滑鼠右鍵建立移動補間動畫

•或在屬性面板上的補間動畫選擇「移動」

•或在屬性面板上的補間動畫選擇「移動」

2-3 漸變動畫2-3-1 移動補間動畫增加導引線新增圖層 2 點選此圖示增加導引線 ( 或在圖層上按滑鼠右鍵選擇增加導引線 )選擇鉛筆工具在圖層 2 第一影格上隨意畫上曲線

( 導引線 )將物件貼齊導引線 ( 可用 貼齊物件工具輔助 )

將物件貼齊導引線 ( 可用 貼齊物件工具輔助 )

練習 1請下載 GUIDE.fla 檔案利用導引線製做一個蜜蜂飛行動畫 ( 完成品參考 GUIDE.swf)

2-3 漸變動畫2-3-2 形狀漸變動畫把數字 1 漸漸變成 2

在第一影格用文字工具 打上 125 影格插入空白關鍵影格 (F7) 打上 2

2-3 漸變動畫2-3-2 形狀漸變動畫把數字 1 漸漸變成 2

在第一影格用文字工具打上 1打散打散物件 ( 修改打散 ) 25 影格插入空白關鍵影格 打上 2打散打散物件 ( 修改打散 )屬性面版補間動畫改為形狀

2-3 漸變動畫2-3-2 形狀漸變動畫

虛線代表錯誤，形狀漸變必須將物件打散虛線代表錯誤，形狀漸變必須將物件打散打散打散物件 ( 修改打散 ) ※ 打散後看起來像有很多白點

第一影格 選擇數字 1 ( 修改打散 )第 25 影格 選擇數字 2 ( 修改打散 )

2-3 漸變動畫2-3-2 形狀漸變動畫可增加「提示點」 ( 修改→形狀→增加形狀提示點 )

練習 2 下載檔案 SHAPE.fla 利用形狀漸變將蜜蜂變成蝴蝶 並練習使用提示點功能 ( 完成品參考 SHAPE.swf)

• 遮色片功能• 時間軸特效功能

其他

遮色片 MASK.fla

時間軸特效插入時間軸特效參考 OTHER.swf

作業製做一個動畫須包含：文字、形狀漸變、移動漸變、導引線範例 HOMEWORK.swf