網(wǎng)頁設計flash制作實驗報告

1、精選優(yōu)質(zhì)文檔-傾情為你奉上多媒體網(wǎng)頁設計實驗報告一、實驗目的 通過本實驗了解網(wǎng)頁常見多媒體動畫元素的制作方法， Flash動畫目前已成為網(wǎng)絡動畫的標準，是目前動畫素材制作的主要軟件。通過本實驗的練習掌握flash基本動畫的制作。用于網(wǎng)頁動態(tài)banner等有關設計。二、實驗設備及環(huán)境操作系統(tǒng)：Windows 8編輯運行環(huán)境：Flash 2004三、實驗內(nèi)容1) 用逐幀動畫制作flash短片2）音視頻的加入及編輯處理3）制作形狀補間動畫4）制作動作補間動畫5）遮罩層動畫的制作6）引導層動畫的制作。四、實驗流程一：逐幀動畫的制作 1.新建flash文檔，下載FTP駿馬飛奔動畫序列，將其中的圖片7-1

2、.Gif7.7.gif使用”文件”-“導入”-“導入到庫”中，點擊窗口菜單-工具欄-將主工具欄選中2.在圖層1的第二幀，點擊右鍵選擇插入空白關鍵幀，將庫里的7-2.gif拖入到舞臺，點擊主工具欄最右端對齊按鈕：依次點擊“相對于舞臺”、對齊下的第二個“水平中齊”、分布下的第二個“垂直中齊”，3.重復以上步驟，建立7個關鍵幀，導入7幅圖像；4.按ctrl+enter進行測試2、 flash短片的制作1、新建flash文檔，將kaiyuan.gif等五幅圖像導入到庫中，將kaiyuan.gif從庫里拖動到舞臺。利用工具箱的任意變形工具，將圖像調(diào)整和舞臺同樣大小。2、點擊時間軸圖層1的第30幀，右鍵選

3、擇“插入空白關鍵幀”，將lvyin.jpg拖動到舞臺，調(diào)整大小與舞臺相當，調(diào)整大小時，可以只顯示圖像輪廓，并按住“alt”進行調(diào)整。3、重復步驟2，依次將jiao9lou.jpg、jiao11lou.jpg、chunse.jpg拖動到第60、90、120幀。右鍵點擊第150幀“插入幀”。4.按ctrl+enter導出動畫。3、 形狀補間動畫（1）1.新建flash文檔，設立背景為淺藍色，在圖層1的第一幀畫一不帶邊框的有填充色的圓，在圖層1的第40幀點擊右鍵插入空白關鍵幀，在舞臺的中央畫一矩形，在第70幀點右鍵插入空白關鍵幀，在舞臺的右下畫一三角形。2.選中圖層1所有幀，在下方的屬性欄選擇形狀補

4、間，回車鍵進行測試。（2） 波浪線制作 1、設置寬 300 像素、高 100 像素的藍色舞臺。2、用鋼筆工具畫一條綠色波浪線。3、在圖層1的第20幀、第40幀分別插入一個關鍵幀。 4、選中第20幀上的波浪線，執(zhí)行“修改變形垂直翻轉(zhuǎn)”命令5、單擊“圖層1”，選中所有幀，單擊屬性面板里的 “ 形狀 ” 。6、測試影片，觀看效果（3） 變換文字1、設置寬300像素、高100像素的粉紅色舞臺。2、單擊第一幀，鍵入大小為“70”的藍色隸書“理工大”三字，使用對齊工具居中。在第5幀插入關鍵幀。3、選中第5幀上的文本，按下快捷鍵ctrl+B兩次，把文字打散。4、在第20幀插入空白關鍵幀，用同樣的大小和字體鍵

5、入紅色“經(jīng)管院”三字，居中。用同樣的方法把這三字打散。5、選中第5幀，單擊屬性面板里的“形狀”。6、在第25幀插入一個普通幀。7、Ctrl+enter測試影片，觀看效果。4 動作補間動畫1、建立flash文檔，將kaiyuan.gif圖像拖入舞臺作為背景。2、新建一圖層2，輸入白色50號文字“西安理工大學”。3、選擇文字，點右鍵將文字轉(zhuǎn)換為元件。4、在圖層2的第50幀點擊右鍵插入關鍵幀，將元件用工具箱的“任意變形工具”放大，并設置屬性面板的alpha屬性為04、點擊圖層2 將圖層2的所有幀全部選中，在屬性面板插入動作補間，enter進行測試。動畫補間旋轉(zhuǎn)的五角星1、新建背景為紅色的文檔2、選定

6、圖層1的第一幀，在工具箱選擇“多角星形工具”3、在下方的屬性面板里關于多角星形工具的屬性里選擇“選項”4.在圖層1的第一幀的左側(cè)繪制一個五角星5、使用工具箱的線條工具，并開啟下方的磁體選項(磁體可以在畫線時提供提示，方便選擇貼緊頂點)，從頂點向?qū)沁B線，繪制下面的圖形 6.選擇“顏料桶工具”，執(zhí)行“窗口”-“顏色”命令，在顏色面板選擇線性填充，設置填充條顏色由黃色到淺黃色，點擊填充條上的小方塊，選擇相應顏色7、雙擊五角星的邊線，可以將所有邊線選中，按“delete”鍵刪除。8、選中整個五角星，點擊右鍵將其轉(zhuǎn)換為圖形元件。9、在第40幀插入關鍵幀，將五角星移動到右上位置，將其縮小。10、點擊圖層

7、1選中所有幀，在屬性面板補間選擇“動作”，將旋轉(zhuǎn)設置“逆時針”1次11、然后點擊40幀的五角星，在屬性面板設置顏色alpha值 為30%12、測試播放影片.5、 遮罩動畫：制作地球旋轉(zhuǎn)效果1.導入地圖，將earth.jpg導入到庫里，從庫中將地圖拖動到圖層1的第一幀，點擊右鍵將圖像轉(zhuǎn)換為圖形元件，將圖形向右移動（圖2），在圖層1的第50幀插入關鍵幀，將圖形向左移動（圖3） 點擊圖層1，選中所有幀，建立動作補間。2.第二步創(chuàng)建圖層2，在舞臺上畫一個正圓。3.第三步、點擊圖層2第50幀，點擊右鍵選擇“插入幀”。 4.將圖層2點擊右鍵選擇“遮罩層”5.按Ctrl+Enter鍵測試影片六引導層動畫：用

8、引導層動畫制作“飄落的樹葉”1.建立新場景并設置背景，依次選擇主菜單中的【文件】【導入】【導入到舞臺】命令，在跳出的【導入】對話框中選擇要使用的圖片【大樹】。2.建立落葉元件，單擊【插入圖層】按鈕，在【圖層1】的上方新建【圖層2】然后依次選擇主菜單中的【文件】【導入】【導入到舞臺】命令，在跳出的【導入】對話框中選擇要使用的圖片【落葉】。選中【落葉】圖片單擊右鍵選擇【轉(zhuǎn)化為元件】命令。3.設置窗口的補間動畫在將【圖層】的第40幀位置單擊右鍵并選擇【插入關鍵幀】命令。然后選擇【圖層2】的第一幀，將【屬性】面板里的“補間”設為動畫。測試一下效果。4.設置運動引導效果單擊添加引導層命令，然后在在引導層上劃出的下落的彎曲路線效果：5.調(diào)整落