Flash教案教學(xué)講解課件

Flash教案主講吳星學(xué)習(xí)方法與參考書1.多些欣賞別人精彩作品閃吧，閃客帝國(guó)，/3lian素材網(wǎng)，/down/flash/2.搜索閱讀有關(guān)的技巧文檔造型、動(dòng)畫、交互、音效；視頻教程（例如“滴管工具的使用”）和技術(shù)文檔（FLASH中如何吸取位圖的顏色）3.有兩三本參考書（理論型和技巧型）《網(wǎng)絡(luò)多媒體制作實(shí)訓(xùn)》，中國(guó)勞動(dòng)社會(huì)保障出版社。制作FLASH動(dòng)畫的步驟1.撰寫劇情腳本2.準(zhǔn)備各種素材（圖片、音樂）3.設(shè)計(jì)動(dòng)畫形象（草圖到矢量圖）4.整體制作*專業(yè)的矢量圖制作工具：FireWork、CoreDraw、Illustrator等。Flash版本說(shuō)明現(xiàn)用版本：FlashMX，即Flash6.0最新版本：FlashCS4，即Flash10Flash5.0,FlashMX,FlashMX2004,Flash8.0,FlashCS3(Flash9.0),FlashCS4(Flash10)Flash6.0是Macromedia在2002年推出的Flash版本，而FlashMX2004是該公司2004年推出的Flash版本，F(xiàn)lash2004相當(dāng)于Flash7.0版，又叫做FlashMX2004版，2005年底，該公司又推出新一代Flash軟件，命名規(guī)則又回到版本號(hào)命名，叫做Flash8.0,幾個(gè)版本基本功能很相似，只是版本越高，高級(jí)應(yīng)用功能越多。FlashMX內(nèi)置的腳本語(yǔ)言為ActionScript1.0而Flash2004為ActionScript2.0版目錄FlashMX的工作界面

圖形繪制與編輯

元件的使用

動(dòng)畫的制作圖層的使用交互技術(shù)添加聲音導(dǎo)出與發(fā)布一、FlashMX的工作界面（1）基本概念：以實(shí)例說(shuō)明動(dòng)畫，F(xiàn)lash文件，影片，場(chǎng)景，圖層，幀，元件一、FlashMX的工作界面（2）二、圖形繪制與編輯（1）二、圖形繪制與編輯（2）橢圓、矩形、線條：功能如名稱；Shift鍵；填充圖形含外邊框和內(nèi)部填充兩部分。黑色箭頭：主要用來(lái)選擇對(duì)象、移動(dòng)對(duì)象和改變對(duì)象的形狀；對(duì)應(yīng)的工具選項(xiàng)；Ctr鍵——添加拐角點(diǎn)。白色箭頭：主要通過(guò)對(duì)象上的節(jié)點(diǎn)來(lái)調(diào)整曲線或圖形的形狀；設(shè)置切線手柄（單擊，直線出要按住Alt）。鋼筆：畫直線和曲線，添加/刪除曲線上的節(jié)點(diǎn)；Esc鍵，雙擊，拖動(dòng)；與白色箭頭搭配使用（節(jié)點(diǎn)）。鉛筆：自由畫線二、圖形繪制與編輯（3）橡皮擦：用來(lái)擦除線條和填充圖形，其工具選項(xiàng)有：橡皮擦模式、橡皮擦形狀和水龍頭。任意變形：用來(lái)對(duì)選中的對(duì)象進(jìn)行各種變形，例如縮放、旋轉(zhuǎn)、傾斜和扭曲等。該工具有5種工作模式。其他工具：不一一解釋，在實(shí)訓(xùn)中涉及。

