網(wǎng)頁(yè)設(shè)計(jì)flash制作實(shí)驗(yàn)報(bào)告

1、多媒體網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)報(bào)告一、實(shí)驗(yàn)?zāi)康耐ㄟ^(guò)本實(shí)驗(yàn)了解網(wǎng)頁(yè)常見(jiàn)多媒體動(dòng)畫(huà)元素的制作方法，F(xiàn)lash動(dòng)畫(huà)目前已成為網(wǎng)絡(luò)動(dòng)畫(huà)的標(biāo)準(zhǔn)，是目前動(dòng)畫(huà)素材制作的主要軟件。 通過(guò)本實(shí)驗(yàn)的練習(xí)掌握f(shuō)lash基本動(dòng)畫(huà)的制作。用于網(wǎng)頁(yè)動(dòng)態(tài)banner 等有關(guān)設(shè)計(jì)。二、實(shí)驗(yàn)設(shè)備及環(huán)境操作系統(tǒng)：Windows 8編輯運(yùn)行環(huán)境：Flash 2004三、實(shí)驗(yàn)內(nèi)容1）用逐幀動(dòng)畫(huà)制作flash短片2）音視頻的加入及編輯處理3）制作形狀補(bǔ)問(wèn)動(dòng)畫(huà)4）制作動(dòng)作補(bǔ)問(wèn)動(dòng)畫(huà)5）遮罩層動(dòng)畫(huà)的制作6）引導(dǎo)層動(dòng)畫(huà)的制作。四、實(shí)驗(yàn)流程一：逐幀動(dòng)畫(huà)的制作1. 新建flash文檔，下載FTP駿馬飛奔動(dòng)畫(huà)序列，將其中的圖 片7-1.Gif77.gif 使用

2、“文件”-“導(dǎo)入”-“導(dǎo)入到庫(kù)”中，點(diǎn)擊 窗口菜單-工具欄-將主工具欄選中里對(duì)齊i=對(duì)齊：1= S =1于m色 相對(duì)于分布：舞臺(tái)：哥君呂昨時(shí)聞K匹配大?。洪g隔：自!生力dL7項(xiàng)齊”，3 .重復(fù)以上步驟，建立7個(gè)關(guān)鍵幀，導(dǎo)入7幅圖像;4 .按ctrl+enter 進(jìn)行測(cè)試、flash短片的制作1、新建flash文檔，將kaiyuan.gif 等五幅圖像導(dǎo)入到庫(kù)中， 將kaiyuan.gif 從庫(kù)里拖動(dòng)到舞臺(tái)。利用工具箱的任意變形工具 口 , 將圖像調(diào)整和舞臺(tái)同樣大小。2、點(diǎn)擊時(shí)間軸圖層1的第30幀，右鍵選擇“插入空白關(guān)鍵幀”， 將lvyin.jpg 拖動(dòng)到舞臺(tái)，調(diào)整大小與舞臺(tái)相當(dāng)，調(diào)整大小時(shí)，可

3、以 只顯示圖像輪廓，并按住“ alt ”進(jìn)行調(diào)整。3、重復(fù)步驟 2,依次將 jiao9lou.jpg 、jiao11lou.jpg >chunse.jpg拖動(dòng)到第60、90、120幀。右鍵點(diǎn)擊第150幀“插入幀”。4.按ctrl+enter 導(dǎo)出動(dòng)畫(huà)。三、形狀補(bǔ)間動(dòng)畫(huà)1 1) 1.新建flash文檔，設(shè)立背景為淺藍(lán)色，在圖層 1的第一幀畫(huà) 一不帶邊框的有填充色的圓，在圖層 1的第40幀點(diǎn)擊右鍵插入空白 關(guān)鍵幀，在舞臺(tái)的中央畫(huà)一矩形，在第70幀點(diǎn)右鍵插入空白關(guān)鍵幀， 在舞臺(tái)的右下畫(huà)一三角形。2 .選中圖層1所有幀，在下方的屬性欄選擇形狀補(bǔ)問(wèn)，回車鍵進(jìn)行測(cè) 試。(2)波浪線制作1、設(shè)置寬30

4、0像素、高100像素的藍(lán)色舞臺(tái)。2、用鋼筆工具畫(huà)一條綠色波浪線。3、在圖層1的第20幀、第40幀分別插入一個(gè)關(guān)鍵幀。4、選中第20幀上的波浪線，執(zhí)行“修改一變形一垂直翻轉(zhuǎn)”命令“形狀”。5、單擊“圖層1”，選中所有幀，單擊屬性面板里的(3)變換文字6、測(cè)試影片，觀看效果1、設(shè)置寬300像素、高100像素的粉紅色舞臺(tái)。2、單擊第一幀，鍵入大小為“ 70”的藍(lán)色隸書(shū)“理工大”三字，使 用對(duì)齊工具居中。在第5幀插入關(guān)鍵幀。3、選中第5幀上的文本，按下快捷鍵ctrl+B兩次，把文字打散。二J"口二|二1：尸.|二|二|二"”iT.二二一;：* 二:m 口,3：'"

5、"二:：" < ：':=：，：，；- - - -S, .!m.J J.-W.I I u'"'B Ls J32.-.T.W,TJ3,n-J丫產(chǎn)Jl工匚 s 1* .'H貨4、在第20幀插入空白關(guān)鍵幀，用同樣的大小和字體鍵入紅色“經(jīng) 管院”三字，居中。用同樣的方法把這三字打散。1 4 a H L , .4 .'r B ，'.I|rjip.r /J，r- .J/-，J_ a .r'.!v r.- . .%:.v. .-1" 1 4P I,工 J< 口、" , B <1.|，Q

