《Flash動畫簡明教程》-第10章課件

1、第10章 動畫的發(fā)布2007-1-81第10章 動畫的發(fā)布2007-1-81學(xué)習(xí)目標(biāo)：1、了解如何優(yōu)化和測試影片下載表現(xiàn)2、學(xué)會發(fā)布Flash影片，了解常用發(fā)布格式3、了解影片的兩種導(dǎo)出方式：導(dǎo)出影片和導(dǎo)出圖像2007-1-82學(xué)習(xí)目標(biāo)：1、了解如何優(yōu)化和測試影片下載表現(xiàn)2、學(xué)會發(fā)10.1 測試影片10.2 測試影片的下載速度10.3 Flash動畫的發(fā)布10.4 導(dǎo)出設(shè)置10.5 小 結(jié) 內(nèi) 容2007-1-8310.1 測試影片10.2 測試影片的下載速度10.310.1 測試影片 制作Flash動畫過程中，要經(jīng)常對它進(jìn)行測試，從而保證它能夠盡可能地平滑播放和按照預(yù)期的效果進(jìn)行播放。作為發(fā)

2、布過程的一部分，F(xiàn)lash能自動檢測在影片中是否有重復(fù)的形狀，如果有，則形狀只輸出一次。在導(dǎo)出影片之前，通過優(yōu)化影片中的元素、線條、文本、字體和顏色等，可以縮小影片文件尺寸，從而減少下載時間。例如，盡量使用元件；在創(chuàng)建動畫序列時，應(yīng)盡可能的使用補(bǔ)間動畫，而不是插入一系列的關(guān)鍵幀，這樣可以減少文件空間；對于一個動畫元件，最好使用影片剪輯，而不是圖形元件；盡量減少使用透明度，這樣可以提高回放速度；盡量少用嵌入式字體等等。返回2007-1-8410.1 測試影片 返回2007-1-810.2. 測試影片的下載速度Flash在播放時的實(shí)際幀頻隨計算機(jī)的不同而變化。如果影片在下載過程中，到達(dá)某一個特定的

3、幀時，它所需的數(shù)據(jù)仍未下載完畢，影片將暫停，直至數(shù)據(jù)到達(dá)為止。測試影片的下載性能可以發(fā)現(xiàn)下載過程中可能導(dǎo)致中斷的地方。2007-1-8510.2. 測試影片的下載速度Flash在播放時的實(shí)際幀頻隨 以第四章第四節(jié)“環(huán)繞的光環(huán)”為例，先將影片導(dǎo)出為SWF文件并在新窗口中打開文件（按Ctrl + Enter測試），再選擇“視圖”“下載設(shè)置”，可以從中選擇下載的速率，如圖 10-1下載速率設(shè)置所示。還可以選擇“帶寬設(shè)置”，將顯示影片的信息、設(shè)置、狀態(tài)等等，如圖10-2下載性能窗口所示。2007-1-86 以第四章第四節(jié)“環(huán)繞的光環(huán)”為例，先將影片導(dǎo)出為圖 10-1下載速率設(shè)置2007-1-87圖 1

4、0-1下載速率設(shè)置2007-1-87 圖 10-2 下載性能窗口返回2007-1-88 圖 10-2 下載性能窗口返回2007-1-8810.3 Flash動畫的發(fā)布 10.3.1 發(fā)布設(shè)置在動畫測試完成后，可以按照要求進(jìn)行動畫的發(fā)布。下面以 “旋轉(zhuǎn)的風(fēng)車”為例進(jìn)行說明。執(zhí)行“文件”菜單下的“發(fā)布設(shè)置”命令，打開如圖10-3所示對話框。目前顯示的是默認(rèn)狀態(tài)，只有“格式”、“Flash”、“HTML”等三個選項(xiàng)卡內(nèi)容。其中，文件的保存位置可以自己設(shè)定。單擊“發(fā)布”按鈕，可以將所選的文件類型發(fā)布出去。如圖10-4發(fā)布結(jié)果窗口。2007-1-8910.3 Flash動畫的發(fā)布 10.3.1 發(fā)布設(shè)置

5、20 在其他類型的文件格式復(fù)選框上單擊（例如：GIF圖像），選擇這些文件類型后，對話框內(nèi)自動增加這些文件格式的選項(xiàng)卡，單擊該選項(xiàng)卡，即可了解其設(shè)置內(nèi)容，最后同樣單擊“發(fā)布”按鈕。如圖 10-5發(fā)布結(jié)果窗口（增加GIF圖像輸出）所示。2007-1-810 2007-1-810 10-3 發(fā)布設(shè)置選項(xiàng)2007-1-811 10-3 發(fā)布設(shè)置選項(xiàng)2007-1-811圖 10-4 發(fā)布結(jié)果窗口2007-1-812圖 10-4 發(fā)布結(jié)果窗口2007-1-812 圖 10-5 發(fā)布結(jié)果窗口2007-1-813 圖 10-5 發(fā)布結(jié)果窗口2007-1-81單擊“Flash”選項(xiàng)卡，在此可以設(shè)置發(fā)布的Flas

