第32講 FLASH設(shè)計和制作物理課件(8)遮罩與交互動畫制作

1、本講內(nèi)容： 物理FLASH動畫課件的制作 交互式物理課件動畫制作 遮罩動畫制作 課件的發(fā)布 遮罩動畫制作在Flash CS3的作品中，我們常常看到很多眩目神奇的效果，而其中不少就是用最簡單的“遮罩”完成的，如卷軸效果、水波、萬花筒、百頁窗、放大鏡、望遠(yuǎn)鏡、日食、月食、小船渡河、螺旋測微器、行波等等。 那么，“遮罩”如何能產(chǎn)生這些效果呢？在本節(jié)中，我們除了給大家介紹“遮罩”的基本知識，還結(jié)合我們的實際經(jīng)驗介紹一些“遮罩”的應(yīng)用技巧，最后，提供兩個實用的范例，以加深對“遮罩”原理的理解。在Flash CS3中實現(xiàn)“遮罩”效果有二種做法，一種是用補(bǔ)間動畫的方法，一種是用ActionScript指令的

2、方法，在本節(jié)中，我們只介紹第一種做法。 物理FLASH動畫課件的制作（1）什么是遮罩？“遮罩”，顧名思義就是遮擋住下面的對象。 但Flash中的“遮罩”和日常中的“遮罩”剛好相反，是通過“遮罩”層中指定的區(qū)域能看到“被遮罩”層中的內(nèi)容，就象是在“遮罩” 層中開的一個窗口。 遮罩動畫的概念（2）遮罩有什么用？在Flash8.0動畫中，“遮罩”主要有2種用途，一個作用是用在整個場景或一個特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見，另一個作用是用來遮罩住某一元件的一部分，從而實現(xiàn)一些特殊的效果。 （1）創(chuàng)建遮罩。由一個遮罩層和被遮罩層組成。遮罩層在上，被遮罩層在下。（2）構(gòu)成遮罩和被遮罩層的元

3、素。遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條轉(zhuǎn)化為“填充”。被遮罩層中的對象只能透過遮罩層中的對象被看到。在被遮罩層，可以使用按鈕，影片剪輯，圖形，位圖，文字，線條。 （3）遮罩中可以使用的動畫形式。 創(chuàng)建遮罩的方法【實例一】用遮罩的方法制作彩色文字?！緦嵗浚ń滩膶嵗?-12）利用遮罩動畫制作一個地球自轉(zhuǎn)的動畫?！緦嵗浚ń滩膶嵗?-13）利用遮罩動畫制作一個右行波的動畫。效果如圖所示。（1）遮罩層的基本原理是：能夠透過該圖層中的對象看到“被遮罩層”中的對象及其屬性（包括它們的變形效果），但是遮罩層中對象的許多屬性如漸變色、透

4、明度、顏色和線條樣式等卻是被忽略的，比如，我們不能通過遮罩層的漸變色來實現(xiàn)被遮罩層的漸變色變化。（2）要在場景中顯示遮罩效果，可以鎖定遮罩層和被遮罩層。（3）可以用ActionScript動作語句建立遮罩，但這種情況下只能有一個“被遮罩層”，同時，不能設(shè)置Alpha屬性。（4）不能用一個遮罩層試圖遮蔽另一個遮罩層。（5）遮罩可以應(yīng)用在GIF動畫上。 應(yīng)用遮罩時技巧（6）在制作過程中，遮罩層經(jīng)常擋住下層的元件，影響視線，無法編輯，可以按下遮罩層時間軸面板的顯示圖層輪廓按鈕 ，使遮罩層只顯示邊框形狀，在種情況下，仍可拖動邊框調(diào)整遮罩圖形的外形和位置。 交互式物理課件動畫制作按鈕交互是指通過給按鈕附

5、加相應(yīng)的命令，使它能起到控制課件運(yùn)行和程序流程的作用，一個課件中可能有一個還多個按鈕，它是課件中使用率較高的一種交互方式。一般來說，在一個課件中，動畫或其它演示內(nèi)容的播放與停止，目標(biāo)的跳轉(zhuǎn)與定位，運(yùn)行的開始與結(jié)束都是通過鼠標(biāo)單擊按鈕來實現(xiàn)的。常見的按鈕類型有Windows風(fēng)格按鈕、動畫式按鈕、圖形按鈕、文字按鈕和熱區(qū)式按鈕。 在Flash中也可制作具有交互性的動畫課件，常用的按鈕交互，熱對象交互、文本交互、重試限制、條件和時間限制交互。由于時間關(guān)系，下面將講授按鈕交互?！緦嵗摹浚ń滩膶嵗?-14）制作一個復(fù)擺，并用按鈕對擺的運(yùn)動與停止進(jìn)行控制。圖6.138 課件運(yùn)行效果 課件的發(fā)布當(dāng)完成動畫

6、制作后，就需要將其打包并發(fā)布出去，這樣既可以保護(hù)課件不被撰改，又可縮小動畫文件的大小，加快播放的速度。Flash CS3為用戶集成了發(fā)布功能，使用該功能可以將制作完成的動畫發(fā)布成SWF格式，發(fā)布成GIF動畫等。 發(fā)布成SWF動畫文件【導(dǎo)出Flash Player】對話框圖6.180 【導(dǎo)出影片】對話框 發(fā)布成GIF動畫文件圖6.183 【導(dǎo)出GIF】對話框圖6.184 【導(dǎo)出Windows AVI】對話框 輸出視頻文件 輸出靜止圖像文件與圖像序列文件 輸出靜止圖像文件 輸出圖像序列文件圖6.185 【導(dǎo)出圖像】對話框圖6.186 【導(dǎo)出JPEG】對話框圖6.184 【導(dǎo)出Windows AVI】對話框1圖層的作用及類型有哪些？ 2動作補(bǔ)間動畫和形狀補(bǔ)間動畫制作上有何差別? 3在Flash CS3中動畫的類型有哪些？簡述在Flash CS3中創(chuàng)建引導(dǎo)線和遮罩動畫的方法？4 說明按鈕元件4個幀狀態(tài)的作用。6完成第六章網(wǎng)站在線測試題。5簡述在Flash中發(fā)布三種文檔格式的操作方法。 1制作完成彈簧振子的動畫，并能用按鈕控制彈簧振子的振動。2制作完成單擺的動畫，并能