6、J “J-、-產(chǎn)噎Wl7/-1 H,1) I 產(chǎn) / I:.jj口： ：匕。中. 口丁 卜 , r r . r * sJ - s s -*，rW'5、選中第5幀，單擊屬性面板里的“形狀”。6、在第25幀插入一個(gè)普通幀。7、Ctrl+enter測(cè)試影片，觀看效果。四.動(dòng)作補(bǔ)間動(dòng)畫(huà)1、建立flash文檔，將kaiyuan.gif 圖像拖入舞臺(tái)作為背景。2、新建一圖層2,輸入白色50號(hào)文字“西安理工大學(xué)”。3、選擇文字，點(diǎn)右鍵將文字轉(zhuǎn)換為元件。4、在圖層2的第50幀點(diǎn)擊右鍵插入關(guān)鍵幀，將元件用工具箱的“任 意變形工具”放大，并設(shè)置屬性面板的 alpha屬性為0時(shí)間軸圖 510152。2530

7、354045D圖層1口次打釣百 “，陽(yáng) 【，:5012 0 fps 4 1s4、點(diǎn)擊圖層2將圖層2的所有幀全部選中，在屬性面板插入動(dòng)作補(bǔ) 問(wèn)，enter進(jìn)行測(cè)試。動(dòng)畫(huà)補(bǔ)問(wèn)旋轉(zhuǎn)的五角星1、新建背景為紅色的文檔2、選定圖層1的第一幀，在工具箱選擇“多角星形工具”3、在下方的屬性面板里關(guān)于多角星形工具的屬性里選擇“選項(xiàng)”工具設(shè)置4.在圖層1的第一幀的左側(cè)繪制一個(gè)五角星5、使用工具箱的線條工具，并開(kāi)啟下方的磁體選項(xiàng)（磁體可以在畫(huà)線時(shí)提供提示12.0 fps選擇相應(yīng)顏色命令，在顏色面6.選擇“顏料桶工具7、雙擊五角星的邊線，可以將所有邊線選中板選擇線性填充，設(shè)置填充條顏色由黃色到淺黃色，點(diǎn)擊填充條上的小

8、方方便選擇貼緊頂點(diǎn)），從頂點(diǎn)向?qū)沁B線回軸8、選中整個(gè)五角星，點(diǎn)擊右鍵將其轉(zhuǎn)換為圖形元件。9、在第40幀插入關(guān)鍵幀，將五角星移動(dòng)到右上位置，將其縮小。10、點(diǎn)擊圖層1選中所有幀，在屬性面板補(bǔ)問(wèn)選擇“動(dòng)作”，將旋轉(zhuǎn)設(shè)置“逆時(shí)針” 1次11、然后點(diǎn)擊40幀的五角星，在屬性面板設(shè)置顏色 alpha值為30%12、測(cè)試播放影片.五、遮罩動(dòng)畫(huà)：制作地球旋轉(zhuǎn)效果1.導(dǎo)入地圖，將earth.jpg導(dǎo)入到庫(kù)里，從庫(kù)中將地圖拖動(dòng)到圖層 1 的第一幀，點(diǎn)擊右鍵將圖像轉(zhuǎn)換為圖形元件，將圖形向右移動(dòng)（圖 2）, 在圖層1的第50幀插入關(guān)鍵幀，將圖形向左移動(dòng)（圖 3）、不5K點(diǎn)擊圖層1,選中所有幀，建立動(dòng)作補(bǔ)問(wèn)。2 .

9、第二步創(chuàng)建圖層2,在舞臺(tái)上畫(huà)一個(gè)正圓。3 .第三步、點(diǎn)擊圖層2第50幀，點(diǎn)擊右鍵選擇“插入幀” 5-220513E3圖層2 圖, X 當(dāng)口、二? + i® |jJ *| W | 51 p12.0 fps | 4.2s Tj4 .將圖層2點(diǎn)擊右鍵選擇“遮罩層”弓I導(dǎo)層未命名-1 .fla*5.按Ctrl+Enter鍵測(cè)試影片曲 |JJ 里1里上曰| 4C 12,0 fps 3.3sT圖層1六.引導(dǎo)層動(dòng)畫(huà)：用引導(dǎo)層動(dòng)畫(huà)制作“飄落的樹(shù)葉”一【導(dǎo)入到舞臺(tái)】命令，在跳出的【導(dǎo)入】對(duì)話框中選擇要使用的圖片 【大B圖層21.建立新場(chǎng)景并設(shè)置背景，依次選擇主菜單中的【文件】同軸2 .建立落葉元件，單擊【插入圖層】按鈕，在【圖層 11的上方新建【圖層2然后依次選擇主菜單中的【文件】 一【導(dǎo)入】一【導(dǎo)入到舞臺(tái)】命令，在跳出的【導(dǎo)入】對(duì)話框中選擇要使用的圖片【落葉】。選中【落葉】圖片單擊右鍵選擇【轉(zhuǎn)化為元件】命令。3 .設(shè)置窗口的補(bǔ)問(wèn)動(dòng)畫(huà)在將【圖層2】的第40幀位置單擊右鍵并選擇【插入關(guān)鍵幀】命令。 然后選擇【圖層2】的第一幀，將【屬性】面板里的“補(bǔ)問(wèn)”設(shè)為動(dòng)畫(huà)。 測(cè)試一下效果。4 .設(shè)置運(yùn)動(dòng)引導(dǎo)效果單擊添加引導(dǎo)