《flash8動(dòng)畫(huà)設(shè)計(jì)實(shí)例教程》第十.ppt

1、目標(biāo)技能 學(xué)會(huì)精簡(jiǎn)動(dòng)畫(huà) 掌握預(yù)載入動(dòng)畫(huà)的制作方法 掌握動(dòng)畫(huà)文件的輸出及網(wǎng)頁(yè)文件的發(fā)布,第10章 Flash動(dòng)畫(huà)文件的發(fā)布技巧,本章目錄 10.1 文件精簡(jiǎn) 10.2 下載速率測(cè)試方法 10.3 預(yù)載入動(dòng)畫(huà) 10.4 文件打包,本章重點(diǎn)：文件精簡(jiǎn)原則、預(yù)載入動(dòng)畫(huà)制作、文件發(fā)布。 本章難點(diǎn)：文件精簡(jiǎn)原則。,10.1文件精簡(jiǎn),在輸出和發(fā)布Flash動(dòng)畫(huà)前最好先精簡(jiǎn)動(dòng)畫(huà)，使動(dòng)畫(huà)的體積達(dá)到最小，便于上傳到網(wǎng)頁(yè)和提高打開(kāi)速度。 10.1.1 查閱文件大小 查閱制作的Flash文件大小，是通過(guò)Flash給我們提供的“生成大小報(bào)告”工具來(lái)進(jìn)行的，這可幫助我們精確了解Flash各組件大小，有利于文件的精簡(jiǎn)。 “

2、生成大小報(bào)告”是在【文件】菜單中的【發(fā)布設(shè)置】打開(kāi)的對(duì)話(huà)框中。在對(duì)話(huà)框中選擇“Flash”選項(xiàng)卡，然后勾選“生成大小報(bào)告”，再點(diǎn)“確定”按鈕即生成。,10.1.2 精簡(jiǎn)文件體積 在發(fā)布動(dòng)畫(huà)的過(guò)程中，F(xiàn)lash會(huì)自動(dòng)檢測(cè)輸出圖形是否重復(fù)，并在文件中只保存該圖形的一個(gè)版本，而且還能將嵌套式組合分解為單一組合。 對(duì)于我們來(lái)說(shuō)，在輸出動(dòng)畫(huà)之前如何進(jìn)一步減少文件的體積呢？ 應(yīng)遵循的原則： 1）對(duì)于多次使用的元素或動(dòng)畫(huà)過(guò)程，應(yīng)盡量轉(zhuǎn)換為元件。 2）盡量減少文字的敘述，因文字是占用空間的。 3）盡量減少文本使用的自已和樣式數(shù)量。 4）導(dǎo)入的圖片格式最好是jpg或gif這兩種網(wǎng)絡(luò)盛行的圖片壓縮格式，因它們占用

3、體積較小。,應(yīng)遵循的原則： 5）若需要導(dǎo)入音樂(lè)文件，最好是MP3格式，因MP3是容量較小的一種聲音格式，輸出音頻時(shí)盡量使用該格式。 6）減少圖形中使用特殊線(xiàn)型（如點(diǎn)劃線(xiàn)）的數(shù)量，盡量使用實(shí)線(xiàn)型，因?qū)嵕€(xiàn)占用體積較少。并且用鉛筆工具創(chuàng)建的線(xiàn)條比用畫(huà)筆工具創(chuàng)建的線(xiàn)條占用體積小。 7）盡量減少逐幀動(dòng)畫(huà)的使用，因過(guò)多的關(guān)鍵幀將占用更大的空間。 8）不要在同一幀放置過(guò)多的元件，否則會(huì)使文件體積增大。 9）將在整個(gè)過(guò)程中都變化的元素與不變化的元素分放在不同的層上。 10）填充區(qū)域時(shí)，使用漸變色比實(shí)色填充占用空間大，應(yīng)減少使用漸變色。,10.2 下載速度測(cè)試方法,動(dòng)畫(huà)制作完成以后，可以對(duì)影像模擬網(wǎng)頁(yè)下載swf

