FLASH動畫創作 FLASH是一套向量繪圖兼動畫設計軟體 支援向量與點陣圖形 具有靈活的程式設計Action Script 用數學輔助動畫製作 時間A點到B點的畫格漸變 Flash 跟 Gif的差異：     [漫畫]=Gif圖片格式最多只能接受256色的色彩，特別的有兩點：背景透明、連續播放之Gif動畫效果     [卡通]=Flash動畫，色彩豐富、動畫效果多變，但是Action程式設計門檻稍微高一點

FLASH基本模式 範例播放檔 0.逐格分解圖 人、大嘴巴、打鬥功夫、睡人 非常多張分解圖形 1.移動補間動畫 ex1、ex2、企鵝 1個圖形元件 2.移動補間動畫-導引線 ex1、ex2、ex3、ex4、ex5、蝴蝶 1條路線圖形 3.形狀補間動畫 春夏秋冬.swf、池塘的青蛙.swf 愛的結晶.swf 2個不一樣的圖形 4.遮色片應用 換裝.swf、抓小偷.swf 選美女.swf、新聞播報.swf 1個元件或圖形 1片遮色片 5.打擊遊戲 打蟑螂.swf、機關槍.swf、打老鼠.swf 打猴子.swf、打雪地鼠.swf 以上綜合 加入程式設計

賞析 收集作品 網頁應用 小遊戲/網路遊戲 教學應用 月球漫步.swf、青蛙.swf 、大頭目燈.swf 、咖啡煙.swf、男變女.swf、春夏秋冬.swf。 SUPER.swf、青蛙吃蟲.swf、花開.swf 、森林精靈.swf、老鼠愛大米.swf、演唱會.swf 打蟑螂.swf、機關槍.swf、打老鼠.swf、打猴子.swf     打雪地鼠.swf 歷屆學生作品、MV收集 91年學姊作品 林禹婷   徐偉娟 網頁應用 首頁與選單：LaNew 開頭網頁： 1.國立故宮博物院--兒童區 2.國立海洋博物館--鮮魚區 3.國立海洋博物館--兒童版 4.創意真簡單--昆蟲小學 5.阿貴-貴寶地 6.春水堂卡通網站 小遊戲/網路遊戲 教學應用 1.物理：花崗國中王建忍老師、理工教學網站 2.地科：挪威地質網站 3.數學：印度人架設的數學網站 4.英文：全民英檢

FLASH架構：圖層與時間軸 工具列 時間軸 圖層 繪圖 填色框 填色心 □影格 ●關鍵影格 ○空白關鍵影格 時間距離 分解圖所在時間點 分解圖所在時間點是空白圖形 圖層 分解圖1 分解圖2

FLASH架構：圖形與角色元件 圖形 散狀 可畫 群組 外框 元件 角色 存於圖庫可重複拖出來用

操作概念整理 時間影格操作 圖形繪製 圖層 圖形：不需移動或分解圖相異 元件：移動補間動畫 (空白)關鍵影格上才可以畫圖 插入關鍵影格：拷貝之前的關鍵影格 插入空白關鍵影格：新的空白關鍵影格 插入影格：延長(空白)關鍵影格的出現時間 (空白)關鍵影格可以用滑鼠拖拉控制 圖形繪製 油漆桶(內實心)、墨水瓶(外框線) 複製圖形…到另一個時間點貼上 調色盤 鎖定填色 圖層 鎖定 連續草底 圖形：不需移動或分解圖相異 元件：移動補間動畫

做之前的規劃 每關鍵影格都要畫不同的圖形 分解圖相異性大：如功夫打鬥 分解圖相異性小：老鼠跑過 元件庫-造型 場景1-舞台 因為每個分解圖形都不一樣，建議用逐格方式，即不用元件而是每個關鍵影格慢慢畫圖。以後維護修改困難。 分解圖相異性小：老鼠跑過 要用元件來做線性的補間動畫，那麼元件內的圖形會比較簡單。以後維護修改容易。 元件庫-造型 場景1-舞台

作業主題：相遇 劇本 圖層規畫 動畫檔 放在網頁上播放檔 *.swf FLASH透明背景效果 背景需有(樹木花草海天空星星月亮太陽…皆可) 主角必須是動物且2隻以上(人昆蟲..)移動 途中發生事情(碰撞講話…) 圖層規畫 文字對話層：文字的對話 背景圖層：不太會動的背景，如山水天空 元件圖層：車子、雲、球等形狀變化少的移動補間動畫 逐格圖層：若有連續形狀皆相異的打鬥，只好每一關鍵影格慢慢畫 動畫檔 存原始檔 *.fla 發佈或測試影片得到播放檔 *.swf 放在網頁上播放檔 *.swf 超連結到播放檔 *.swf 或直接插入播放檔網頁內(插入->媒體->FLASH) FLASH透明背景效果 在[檔案]→[發佈設定]→[HTML]→[視窗模式] 選擇[透明無視窗]。然後[發佈] 將此新網頁中關於FLASH影片的語法拷貝你的作品網頁上。

作業步驟 A.圖形與元件製作 B.場景的時間軸圖層佈置 C.作品存檔發佈 D.放在作品網頁上(DreamWeaver操作) 1.會動的人物：先製作成元件 新增元件 在元件模式繪圖 2.不動的背景：繪製成圖形(或再轉成群組或元件) 方式1：直接在場景模式繪圖 確認這個圖層為背景圖層 方式2：新增元件到元件模式 B.場景的時間軸圖層佈置 圖層1(背景) 已經有繪製背景圖形； 若無背景圖，則從圖庫中將背景元件拖入到此 圖層2(元件位移) 關鍵影格：時間A點、時間B點 =>移動補間動畫 C.作品存檔發佈 存檔 *.fla 播放檔 *.swf ：測試->影片(產生 *.swf播放檔) D.放在作品網頁上(DreamWeaver操作) 方式1：超連結到此播放檔 *.swf 方式2：插入->媒體->Flash(或plugin)

再次複習 元件使用時機 移動補間動畫使用時機 重複性高 使用率高 一個圖層只有一個元件要順暢移動位置 使用的元件內只有單純關鍵影格無其他漸變 若不用元件，會用到很多關鍵影格 可利用描圖紙來畫連續動作圖 EX:打鬥範例.fla