網(wǎng)頁動畫設(shè)計與制作FlashMX2004 項目11-電影測試與導出.ppt

1、網(wǎng)頁動畫設(shè)計與制作Flash,項目十一 電影的測試與導出,項目十一 電影的測試與導出,【項目背景】 小張已完成了一部動畫制作，在即將發(fā)布使用前，經(jīng)理要求小張對所設(shè)計的動畫進行仔細復查，檢查優(yōu)化動畫效果，進行最后的測試，并將動畫以相應(yīng)的動畫格式導出、發(fā)布。其中，經(jīng)理還要求他將有些動畫導出部分圖像，將有些動畫導出獨立執(zhí)行的電影文件。,【項目分析】,1動畫的優(yōu)化與測試有什么意義？ 2當Flash Player不可用時，如何播放動畫？ 3Flash能以哪些格式發(fā)布文件？,【任務(wù)分解】,任務(wù)1：測試電影。 任務(wù)2：導出電影。 任務(wù)3：導出圖像。 任務(wù)4：發(fā)布電影。 任務(wù)5：制作獨立執(zhí)行的電影文件。,任務(wù)

2、1 測試電影,熟悉電影的簡單測試方法。 了解動畫優(yōu)化的原則。 測試動畫的下載性能。,1熟悉電影的簡單測試方法,（1）使用“播放”命令測試影片：通常情況下，在制作好Flash影片后，可使用播放器預(yù)覽影片效果，這時可直接執(zhí)行“控制”“播放”命令或者按下Enter鍵進行影片測試。 （2）使用“測試影片”命令測試影片：如果影片中包含了動作腳本，則只能執(zhí)行“控制”“測試影片”命令或者使用快捷鍵Ctrl+Enter來測試影片，此時系統(tǒng)將首先生成SWF文件，然后播放該文件。 （3）測試影片中的某個場景：可以執(zhí)行“控制”“測試場景”命令或使用快捷鍵Ctrl+Shift+Enter對影片中的某個場景進行測試。

3、（4）播放Flash影片：播放Flash影片可以使用以下幾種方法。 在安裝了Flash Player的瀏覽器中播放。 在Director和Authorware中使用 Flash Xtra播放。 使用Microsoft和其他ActiveX主機中的Flash ActiveX控件播放。 作為QuickTime影片的一部分播放。,2了解動畫優(yōu)化的原則,（1）文字優(yōu)化檢測：盡量少用多種字體和少設(shè)定字體樣式，盡可能少地使用嵌入字體。不要將文字打碎，文字打碎后變成圖形，會增加文件的大小。 （2）圖形優(yōu)化檢測：盡量采用矢量圖形，少用位圖圖像，若使用位圖，最好采用JPEG方式壓縮。盡量少采用漸變色填充圖形。若影

4、片中的元素多次使用時，盡可能采用元件，元件的重復使用不會增加文件的長度。對影片中使用的線條，可執(zhí)行“修改”“曲線”“最優(yōu)化”命令，以優(yōu)化動畫中使用過的線條。 （3）聲音優(yōu)化檢測：避免使用WAV格式的聲音文件，最好采用MP3格式。 （4）動畫文件優(yōu)化檢測：避免使用逐幀動畫，盡可能使用補間動畫。盡可能將動作的對象設(shè)置在不同的層中。盡量制作小尺寸影片，如果動畫中沒有包含位圖元素時，可在“發(fā)布設(shè)置”中HTML選項中設(shè)置大的影片尺寸，這樣，在網(wǎng)頁中呈現(xiàn)出較大的影片。盡可能使用LoadMovie命令減輕影片開始下載時的負擔。,3測試動畫的下載性能,（1）打開要測試的影片，如11-2.fla，執(zhí)行“控制”“

5、測試場景”或“測試影片”命令，F(xiàn)lash會將當前場景或影片導出為SWF文件，在新窗口中打開并播放。 （2）執(zhí)行“視圖”“下載設(shè)置”命令，在顯示的子菜單中可選擇一個下載速度來確定Flash模擬的數(shù)據(jù)流速率。如果選擇“自定義”選項，則可以輸入用戶個人的設(shè)置。 （3）執(zhí)行“視圖”“帶寬設(shè)置”命令，屏幕上將顯示下載性能的圖表。 在“帶寬設(shè)置”視圖狀態(tài)下，可以觀察到相關(guān)的信息。 “帶寬設(shè)置”視圖的左側(cè)：用于顯示文檔的信息、設(shè)置、狀態(tài)。 “帶寬設(shè)置”視圖的右側(cè)：用于顯示圖表。在該圖表中，每個條形代表文檔的一個單獨幀。條形的大小對應(yīng)于幀的字節(jié)大小。 （4）如果需要，還可執(zhí)行下列操作來調(diào)節(jié)圖表的視圖。 執(zhí)行“