4、文件進(jìn)行測(cè)試，找出下載過(guò)程中可能造成停頓的地方，以便盡早發(fā)現(xiàn)，修改動(dòng)畫(huà)內(nèi)容。 測(cè)試影像片斷下載性能是在動(dòng)畫(huà)生成的SWF文件中進(jìn)行的，運(yùn)行SWF文件，可通過(guò)： 【視圖】菜單中的【帶寬設(shè)置】命令，查看“數(shù)據(jù)流圖表”，來(lái)顯示出動(dòng)畫(huà)播放是否有延遲現(xiàn)象 【視圖】菜單中的【幀數(shù)圖表】命令，可以顯示出每一個(gè)幀的信息量 。 【視圖】菜單中的【下載設(shè)置】命令，在出現(xiàn)的子菜單中可以選擇所要模擬的網(wǎng)絡(luò)傳輸速率。 【視圖】【模擬下載】命令，模擬下載并播放動(dòng)畫(huà)，可以比較動(dòng)畫(huà)的下載速度與播放速率的情況 。,10.3 預(yù)載入動(dòng)畫(huà),預(yù)載入動(dòng)畫(huà)是指為在載入動(dòng)畫(huà)之時(shí)，先加載一個(gè)有趣且吸引瀏覽者的循環(huán)播放的小動(dòng)畫(huà)，以減少瀏覽者在瀏

5、覽較大的動(dòng)畫(huà)時(shí)的無(wú)味等待時(shí)間。 預(yù)載入動(dòng)畫(huà)應(yīng)做得非常的小，從而馬上被下載。 實(shí)例：預(yù)載入動(dòng)畫(huà)制作,10.4 文件打包,輸出文件和發(fā)布網(wǎng)頁(yè)是制作動(dòng)畫(huà)的最后操作。本節(jié)主要介紹動(dòng)畫(huà)導(dǎo)出、導(dǎo)出動(dòng)畫(huà)選項(xiàng)設(shè)置以及發(fā)布Flash網(wǎng)頁(yè)。 10.4.1 輸出文件 Flash動(dòng)畫(huà)可以輸出多種格式，動(dòng)畫(huà)的輸出也有多種方法，下面就從兩個(gè)方面來(lái)介紹Flash動(dòng)畫(huà)文件的輸出。 1、通過(guò)“導(dǎo)出影片命令”輸出文件 可單擊【文件】菜單中的【導(dǎo)出影片】命令，打開(kāi)“導(dǎo)出影片”對(duì)話(huà)框，選擇輸出文件的類(lèi)型，然后對(duì)不同類(lèi)型的對(duì)各項(xiàng)參數(shù)進(jìn)行設(shè)置，最后點(diǎn)擊“確定”按鈕輸出文件。,2、通過(guò)“發(fā)布”命令輸出文件 可單擊【文件】【發(fā)布】命令即可直

6、接輸出文件，但在發(fā)布之前，首先要進(jìn)行“發(fā)布設(shè)置”。 可單擊【文件】菜單中的【發(fā)布設(shè)置】命令打開(kāi)“發(fā)布設(shè)置”對(duì)話(huà)框 ，選擇發(fā)布的文件類(lèi)型，并對(duì)不同類(lèi)型的各項(xiàng)參數(shù)進(jìn)行設(shè)置。,10.4.2 發(fā)布網(wǎng)頁(yè) Flash動(dòng)畫(huà)是重要的網(wǎng)頁(yè)元素，要將其發(fā)布到網(wǎng)頁(yè)中，最基本的條件是要將其輸出成SWF文件，然后再將SWF文件放到建立的HTML網(wǎng)頁(yè)文件中。 當(dāng)然，F(xiàn)lash程序也提供了直接將動(dòng)畫(huà)發(fā)布到HTML網(wǎng)頁(yè)中的功能 。若要直接發(fā)布成網(wǎng)頁(yè)文檔，與發(fā)布成SWF文件一樣，也需要對(duì)其各項(xiàng)參數(shù)進(jìn)行設(shè)置，設(shè)置類(lèi)似與SWF文件。,本章小結(jié) Flash動(dòng)畫(huà)的發(fā)布是制作動(dòng)畫(huà)的最后操作，只有根據(jù)應(yīng)用要求成功的發(fā)布動(dòng)畫(huà)，動(dòng)畫(huà)才能真正應(yīng)用到實(shí)