6、h SWF文件的版本、圖像和聲音壓縮等選項(xiàng)。見圖 10-6。10.3.2 Flash的發(fā)布設(shè)置2007-1-814單擊“Flash”選項(xiàng)卡，在此可以設(shè)置發(fā)布的Flash SW 圖 10-6 Flash 的發(fā)布選項(xiàng)卡2007-1-815 圖 10-6 Flash 的發(fā)布選項(xiàng)卡2007-1 其中在“加載順序”處可選擇首幀所在圖層的下載方式。在“壓縮影片”處可壓縮影片，減少文件的尺寸和下載時間，但是被壓縮的文件只能在Flash Player 7中播放。當(dāng)文件包含大量文本或腳本時，選擇該項(xiàng)非常有益。2007-1-816 其中在“加載順序”處可選擇首幀所在圖層的下載方式10.3.3 HTML 的發(fā)布設(shè)置

7、如果要把制作的Flash動畫直接發(fā)布到網(wǎng)上，一般需要把它嵌入在HTML文件中。單擊“HTML”選項(xiàng)卡可以查看模板的信息說明。見圖 10-7 HTML發(fā)布選項(xiàng)卡。在此可以設(shè)置影片出現(xiàn)在瀏覽器窗口中的位置、背景顏色及大小等。其中“尺寸”中的“匹配影片”為默認(rèn)設(shè)置，可將瀏覽器的尺寸設(shè)置為和影片等大。還可以選擇“像素”或“百分比”選項(xiàng)，這樣就可以讓動畫隨瀏覽器窗口大小縮放。2007-1-81710.3.3 HTML 的發(fā)布設(shè)置2007-1-817 圖 10-7 GIF的發(fā)布選項(xiàng)2007-1-818 圖 10-7 GIF的發(fā)布選項(xiàng)2007-1-810.3.4 GIF的發(fā)布設(shè)置在網(wǎng)頁中大量使用到了GIF圖

8、像格式。GIF圖像文件既可以是一幅靜態(tài)圖像，也可以是一個動畫。GIF的參數(shù)界面如圖 10-8所示GIF的發(fā)布選項(xiàng)。在“尺寸”處可以編輯導(dǎo)出位圖圖像的大小。但是在選中“匹配影片”的情況下，導(dǎo)出的圖像大小與影片等大，輸入的數(shù)值無效。在“回放”處可以選擇導(dǎo)出的是靜態(tài)圖像還是動態(tài)圖像。選擇“靜態(tài)”時可導(dǎo)出靜態(tài)圖像，選擇“動畫”時可導(dǎo)出動態(tài)GIF圖像，還可以選擇“不斷循環(huán)”或設(shè)置“重復(fù)”次數(shù)。在“透明”處可以決定影片的背景和透明度設(shè)置。在“抖動”處可選擇是否使用抖動方式處理調(diào)色板中不可用的顏色。其中，“無”表示不使用抖動；“有序”可以在增加較小尺寸范圍內(nèi)提供較好的抖動質(zhì)量；“擴(kuò)散”則可以得到非常好的渲染

9、效果，但同時將增加文件尺寸并耗費(fèi)時間。2007-1-81910.3.4 GIF的發(fā)布設(shè)置在網(wǎng)頁中大量使用到了GIF圖像圖10-8 GIF的發(fā)布選項(xiàng)2007-1-820圖10-8 GIF的發(fā)布選項(xiàng)2007-1-82010.3.5 QuickTime 發(fā)布設(shè)置利用 QuickTime 發(fā)布選項(xiàng)可以創(chuàng)建出 QuickTime 4 格式的電影。當(dāng) Flash 創(chuàng)建 QuickTime 文件的時候，它是在一個單獨(dú)的軌道上拷貝 Flash 電影。在 QuickTime 電影中播放 Flash 電影同在 Flash 播放器中播放一樣，保留所有自身的交互功能。如果Flash 電影包含有 QuickTime 電

10、影，F(xiàn)lash 會將其拷貝到一個新的 QuickTime 文件中的單獨(dú)的軌道上。在“發(fā)布設(shè)置”對話框中單擊QuickTime標(biāo)簽，將打開QuickTime選項(xiàng)卡，如圖10-9所示。2007-1-82110.3.5 QuickTime 發(fā)布設(shè)置利用 Quick圖10-9 QuickTime選項(xiàng)卡2007-1-822圖10-9 QuickTime選項(xiàng)卡2007-1-8221.尺寸設(shè)定 QuickTime 電影的尺寸按照用戶在 寬和高域中輸入的像素數(shù)值輸出。如果用戶打開了匹配影片，那么寬和高域中輸入的數(shù)值就沒有什么作用了，F(xiàn)lash 會令新的電影的尺寸和 Flash 電影的尺寸一樣。2. Alpha