圖形的組合：作為一個(gè)對(duì)象使用，編輯時(shí)相互獨(dú)立，動(dòng)作補(bǔ)間動(dòng)畫需要。動(dòng)畫形象制作：手工繪制（美工基礎(chǔ)）、導(dǎo)入加工（網(wǎng)上尋找源素材）二、圖形繪制與編輯（4）練習(xí)：1.常用工具2.實(shí)訓(xùn)1、2三、元件的使用（1）元件的概念：是Flash影片中可重用的一種對(duì)象，它可以包括圖形、圖像、文字、按鈕和影片剪輯等內(nèi)容，有自己的時(shí)間軸和舞臺(tái)。元件的類型：圖形、按鈕和影片剪輯元件的創(chuàng)建：新建、轉(zhuǎn)換元件的實(shí)例：元件的一次使用三、元件的使用（2）練習(xí)：實(shí)訓(xùn)3四、動(dòng)畫的制作（1）動(dòng)畫原理：由多幅畫面（幀）組成，連續(xù)播放；視覺暫留0.1秒，電視畫面25幀(PAL制50Hz)，電影24幀，F(xiàn)LASH默認(rèn)12幀。動(dòng)畫分類：逐幀動(dòng)畫和補(bǔ)間動(dòng)畫（動(dòng)作補(bǔ)間和形狀補(bǔ)間）。四、動(dòng)畫的制作（2）練習(xí)：實(shí)訓(xùn)4五、圖層的使用（1）1.圖層的意義：使用圖層能處理動(dòng)畫中復(fù)雜的繪圖，增加動(dòng)畫的層次感。2.圖層的類型：普通層、引導(dǎo)層和遮罩層。

3.圖層的基本操作：插入、刪除、更名、改變順序和設(shè)置狀態(tài)。

五、圖層的使用（2）1.引導(dǎo)層與動(dòng)畫

2.遮罩層與動(dòng)畫

五、圖層的使用（3）練習(xí)：實(shí)訓(xùn)5

六、交互技術(shù)（1）利用交互技術(shù)不但可以增加動(dòng)畫的復(fù)雜性，還可以在觀眾與動(dòng)畫間提供交互功能（控制動(dòng)畫播放過(guò)程和動(dòng)畫中的元素）。

Flash中的交互作用由3個(gè)要素構(gòu)成：事件、動(dòng)作和目標(biāo)。事件是影片播放過(guò)程發(fā)生的事情，如用戶單擊鼠標(biāo)，按下鍵盤，或影片播放到某關(guān)鍵幀等。動(dòng)作是當(dāng)某個(gè)事件發(fā)生時(shí)，對(duì)應(yīng)執(zhí)行的操作，如單擊鼠標(biāo)時(shí)，讓影片從場(chǎng)景2的第1幀開始播放。目標(biāo)即動(dòng)作的對(duì)象，如前面所說(shuō)的“場(chǎng)景2的第1幀”。

交互功能需要編程實(shí)現(xiàn)，即使用Flash的動(dòng)作腳本語(yǔ)言（ActionScript）設(shè)計(jì)程序。該語(yǔ)言包含一組功能豐富的運(yùn)算符、語(yǔ)句和函數(shù)，用以定義在不同事件下所需完成的動(dòng)作。

六、交互技術(shù)（2）

（1）鼠標(biāo)事件當(dāng)用戶移動(dòng)鼠標(biāo)或按下按鈕時(shí)，便產(chǎn)生鼠標(biāo)事件，F(xiàn)lash交互技術(shù)中常用的鼠標(biāo)事件是：①press（按）：光標(biāo)位于按鈕之上并按下鼠標(biāo)時(shí)發(fā)生；②release（釋放）：光標(biāo)位于按鈕之上，按下鼠標(biāo)并釋放時(shí)發(fā)生。此外，鼠標(biāo)事件還有：releaseOutside（外部釋放）、rollOver（滑過(guò)）、rollOut（滑離）、dragOver（拖過(guò)）、dragOut（拖離）。

六、交互技術(shù)（3）

