實驗七-Flash動畫制作

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