11、(透明度)決定 QuickTime 電影中的 Flash 電影的Alpha(透明度)模式。請注意這個設(shè)置絲毫不影響Flash 電影本身的Alpha設(shè)置。在此下拉列表框中有以下選項(xiàng)可供選擇的選項(xiàng)如下： Alpha 透明：使Flash 電影透明。 復(fù)制：使Flash 電影不透明。 自動：根據(jù)Flash自身所設(shè)定的情況而定，如果在Flash動畫本身設(shè)置為透明，則 發(fā)布后也為透明；如果本身不透明，則發(fā)布后也不透明。2007-1-8231.尺寸2007-1-8233. 層定義Flash軌道放置在QuickTime電影中的位置，該參數(shù)含有以下三種選項(xiàng)： 頂部：將Flash軌道放置在QuickTime電影中

12、的最上層。 底部：將Flash軌道放置在QuickTime電影中的最底層。 自動：由Flash自動設(shè)置。4. 聲音流 將Flash電影中的所有流式音頻導(dǎo)出到QuickTime電影中，并使用標(biāo)準(zhǔn)的QuickTime音頻設(shè)置重新壓縮音頻。5.控制欄指定用于播放被導(dǎo)出電影的QuickTime控制器類型。該選項(xiàng)包括：無、標(biāo)準(zhǔn)和QuickTime VR。2007-1-8243. 層2007-1-8246.回放 該設(shè)置包括以下三個選項(xiàng)： 循環(huán)：決定QuickTime電影是否持續(xù)播放。 開始時暫停：指定QuickTime電影是否在打開時自動播放。 播放所有幀：使QuickTime顯示電影中的每一幀，選中此選

13、項(xiàng)后，將不播放聲音。7.文件 選中該復(fù)選框可以發(fā)布成獨(dú)立的QuickTime電影。返回2007-1-8256.回放 該設(shè)置包括以下三個選項(xiàng)：返回2007-110.4 導(dǎo)出設(shè)置 通過使用導(dǎo)出功能，可將影片導(dǎo)出為可供其他程序處理的數(shù)據(jù)。文件的導(dǎo)出方式有兩種，分別是“導(dǎo)出圖像”和“導(dǎo)出影片”。在執(zhí)行“導(dǎo)出圖像”或“導(dǎo)出電影”命令的時候，用戶每次只能為一種媒體類型指定設(shè)置，F(xiàn)lash并不會將輸出設(shè)置同文件一起存放。而執(zhí)行“發(fā)布”命令，則可以一次將所有需要的文件生成，以便在網(wǎng)頁上發(fā)布Flash影片。 使用“導(dǎo)出圖像”時，要先選擇影片中的圖像或幀，再執(zhí)行“文件”“導(dǎo)出”“導(dǎo)出圖像”命令，就可以將當(dāng)前幀的內(nèi)

14、容保存為各種支持的文件格式。具體有以下幾種，如圖10-9所示圖像導(dǎo)出時文件格式類型。 2007-1-82610.4 導(dǎo)出設(shè)置 通過使用導(dǎo)出功能，可將影片圖10-9圖像導(dǎo)出時文件格式類型2007-1-827圖10-9圖像導(dǎo)出時文件格式類型2007-1-827使用“導(dǎo)出影片”時，要執(zhí)行“文件”“導(dǎo)出”“導(dǎo)出影片”命令，可將文件導(dǎo)出為以下幾種格式：如圖 10-10所示。圖 10-10 影片導(dǎo)出文件格式類型2007-1-828使用“導(dǎo)出影片”時，要執(zhí)行“文件”“導(dǎo)出”“導(dǎo)出影片”命Flash的“導(dǎo)出”命令支持多種常用的文件格式，分述如下：1. Adobe Illustrator格式(*.eps或*.a

15、i)Adobe Illustrator 格式對于在 Flash 和其他的繪圖程序(如FreeHand)之間進(jìn)行圖形交換是再理想不過了。這種格式支持十分精確的曲線、線條格式和填色信息的轉(zhuǎn)換。Flash 支持 Adobe Illustrator 5.0以后各個版本圖像格式的輸入和輸出。2. Windows位圖(BMP)利用Bitmap格式可以將 Flash 繪畫輸出到能夠接收位圖圖像的程序中去。 2007-1-829Flash的“導(dǎo)出”命令支持多種常用的文件格式，分述如下：23. 增強(qiáng)圖元文件(*.emf)增強(qiáng)圖元文件(*.emp)是可以同時在 Windows 95/98和Windows NT平臺上工作的圖形格式，它會將矢量和像素信息都保存下來。該文件對 Flash 繪畫中曲線的支持比老的 Windows Metafile 格式要好得多?？墒牵S多程序目前還不支持這種新的圖形格式。4. EPS 3.0 with Preview用戶可以將當(dāng)前幀輸出為 EPS 3.0 的文件放到其他程序，如頁面排版文件中。5. QuickTime視頻輸出.6. Windows AVI視頻輸