（2）鍵盤事件當(dāng)用戶按下鍵盤上的字母鍵、數(shù)字鍵、符號(hào)鍵、光標(biāo)鍵、回車鍵、空格鍵、Insert鍵、Delete鍵、home鍵、End鍵、PageUp鍵和PageDown鍵時(shí)，鍵盤事件便發(fā)生。鍵盤事件名稱只有一個(gè)，即keyPress，由它后面的參數(shù)區(qū)別不同的按鍵。使用鍵盤事件時(shí)有2個(gè)注意事項(xiàng)：①鍵盤事件區(qū)分大小寫，例如按下A鍵和按下a鍵將產(chǎn)生不同的事件。②鍵盤事件與按鈕實(shí)例相關(guān)聯(lián)，即使動(dòng)畫中不需要操作按鈕，也要添加一個(gè)按鈕實(shí)例，可把按鈕實(shí)例置于舞臺(tái)之外以便在播放動(dòng)畫時(shí)不可見。

六、交互技術(shù)（4）

（3）幀事件當(dāng)影片播放到某關(guān)鍵幀時(shí)，幀事件發(fā)生。例如，當(dāng)影片播放到某場(chǎng)景的最后一幀時(shí)，是繼續(xù)播放下一個(gè)場(chǎng)景，還是跳到指定場(chǎng)景播放，可根據(jù)情況對(duì)幀事件設(shè)置相應(yīng)的動(dòng)作。幀事件是基于時(shí)間而不是基于操作的，因此沒有特定的事件名稱。六、交互技術(shù)（5）

（4）動(dòng)作和動(dòng)作語(yǔ)句動(dòng)作是當(dāng)某事件發(fā)生后，要求影片執(zhí)行的操作。在Flash中，動(dòng)作是由對(duì)應(yīng)的動(dòng)作語(yǔ)句來(lái)定義的。FlashMX中的動(dòng)作語(yǔ)句非常豐富，可以通過(guò)“動(dòng)作”面板的“腳本參考”工具或FlashMX幫助系統(tǒng)查閱得到，這里僅列舉一些常用的語(yǔ)句及其用法。六、交互技術(shù)（6）（5）動(dòng)作面板：有兩種工作模式：標(biāo)準(zhǔn)模式和專家模式。

標(biāo)準(zhǔn)模式專家模式六、交互技術(shù)（7）練習(xí)：實(shí)訓(xùn)6七、添加聲音（1）1.意義：從“無(wú)聲電影”到“有聲電影”2.聲音類型：事件聲音和流聲音

七、添加聲音（2）事件聲音有以下幾個(gè)特點(diǎn)：u一旦開始播放，就一直播放到聲音文件的結(jié)尾，不管動(dòng)畫是否結(jié)束或從當(dāng)前時(shí)間軸切換到另一時(shí)間軸。u只有完全下載之后才能播放，聲音文件過(guò)大會(huì)影響動(dòng)畫下載過(guò)程。u可以添加到幀或按鈕。u一般用做按鈕操作或者固定動(dòng)作中的配音。七、添加聲音（3）流聲音有以下幾個(gè)特點(diǎn)：u

可以設(shè)置結(jié)束點(diǎn)，因此可以和動(dòng)畫內(nèi)容同步。u

可以邊下載邊播放，對(duì)動(dòng)畫下載過(guò)程影響不大。u

只能添加到幀。一般用做背景音樂。七、添加聲音（4）3.添加聲音：（1）選擇“文件”|“導(dǎo)入到庫(kù)”命令，將所需的聲音文件導(dǎo)入到庫(kù)中。（2）若是添加到幀，一般應(yīng)單獨(dú)為聲音創(chuàng)建一個(gè)圖層，然后確定起始關(guān)鍵幀，將聲音從“庫(kù)”面板中拖到舞臺(tái)中，最后確定結(jié)束關(guān)鍵幀

（3）若是添加到按鈕，則切換到按鈕元件編輯模式，確定聲音所在關(guān)鍵幀（例如“按下”幀），將聲音從“庫(kù)”面板中拖到舞臺(tái)中七、添加聲音（5）4.編輯聲音：?jiǎn)螕暨x中聲音所在層的起始關(guān)鍵幀，然后打開“屬性”面板。（1）“聲音”下拉列表框（2）“效果”下拉列表框（3）“同步”下拉列表框七、添加聲音