實(shí)驗(yàn)七Flash動(dòng)畫制作實(shí)驗(yàn)?zāi)康?.掌握逐幀動(dòng)畫的制作和過渡動(dòng)畫的制作。2.掌握元件的使用、圖層的應(yīng)用。3.掌握運(yùn)動(dòng)軌跡的使用。4.掌握Alpha通道的使用。5.掌握聲音的插入。6.掌握簡單腳本控制。7.掌握Flash動(dòng)畫的發(fā)布與輸出。二、實(shí)驗(yàn)內(nèi)容1．制作不同形狀的逐幀動(dòng)畫。2.制作形狀變化的過渡動(dòng)畫。3.逐幀動(dòng)畫制作學(xué)校的夜晚、教室窗戶的燈光和天空閃爍的星星。4.利用圖層遮罩技術(shù)，制作一個(gè)類似于打字機(jī)在屏幕上依次打出一行文字的動(dòng)畫效果。5.使用運(yùn)動(dòng)軌跡技術(shù)，制作任一圖象在沿著一橢圓軌跡運(yùn)動(dòng)。6.利用元件和Alpha通道，制作太陽升起時(shí)太陽和天空顏色變化的過程。7.使用兩種方法：遮罩技術(shù)、文字分離填充，制作一個(gè)動(dòng)感彩色文字效果的動(dòng)畫。8.制作一個(gè)動(dòng)感反彈球體的動(dòng)畫。9.文字的輸入與顯示。10.簡單電子相冊的制作。提示：1.利用工具箱的“橢圓”和“矩形”工具，分別在第1、10、20幀插入三個(gè)關(guān)鍵幀，形狀依次為矩形、三角形、和圓，觀察播放的效果。【提示】要制作三角形，只要先通過“矩形工具”畫矩形。然后通過“箭頭工具”指向矩形的一條邊，利用鼠標(biāo)將該邊拖向矩形的一個(gè)角就可，見圖7-1。2.制作形狀變化的過渡動(dòng)畫利用上例，在第1、10幀處通過屬性面板設(shè)置“形狀”補(bǔ)間，形成變形動(dòng)畫，觀察播放的效果?！咎崾尽空５摹靶螤睢毖a(bǔ)間，時(shí)間軸上顯示的是綠色底色的實(shí)線,見圖7-2(a）。若是虛線，說明補(bǔ)間不成功，見圖7-2(b），原因是補(bǔ)間前后的對象不一致。（a）（a）正確(b)不正確圖7-1矩形變?nèi)切螆D7-2補(bǔ)間正確與否時(shí)間軸顯示3.逐幀動(dòng)畫制作學(xué)校的夜晚、教室窗戶的燈光和天空閃爍的星星。①首先制作兩個(gè)元件：黃色的矩形表示窗戶燈光，白色的五角星表示星星。②場景中黑色的表示教學(xué)樓(見圖7-3)，關(guān)鍵幀引入不等的燈光和星星元件，來表示教室窗戶的燈光和天空的星星，見圖7-4所示。（可以在每一幀引入，可雙擊幀頻率處，由默認(rèn)12改小一些，本例為3）。圖7-3第1幀顯示教室圖7-4其它幀引入元件顯示燈光和星星4.利用圖層遮罩技術(shù)，制作一個(gè)類似于打字機(jī)在屏幕上依次打出一行文字的動(dòng)畫效果。例逐一顯示“歡迎光臨我的網(wǎng)站”，文字底下有一黑線，表示當(dāng)前打字機(jī)位置。【提示】①新建一個(gè)元件，選擇符號類型為“圖形”，元件名稱為“下劃線”，在第1幀處用“直線”工具劃一條黑色線，寬度約與一個(gè)字符位置同。②切換到場景，設(shè)置場景的背景為蘭色，大小為500*200像素。在圖層1的第1幀輸入文字“歡迎光臨我的網(wǎng)站”，并設(shè)置文字大小和顏色。在第8幀插入空白關(guān)鍵幀。③添加圖層2，在第1幀畫“矩形”，寬度為一個(gè)字符，并定位于圖層1的第一個(gè)字符處（見圖7-5）。在第8幀畫“矩形”，寬度為“歡迎光臨我的網(wǎng)站”8個(gè)字符寬。建立第1幀與第8幀之間的動(dòng)畫“形狀”補(bǔ)間。該圖層設(shè)置為遮罩層。④添加圖層3，在第1幀引用元件庫的“下劃線”元件，位置定位在與圖層2第1幀相應(yīng)的位置處。在第8幀插入關(guān)鍵幀，定位于最后一個(gè)字符處。建立第1幀與第8幀之間的動(dòng)畫“動(dòng)作”補(bǔ)間。圖7-5左為設(shè)計(jì)時(shí)的第1幀界面，右為播放后的第5幀界面說明：為慢速觀看效果，可雙擊時(shí)間軸的幀頻率處，在其對話框改變幀頻率為4（默認(rèn)12）5.使用運(yùn)動(dòng)軌跡技術(shù)，制作任一圖象在沿著一橢圓軌跡運(yùn)動(dòng)。①新建一元件，見圖7-6。②切換到場景，設(shè)置背景顏色，分別在第1、第18、第34幀引用元件。并在第1、第18幀進(jìn)行“動(dòng)作”補(bǔ)間操作。③添加引導(dǎo)層，運(yùn)動(dòng)軌跡為橢圓，將圖層1的三個(gè)關(guān)鍵幀的中心位置對準(zhǔn)橢圓的起、中、結(jié)束位置（圖7-7為中位置的設(shè)計(jì)界面）。注意：若播放時(shí)沒有沿著橢圓運(yùn)動(dòng)，說明引用的元件中心點(diǎn)與運(yùn)動(dòng)軌跡沒有對準(zhǔn)。myDate=newDate();dt=myDate.getFullYear()+"年"+(myDate.getMonth()+1)+"月"+myDate.getDate()+"日";10.簡單電子相冊的制作，通過本例的學(xué)習(xí)掌握動(dòng)態(tài)加載圖片以及控制其顯示。=1\*GB3①首先新建一個(gè)文檔，大小設(shè)置為600*450，將要顯示的照片復(fù)制到文檔所在的文件夾，并按順序編號，本例采用了“蝴蝶1.jpg”到“蝴蝶6.jpg”，圖片大小是500*333。=2\*GB3②新建兩個(gè)按鈕元件“next”和“previous”，本例利用photoshop繪制了兩個(gè)帶箭頭的按鈕，表示下一張和前一張。=3\*GB3③新建一個(gè)圖形元件“相框”，繪制一個(gè)空心的矩形框，用來表示相框，大小為510*340。=4\*GB3④新建一個(gè)影片剪輯元件“顯示區(qū)域”，繪制一個(gè)沒有邊框的矩形區(qū)域。=5\*GB3⑤把按鈕和相框以及顯示區(qū)域等元件放入到場景1中圖層1的第1幀，位置擺放如圖7-15所示，在屬性面板中把“顯示區(qū)域”的實(shí)例名稱設(shè)置為area，x,y坐標(biāo)設(shè)置為（20，20），相框的x,y坐標(biāo)設(shè)為（18，18）。圖7-15設(shè)計(jì)界面=6\*GB3⑥在圖層1上增加一個(gè)新圖層2，在圖層2的第1幀輸入如下腳本：_global.i=1;/*控制顯示照片的序號*/loadMovie("蝴蝶"+i+".jpg",area);/*加載第1張圖片*/setProperty(area,_x,21);/*設(shè)置圖片顯示的位置*/setProperty(area,_y,21);=7\*GB3⑦選擇“Next”按鈕，輸入如下腳本：on(release){ if(i<6)/*照片最多顯示6張*/ { i++; next._visible=true;/*設(shè)置兩個(gè)按鈕可見*/ pre._visible=true; loadMovie("蝴蝶"+i+".jpg",area);/*加載第i張圖片*/ } else next._visible=false;/*顯示完最后一張圖片將next按鈕設(shè)置為不可見*/}=8\*GB3⑧選擇“Previous”按鈕，輸入如下腳本：on(release){ if(i>1) {i--; pre._visible=true;/*設(shè)置兩個(gè)按鈕可見*/ next._visible=true; loadMovie("蝴蝶"+i+".jpg",area);