6、視圖”“模擬下載”命令，可打開或關(guān)閉數(shù)據(jù)流。如果關(guān)閉數(shù)據(jù)流，則文檔在不模擬WEB連接的情況下就開始下載。 執(zhí)行“視圖”“數(shù)據(jù)流圖表”命令，可顯示哪些幀會引起暫停。這是系統(tǒng)默認視圖。 執(zhí)行“視圖”“逐幀圖表”命令，可顯示每個幀的大小。此視圖有助于查看哪些幀導致數(shù)據(jù)流延遲。 （5）關(guān)閉測試窗口，返回到Flash主窗口。,任務(wù)2 導出電影,了解導出影片的格式。 熟悉影片導出的一般步驟。 導出Flash格式影片。 導出AVI格式影片。,1了解導出影片的格式,Flash文件的導出，就是可以創(chuàng)建能夠在其他應(yīng)用程序中進行編輯的內(nèi)容，并將Flash內(nèi)容直接導出為單一格式。 例如，可將影片導出為Flash SW

7、F文件，一組位圖圖像，一個單幀或圖像文件，以及GIF、JPEG、PNG、BMP、PICI、Quicktime、AVI等格式的運動與靜態(tài)圖像。 在Flash中，要導出當前Flash影片的內(nèi)容，可以使用“導出圖像”或“導出影片”命令。,2熟悉影片導出的一般步驟,（1）打開要導出的影片，如11-2.fla。 （2）執(zhí)行“文件”“導出”“導出影片”命令，或使用快捷鍵Ctrl+Alt+Shift+S，此時，會打開“導出影片”對話框。 （3）在“導出影片”對話框中設(shè)置導出文件的名稱、格式，默認保存類型為“Flash影片（*.swf）”，打開保存類型下拉列表框，可選擇其中的任一種影片格式，然后，單擊“保存”

8、按鈕。 （4）根據(jù)選擇的影片格式的不同，需進行相關(guān)的設(shè)置。,3導出Flash格式影片1,（1）打開一個動畫源文件，并執(zhí)行“文件”“導出”“導出影片”命令或使用快捷鍵Ctrl+Alt+Shift+S，將打開“導出影片”對話框。 （2）在“導出影片”對話框中的“文件名”中輸入用于保存導出影片文件的名稱。 （3）在“保存類型”下拉菜單中選擇要導出的文件格式，缺省情況下是“*.swf”格式。這是Flash獨立播放器和加入了插件后的瀏覽器能夠播放的文件格式。 （4）單擊“保存”按鈕，進行動畫的導出。 （5）在將動畫導出為“*.swf”格式的文件時，還會打開一個“導出Flash Player”對話框，可對

9、一些屬性加以設(shè)置，,3導出Flash格式影片2,“導出Flash Player”對話框中各選項的意義如下。 “版本”選項 “加載順序”選項 “動作腳本版本”選項 “生成大小報告”選項 “防止導入”選項 “省略跟蹤動作”選項 “允許調(diào)試”選項 “壓縮影片”選項 “JPEG品質(zhì)”選項 “音頻流”和“音頻事件”選項,4導出AVI格式影片,導出AVI格式影片的步驟與導出Flash格式影片的步驟基本相同，但在進行AVI格式的影片導出時，會彈出“導出Windows AVI”對話框。 “導出Windows AVI”對話框中各選項的意義如下。 “尺寸”選項 “視頻格式”選項 “壓縮視頻”選項 “平滑”選項 “

10、聲音格式”選項,任務(wù)3 導出圖像,了解導出圖像的格式。 熟悉導出圖像的一般步驟。 導出BMP格式的位圖。 導出JPEG格式的圖像。,1了解導出圖像的格式,2熟悉導出圖像的一般步驟,（1）打開要導出的影片。 （2）執(zhí)行“文件”“導出”“導出圖像”命令，打開“導出圖像”對話框。 （3）在“導出圖像”對話框中設(shè)置導出文件的名稱。 （4）打開保存類型下拉列表框，可選擇其中的任一種影片格式。默認保存類型為“Flash影片（*.swf）”?！皩С鰣D像”的所有可選擇文件格式。 （5）單擊“保存”按鈕。然后，根據(jù)選擇的圖像格式的不同，需進行相關(guān)的設(shè)置。稍候，將對BMP、JPEG這兩種最常見的影片格式的導出過程

11、及相關(guān)設(shè)置進行講解。,3導出BMP格式位圖,導出BMP格式位圖的步驟與一般的導出圖像的步驟基本相同，但如果在“保存類型”中選擇導出圖像為“位圖（*.bmp）”格式，將會彈出“導出位圖”對話框。 “導出位圖”對話框中各選項的意義如下。 “尺寸”選項 “分辨率”選項 “顏色深度”選項 “平滑”選項,4導出JPEG格式圖像,導出JPEG格式圖像的步驟與一般的導出圖像的步驟基本相同，但如果在“保存類型”中選擇導出圖像為“JPEG圖像（*.jpg）”格式，將會彈出“導出 JPEG”對話框。 “導出 JPEG”對話框中各選項的意義如下。 “尺寸”選項 “品質(zhì)”選項 “漸進式顯示”選項,任務(wù)4 發(fā)布電影,熟

