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

精品文檔多媒體網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告一、實(shí)驗(yàn)?zāi)康?通過本實(shí)驗(yàn)了解網(wǎng)頁常見多媒體動(dòng)畫元素的制作方法， Flash動(dòng)畫目前已成為網(wǎng)絡(luò)動(dòng)畫的標(biāo)準(zhǔn)，是目前動(dòng)畫素材制作的主要軟件。通過本實(shí)驗(yàn)的練習(xí)掌握flash基本動(dòng)畫的制作。用于網(wǎng)頁動(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)畫制作flash短片2）音視頻的加入及編輯處理3）制作形狀補(bǔ)間動(dòng)畫4）制作動(dòng)作補(bǔ)間動(dòng)畫5）遮罩層動(dòng)畫的制作6）引導(dǎo)層動(dòng)畫的制作。四、實(shí)驗(yàn)流程一：逐幀動(dòng)畫的制作 1.新建flash文檔，下載FTP駿馬飛奔動(dòng)畫序列，將其中的圖片7-1.Gif7.7.gif使用”文件”-“導(dǎo)入”-“導(dǎo)入到庫”中，點(diǎn)擊窗口菜單-工具欄-將主工具欄選中2.在圖層1的第二幀，點(diǎn)擊右鍵選擇插入空白關(guān)鍵幀，將庫里的7-2.gif拖入到舞臺(tái)，點(diǎn)擊主工具欄最右端對(duì)齊按鈕：依次點(diǎn)擊“相對(duì)于舞臺(tái)”、對(duì)齊下的第二個(gè)“水平中齊”、分布下的第二個(gè)“垂直中齊”，3.重復(fù)以上步驟，建立7個(gè)關(guān)鍵幀，導(dǎo)入7幅圖像；4.按ctrl+enter進(jìn)行測(cè)試2、 flash短片的制作1、新建flash文檔，將kaiyuan.gif等五幅圖像導(dǎo)入到庫中，將kaiyuan.gif從庫里拖動(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í)，可以只顯示圖像輪廓，并按住“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)畫。3、 形狀補(bǔ)間動(dòng)畫（1）1.新建flash文檔，設(shè)立背景為淺藍(lán)色，在圖層1的第一幀畫一不帶邊框的有填充色的圓，在圖層1的第40幀點(diǎn)擊右鍵插入空白關(guān)鍵幀，在舞臺(tái)的中央畫一矩形，在第70幀點(diǎn)右鍵插入空白關(guān)鍵幀，在舞臺(tái)的右下畫一三角形。2.選中圖層1所有幀，在下方的屬性欄選擇形狀補(bǔ)間，回車鍵進(jìn)行測(cè)試。（2） 波浪線制作 1、設(shè)置寬 300 像素、高 100 像素的藍(lán)色舞臺(tái)。2、用鋼筆工具畫一條綠色波浪線。3、在圖層1的第20幀、第40幀分別插入一個(gè)關(guān)鍵幀。 4、選中第20幀上的波浪線，執(zhí)行“修改變形垂直翻轉(zhuǎn)”命令5、單擊“圖層1”，選中所有幀，單擊屬性面板里的 “ 形狀 ” 。6、測(cè)試影片，觀看效果（3） 變換文字1、設(shè)置寬300像素、高100像素的粉紅色舞臺(tái)。2、單擊第一幀，鍵入大小為“70”的藍(lán)色隸書“理工大”三字，使用對(duì)齊工具居中。在第5幀插入關(guān)鍵幀。3、選中第5幀上的文本，按下快捷鍵ctrl+B兩次，把文字打散。4、在第20幀插入空白關(guān)鍵幀，用同樣的大小和字體鍵入紅色“經(jīng)管院”三字，居中。用同樣的方法把這三字打散。5、選中第5幀，單擊屬性面板里的“形狀”。6、在第25幀插入一個(gè)普通幀。7、Ctrl+enter測(cè)試影片，觀看效果。4 動(dòng)作補(bǔ)間動(dòng)畫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屬性為04、點(diǎn)擊圖層2 將圖層2的所有幀全部選中，在屬性面板插入動(dòng)作補(bǔ)間，enter進(jìn)行測(cè)試。動(dòng)畫補(bǔ)間旋轉(zhuǎn)的五角星1、新建背景為紅色的文檔2、選定圖層1的第一幀，在工具箱選擇“多角星形工具”3、在下方的屬性面板里關(guān)于多角星形工具的屬性里選擇“選項(xiàng)”4.在圖層1的第一幀的左側(cè)繪制一個(gè)五角星5、使用工具箱的線條工具，并開啟下方的磁體選項(xiàng)(磁體可以在畫線時(shí)提供提示，方便選擇貼緊頂點(diǎn))，從頂點(diǎn)向?qū)沁B線，繪制下面的圖形 6.選擇“顏料桶工具”，執(zhí)行“窗口”-“顏色”命令，在顏色面板選擇線性填充，設(shè)置填充條顏色由黃色到淺黃色，點(diǎn)擊填充條上的小方塊，選擇相應(yīng)顏色7、雙擊五角星的邊線，可以將所有邊線選中，按“delete”鍵刪除。8、選中整個(gè)五角星，點(diǎn)擊右鍵將其轉(zhuǎn)換為圖形元件。9、在第40幀插入關(guān)鍵幀，將五角星移動(dòng)到右上位置，將其縮小。10、點(diǎn)擊圖層1選中所有幀，在屬性面板補(bǔ)間選擇“動(dòng)作”，將旋轉(zhuǎn)設(shè)置“逆時(shí)針”1次11、然后點(diǎn)擊40幀的五角星，在屬性面板設(shè)置顏色alpha值 為30%12、測(cè)試播放影片.5、 遮罩動(dòng)畫：制作地球旋轉(zhuǎn)效果1.導(dǎo)入地圖，將earth.jpg導(dǎo)入到庫里，從庫中將地圖拖動(dòng)到圖層1的第一幀，點(diǎn)擊右鍵將圖像轉(zhuǎn)換為圖形元件，將圖形向右移動(dòng)（圖2），在圖層1的第50幀插入關(guān)鍵幀，將圖形向左移動(dòng)（圖3） 點(diǎn)擊圖層1，選中所有幀，建立動(dòng)作補(bǔ)間。2.第二步創(chuàng)建圖層2，在舞臺(tái)上畫一個(gè)正圓。3.第三步、點(diǎn)擊圖層2第50幀，點(diǎn)擊右鍵選擇“插入幀”。 4.將圖層2點(diǎn)擊右鍵選擇“遮罩層”5.按Ctrl+Enter鍵測(cè)試影片六引導(dǎo)層動(dòng)畫：用引導(dǎo)層動(dòng)畫制作“飄落的樹葉”1.建立新場(chǎng)景并設(shè)置背景，依次選擇主菜單中的【文件】【導(dǎo)入】【導(dǎo)入到舞臺(tái)】命令，在跳出的【導(dǎo)入】對(duì)話框中選擇要使用的圖片【大樹】。2.建立落葉元件，單擊【插入圖層】按鈕，在【圖層1】的上方新建【圖層2】然后依次選擇主菜單中的【文件】【導(dǎo)入】【導(dǎo)入到舞臺(tái)】命令，在跳出的【導(dǎo)入】對(duì)話框中選擇要使用的圖片【落葉】。選中【落葉】圖片單擊右鍵選擇【轉(zhuǎn)化為元件】命令。3.設(shè)置窗口的補(bǔ)間動(dòng)畫在將【圖層】的第40幀位置單擊右鍵并選擇【插入關(guān)鍵幀】命令。然后選擇【圖層2】的第一幀，將【屬性】面板里的“補(bǔ)間”設(shè)為動(dòng)畫。測(cè)試一下效果。4.設(shè)置運(yùn)動(dòng)引導(dǎo)效果單擊添加引導(dǎo)層命令，然后在在引導(dǎo)層上劃出的下落的彎曲路線效果：5.調(diào)整落