Flash 基本認識
|
版本:Flash
5 >Flash MX (6)>Flash MX 2004 (7) >Flash 8 |
||||||
|
ActionScript:1 > 2 > 3 |
||||||
|
||||||
|
Flash 的三種檔案格式 |
||||||
| 原始檔(FLA)(可編修檔):編輯作業檔,須有 Flash
軟體 電影檔(SWF):嵌在網頁中者須為 SWF 檔 執行檔(EXE):使用者電腦無 Player 時亦可播放【例】帕海貝爾的D調卡農.exe (533 KB)
|
||||||
|
Flash 的播放 |
||||||
| 單獨播放(SWF、EXE) 在瀏覽器裡播放(SWF) 【問】如何知道使用中電腦瀏覽器 Flash 播放器的版本 檢查校網大首頁:http://www.shu.edu.tw/ |
||||||
|
Flash 基本觀念:多使用電影的隱喻 |
||||||
|
基本名詞 |
||||||
|
【說明】電影(Movie) |
||||||
|
劇本的編排處 |
||||||
|
時間軸(Timeline) 一般影格(Frame)、關鍵影格(Keyframe) |
||||||
|
Symbol/ Instance /Library |
||||||
| 元件(Symbol):本尊 實體(Instance):分身 元件庫(Library):元件的休息室 【範例】GG龍 ggl_button.swf (25 K) loading_1.swf (35 K) 【說明】重複使用元件的好處:symbols.ppt ( 540 KB ) |
||||||
|
Flash 的動畫方式 |
||||||
|
主要:Tween (漸變/補間) (之後詳見:Flash 的動畫產生方式) |
||||||
|
先練習看看... |
||||||
|
||||||
|
最後請將 fla 檔儲存,並「檔案
> 發佈 (Publish)」
為 html 及 swf 檔 ※ 註:"發佈" 是什麼? |
||||||
|
Flash 的特色 |
||||||
| (1) 2D、向量、動畫 【範例】fight.swf (1.34 MB) 雨中漫步﹙785 KB﹚ 【比較】GIF 動畫(點陣式)或視訊檔 GIF 動畫 電腦族自保大法 |
||||||
| (2) 重複使用元件(所以:檔案小) 【例】GG龍 ggl_button.swf (25 K) loading_1.swf (35 K) |
||||||
| (3) 可互動(註:Action Script) -- 播放控制(例:Play 鈕、Replay 鈕) -- 選單 -- 遊戲程式 【例】簡單互動:體操雞 【例】較複雜互動: |
||||||
| (4) 可匯入多種其他多媒體素材(例:點陣圖檔、向量檔、聲音檔、影片檔等) 【例】點陣圖:(a) 我的野蠻女友 (七張照片組成一部動畫) episode2.fla (7,222 K )、episode2.swf (196 K ) (b) 李蠢作品:fool_lee_ep01.swf (3,444 KB) 【例】視訊:Nike: See Lance Ride 【例】 |
||||||
| (5-1) 能被多種軟體嵌入/匯入(網頁、Powerpoint、Director、Authorware...) 【說明】在其他軟體檔案裡內嵌 swf 檔 【例】 |
||||||
| (5-2) 方便與網頁整合(註:檔案小、瀏覽器支援) -- 動畫 -- 選單 【例】世新首頁 ( 由兩個 SWF 檔串成:1、2) 【例】 Freddy vs. Jason (電影廣告)
|
||||||
(6) 作品的風格任君選擇
|
||||||
|
||||||
|
Flash 的運用 |
||||||
|
||||||
|
如何下載網站上的 SWF 檔以供觀摩 |
||||||
|
||||||
|
軟體比較:動畫、互動... 等 |
||||||
|
向量 vs 點陣 |
||||||
| Flash 動畫
:GG龍
loading_1.swf (35
K) fight.swf (1.34 MB,小小作品) Gif 動畫:GIF 動畫 (gif 89a) ※ 於 Flash 中,向量結合點陣:例子越來越多 |
||||||
|
Flash 與網頁 |
||||||
| Flash:時間軸 、按鈕(滑鼠滑過
Rollover)、Action Dreamweaver:時間軸 、滑鼠滑過 Rollover、Behavior Frontpage:動態 HTML 效果(網頁切換等)、Rollover |
||||||
|
Flash 與 Powerpoint 等 |
||||||
|
Flash 與專業的多媒體整合軟體 |
||||||
| 例:Director :output 05 :output 05 (Director) 註:觀看此例會先引導至安裝 Shockwave Playe (參看說明:ReadMeFirst.txt) Authorware |
||||||
|
自我學習 |
||||||
•Flash CS3、CS5 •Flash 動畫大師逐格動畫精髓
|
||||||
|
Flash 的線上說明 (Help) |
||||||
| 簡單:Lessons 詳細:Using Flash /Tutorials 較難:Samples(註:著重互動語法) |