12、悉“發(fā)布設(shè)置”對話框。 對Flash格式文件進行預(yù)設(shè)置。 對HTML格式文件進行預(yù)設(shè)置。 發(fā)布預(yù)覽。 發(fā)布電影。,1熟悉“發(fā)布設(shè)置”對話框,（1）打開要導出的影片，如11-2.fla。 （2）執(zhí)行“文件”“發(fā)布設(shè)置”命令，打開“發(fā)布設(shè)置”對話框。 （3）選擇所需的格式類型。系統(tǒng)默認情況下只有兩種發(fā)布格式，用戶可以選擇下方的其他復選框，則對話框上方的標簽也會出現(xiàn)相應(yīng)的項。如將所有的類型都選上，則此時的發(fā)布設(shè)置對話框 （4）在各種格式類型右邊的“文件”列設(shè)置對應(yīng)的導出文件名稱。 （5）單擊要修改參數(shù)的文件格式類型對應(yīng)的標簽。稍候?qū)Ω鞣N格式類型對應(yīng)的標簽的相關(guān)設(shè)置進行講解。,2對Flash格式文件

13、進行預(yù)設(shè)置,“Flash”標簽中各選項的意義與導出電影時設(shè)置類似。 “版本”選項 “加載順序”選項 “生成大小報告”選項 “禁止導入”選項 “省略跟蹤動作”選項 “允許調(diào)試”選項 “JPEG品質(zhì)”選項 “音頻流”和“音頻事件”選項 “覆蓋聲音設(shè)置”選項,3對HTML格式文件進行預(yù)設(shè)置,“模板”選項 “尺寸”選項 “開始時暫停”選項 “循環(huán)”選項 “顯示菜單”選項 “設(shè)備字體”選項 “品質(zhì)”選項 “窗口模式”選項 “HTML對齊”選項 “縮放”選項 “Flash 對齊”選項 “顯示警告信息”選項,4發(fā)布預(yù)覽,（1）執(zhí)行“文件”“發(fā)布預(yù)覽”命令，此時將顯示出“發(fā)布設(shè)置”中選定的文件類型子菜單 （2

14、）在此子菜單中選擇一種發(fā)布預(yù)覽所需文件類型，可以使Flash按所選的文件類型在默認瀏覽器中導出并打開影片。,5發(fā)布電影,（1）打開要發(fā)布的Flash文件。 （2）執(zhí)行“文件”“發(fā)布”命令。 （3）Flash按所選的文件類型在默認瀏覽器中導出。,任務(wù)5 制作獨立執(zhí)行的電影文件,了解獨立運行的Flash 動畫文件格式。 制作獨立執(zhí)行的電影文件。,1獨立運行的Flash 動畫文件格式,（1）獨立運行文件的含義：Flash MX 2004的“發(fā)布”命令不只是向網(wǎng)絡(luò)發(fā)布動畫，還可以向沒有安裝Flash 插件的瀏覽器發(fā)布各種格式的圖形和視頻文件。同時，F(xiàn)lash MX 2004的“發(fā)布”命令還可以發(fā)布能夠

15、獨立執(zhí)行的程序（*.exe）。由于獨立執(zhí)行的程序是EXE格式的文件，它會和一般的Windows應(yīng)用程序一樣，可以通過雙擊該文件直接執(zhí)行，而不需要其他播放器或插件的支持。這樣即使用戶的機器上沒有安裝Flash Player播放器，也可以運用Flash動畫。 （2）獨立運行的Flash動畫格式的圖標：發(fā)布生成的EXE格式的Flash文件圖標與Flash格式的文件圖標是不同的,2制作獨立執(zhí)行的電影文件,（1）選中需制作的Flash文件，如11-2.fla。 （2）執(zhí)行“文件”“發(fā)布設(shè)置”命令，出現(xiàn)“發(fā)布”設(shè)置對話框，在該對話框的“類型”選項列中選中“Windows放映文件（.exe）”，并在其右邊的文本框中輸入文檔的絕對路徑和文件名。 （3）單擊“確定”按鈕。如果要立即發(fā)布，則可以直接單擊“發(fā)布”按鈕，此時，在設(shè)定的文件夾內(nèi)就可以看到相應(yīng)的EXE文件，這時的Flash影片只需要Windows環(huán)境，通過雙擊文件圖標即可播放。,項目小結(jié),通常情況下，在制作好Flash影片后，可直接使用播放器預(yù)覽影片效果，一般可以執(zhí)行“播放”或“測試影片”命令測試影片。隨著影片尺寸的增加，對影片下載時間和播放速度的影響也變得越來越大，我們要采取措施來優(yōu)化影片?？蓪⒂捌瑢С鰹镕lash SWF文件，一組位圖圖像，一個單幀或圖像文件，也可將Flash文件導出為GIF、JPEG、PNG、BM