Flash電子教案Flash動畫的后期處理第11章

1、第十一章Flash動畫的后期處理 動畫的測試 動畫的優(yōu)化 動畫的發(fā)布 動畫的導出 應用舉例將SWF文件轉化為EXE文件 本章小結 習題十一第11章 Flash動畫的后期處理 測試是一個非常重要的部分，它貫穿著Flash動畫制作的整個過程。經常對所做的動畫進行測試，可以及時發(fā)現(xiàn)錯誤，提高動畫的播放質量。一、測試原則一般情況下，動畫測試要遵循以下4點原則：（1）測試要全面。一個極小的錯誤也可能會導致動畫不能正常播放，因此，要對動畫的任何部分進行測試。（2）要經常測試。不要等動畫完成之后才進行測試，而應在動畫的制作過程中經常測試，從而及時發(fā)現(xiàn)錯誤并改正，提高工作效率。第一節(jié) 動畫的測試第11章 Fl

2、ash動畫的后期處理 （3）集思廣益。請他人幫忙測試動畫，并采納好的建議。（4）按計劃測試。在測試時，可根據最初動畫設計的思想進行分段測試，然后測試段與段之間的銜接，最后再進行整體測試。二、測試方式對Flash動畫的測試，可以在編輯環(huán)境中進行也可以在編輯環(huán)境外模擬網絡條件進行，下面分別進行介紹。1在編輯環(huán)境中測試在編輯環(huán)境中測試指直接在工作區(qū)中進行測試，它雖然不是用戶首選的測試環(huán)境，但卻能夠快速地進行一些簡單的測試。第11章 Flash動畫的后期處理 （1）測試按鈕狀態(tài)。用戶可以選擇“控制”“啟用簡單按鈕”命令來測試按鈕的狀態(tài)，如圖11.1.1所示。（2）測試聲音。在編輯環(huán)境中，也可以對聲音進

3、行測試，以了解聲音與文本的同步情況，操作步驟如下： 1）選擇“窗口”“工具欄”“控制器”命令，打開“控制器”面板，如圖11.1.2所示。 2）在時間軸面板中，將鼠標指針置于要測試聲音的起始位置，然后單擊控制器面板中的“播放”按鈕和“停止”按鈕等，即可了解聲音與文本等動畫元素的同步情況。第11章 Flash動畫的后期處理 圖11.1.1 測試按鈕狀態(tài)圖11.1.2 控制器面板第11章 Flash動畫的后期處理 技巧：還有一種簡單的方式，就是將鼠標指針置于要測試聲音的起始位置，然后按Enter鍵直接測試，當需要停止時，只須用鼠標單擊時間軸面板的其他位置即可。（3）測試幀動作。在編輯環(huán)境中，用戶還可

4、以測試簡單的幀動作，如goto，play和stop等，操作步驟如下： 1）選擇“控制”“啟用簡單幀動作”命令。 2）在時間軸面板中，將鼠標指針置于添加了簡單動作的幀上。 3）按Enter鍵或單擊控制器面板中的“播放”按鈕，查看添加的幀動作是否有預期效果。第11章 Flash動畫的后期處理 （4）測試時間軸動畫。當制作完成逐幀動畫或補間動畫之后，可以按Enter鍵，在編輯場景中進行播放，以及時測試動畫是否流暢。2在編輯環(huán)境外測試有些動畫元素是不能在工作區(qū)中進行測試的，如影片剪輯、播放速度、動畫下載以及除goto，stop和play之外的動作等，要對它們進行測試，需要選擇“控制”“測試影片”命令。

5、在編輯環(huán)境外進行測試時，用戶還可以模擬網絡條件對動畫的下載性能進行測試，操作步驟如下：第11章 Flash動畫的后期處理 （1）選擇“控制”“測試影片”或“測試場景”命令，將當前動畫或場景輸出為.swf格式的文件，并在測試窗口中打開并播放，測試窗口如圖11.1.3所示。 （2）從“視圖”“下載設置”命令下的子命令中選擇調制解調器的速度，以決定Flash的模擬下載速度，如圖11.1.4所示。 圖11.1.3 在測試窗口中播放動畫 圖11.1.4 選擇下載速度 第11章 Flash動畫的后期處理 （3）選擇“視圖”“帶寬設置”命令，打開帶寬視圖查看動畫的下載性能，如圖11.1.5所示。在傳輸數(shù)據圖

6、中，每個交錯的淺色和深色的方塊表示動畫的一個幀。方塊的大小表示該幀所含數(shù)據量的多少。若方塊超出了紅線，表示該幀中的數(shù)據量超出了一般限制，則動畫必然會在此停留等待數(shù)據的下載。在流式傳輸模式下，播放指針的移動表示當前幀的載入。（4）單擊右側圖表中的色塊（即某幀），使動畫停留在該幀處，圖表左側的數(shù)據表示該幀的下載性能，包括動畫的尺寸、幀速率、文件容量、播放時間和預載時間等。（5）選擇“視圖”“幀數(shù)圖表”命令，使每幀單獨顯示，以便于查看每幀的數(shù)據大小，如圖11.1.6所示。 第11章 Flash動畫的后期處理 （6）關閉測試窗口，返回到創(chuàng)作環(huán)境。圖11.1.5 帶寬視圖 圖11.1.6 幀數(shù)圖表 第1

7、1章 Flash動畫的后期處理 優(yōu)化也是一個非常重要的部分，在優(yōu)化過程中，F(xiàn)lash將自動檢測動畫中是否存在重復的形狀，如果有，則僅導出一次該形狀。除此之外，用戶還可以對動畫進行以下幾種優(yōu)化操作，從而縮小動畫文件，減少動畫的下載時間。（1）將多次出現(xiàn)在動畫中的元素轉換為元件。（2）嵌入字體將增加文件的大小，只有在必須時才考慮使用。（3）在可以實現(xiàn)同樣效果的情況下，使用漸變動畫代替逐幀動畫。第二節(jié) 動畫的優(yōu)化第11章 Flash動畫的后期處理 （4）限制字體和字體樣式的數(shù)量。（5）減少文本中使用的字體和樣式。（6）推薦使用MP3格式的聲音。（7）避免用位圖制作動畫，通常將位圖設為背景圖像或者靜止

8、元素。（8）將動畫中變化與不變化的元素放在不同的層中。（9）盡可能地組合元素。第11章 Flash動畫的后期處理 當Flash動畫制作完成之后，需要將其發(fā)布為一個獨立的產品，以供他人欣賞。一、發(fā)布設置在發(fā)布之前，用戶可以使用如圖11.3.1所示的“發(fā)布設置”對話框設置發(fā)布選項，即在“格式”選項卡的“類型”選項區(qū)中選擇一種或多種發(fā)布格式。當一些格式被選擇后，在對話框中會顯示相應的選項卡，例如若選中“GIF圖像”復選框，對話框會顯示“GIF”選項卡用來設置GIF格式文件的參數(shù)，如圖11.3.2所示。 第三節(jié) 動畫的發(fā)布第11章 Flash動畫的后期處理 圖11.3.1 “發(fā)布設置”對話框 圖11.

9、3.2 “GIF”選項卡 第11章 Flash動畫的后期處理 用戶可以將Flash動畫發(fā)布為多種文件格式，下面介紹它們的參數(shù)設置。1Flash參數(shù)設置以swf格式發(fā)布的產品，可以保留Flash所有的動畫功能，因此創(chuàng)建擴展名為.swf的文件是發(fā)布Flash動畫的最佳途徑。單擊“Flash”標簽，可以打開如圖11.3.3所示的“Flash”選項卡，進行Flash文件的參數(shù)設置。（1）版本：設置發(fā)布的Flash動畫的版本。（2）加載順序：設置第1幀所在層的下載方式。（3）ActionScript版本：設置動作腳本的版本。第11章 Flash動畫的后期處理 （4）生成大小報告：選中該復選框，會生成一個

10、記錄最終輸出動畫各部分大小的文件，如圖11.3.4所示為“網站片頭”實例生成的動畫大小報告。圖11.3.3 “Flash”選項卡 圖11.3.4 “網站片頭”文件大小報告 第11章 Flash動畫的后期處理 （5）防止導入：選中該復選框，可以防止發(fā)布的動畫文件被別人下載到Flash程序中進行編輯。（6）省略trace動作：選中該復選框，將從導出的Flash動畫中刪除跟蹤作用，防止別人偷窺用戶的源代碼。（7）允許調試：選中該復選框，將允許在播放導出的Flash動畫時運行調試器進行調試。（8）壓縮影片：選中該復選框，將壓縮SWF文件以減小文件大小來縮短下載時間。（9）針對Flash Player

11、6 r65優(yōu)化：選中該復選框，可以對版本進行更新。第11章 Flash動畫的后期處理 （10）密碼：設置密碼保護。（11）JPEG品質：用于將所有位圖保存為JPEG壓縮文件并設置壓縮率。（12）音頻流：設置輸出流式音頻的壓縮格式和傳輸速度。（13）音頻事件：設置輸出音頻事件的壓縮格式和傳輸速率。2GIF參數(shù)設置GIF是Internet上最流行的圖形格式，標準的GIF文件是簡單的壓縮位圖。單擊標簽，可以打開如圖11.3.2所示的“GIF”選項卡，進行GIF文件的參數(shù)設置。第11章 Flash動畫的后期處理 （1）尺寸：設置所創(chuàng)建GIF文件的寬度和高度。（2）匹配影片：選中該復選框，將使文本框不起

12、作用。（3）回放：設置導出的GIF是靜態(tài)的還是動態(tài)的。（4）優(yōu)化顏色：選中該復選框，將刪除GIF顏色表中所有未用過的顏色。（5）抖動純色：選中該復選框，將對圖片中的色塊進行抖動處理，以防止出現(xiàn)色帶不均勻的現(xiàn)象。（6）交錯：選中該復選框，則GIF文件在用戶下載過程中以交錯方式顯示。（7）刪除漸變：選中該復選框，將所有的漸變轉換為與漸變的第1種顏色相同的純色。第11章 Flash動畫的后期處理 （8）平滑：選中該復選框，對導出的GIF文件使用消除鋸齒功能。（9）透明：設置是否使GIF動畫的背景透明。（10）抖動：設置是否通過混合已有的顏色來模擬當前調色板中沒有的顏色。（11）調色板類型：用于設置調

13、色板的類型。（12）最多顏色：如果設置調色板的類型為“最適合”或“接近Web最適色”，將激活該選項，用戶可以在其文本框中設置所創(chuàng)建顏色的最大數(shù)量。（13）調色板：如果設置調色板的類型為“自定義”，將激活該選項，用戶可以在其文本框中輸入自定義調色板的路徑。第11章 Flash動畫的后期處理 3HTML參數(shù)設置在Web瀏覽器中播放Flash時，需要一個能激活SWF文件并指定了瀏覽器設置的HTML文檔。單擊“HTML”標簽，可以打開如圖11.3.5所示的“HTML”選項卡，進行HTML文件的參數(shù)設置。（1）模板：設置要使用的模板。（2）信息：單擊該按鈕，將彈出“HTML模板信息”對話框，顯示對選定模

14、板的說明，如圖11.3.6所示。（3）檢測Flash版本：選中該復選框，可以檢測用戶所用Flash Player的版本。第11章 Flash動畫的后期處理 圖11.3.5 “HTML”選項卡 圖11.3.6 “HTML模板信息”對話框 第11章 Flash動畫的后期處理 （4）版本：用于顯示Flash版本的檢測結果。（5）：用于設置所創(chuàng)建HTML文件的寬度和高度。（6）開始時暫停：選中該復選框，在發(fā)布后將暫停播放SWF文件。（7）顯示菜單：選中該復選框，在用戶用鼠標右鍵單擊SWF文件時會顯示一個快捷菜單。（8）循環(huán)：選中該復選框，當Flash播放到最后一幀時再從頭開始播放。（9）設備字體：選中

15、該復選框，將用消除鋸齒的系統(tǒng)字體替換用戶系統(tǒng)尚未安裝的字體。（10）品質：設置動畫的播放質量。第11章 Flash動畫的后期處理 （11）窗口模式：設置顯示動畫的窗口模式。（12）HTML對齊：設置動畫在網頁中的位置。（13）縮放：設置動畫的縮放方式。（14）Flash對齊：設置動畫的對齊方式。（15）顯示警告消息：選中該復選框，可在標記設置發(fā)生沖突時顯示錯誤消息。 4JPEG參數(shù)設置JPEG和GIF的主要區(qū)別在于JPEG格式的文件不能作為具有動畫效果的圖形導出，并且，它還不能很好地導出只有極少顏色的圖像。單擊“JPEG”標簽，可以打開如圖11.3.7所示的“JPEG”選項卡，進行JPEG文件

16、的參數(shù)設置。第11章 Flash動畫的后期處理 （1）尺寸：設置所創(chuàng)建JPEG文件的寬度和高度。（2）匹配影片：選中該復選框，將使文本框不起作用。（3）品質：設置導出的JPEG文件的壓縮量。（4）漸進：選中該復選框，當下載JPEG文件時，可以逐漸清晰地顯示JPEG圖像。 5PNG參數(shù)設置PNG較GIF格式有著眾多的優(yōu)點，尤其在壓縮性能、顏色容量和透明度方面更是如此。單擊“PNG”標簽，可以打開如圖11.3.8所示的“PNG”選項卡，進行PNG文件的參數(shù)設置。第11章 Flash動畫的后期處理 圖11.3.7 “JPEG”選項卡 圖11.3.8 “PNG”選項卡第11章 Flash動畫的后期處理

17、 （1）尺寸：設置所創(chuàng)建PNG文件的寬度和高度。（2）匹配影片：選中該復選框，將使文本框不起作用。（3）位深度：設置導出圖像中顏色的數(shù)量。（4）優(yōu)化顏色：選中該復選框，將刪除PNG顏色表中所有未用過的顏色。（5）抖動純色：選中該復選框，對圖片中的色塊進行抖動處理，防止出現(xiàn)色帶不均勻的現(xiàn)象。（6）交錯：選中該復選框，則PNG文件在用戶下載過程中以交錯方式顯示。（7）刪除漸變：選中該復選框，將漸變色轉換為某一種顏色。第11章 Flash動畫的后期處理 （8）平滑：選中該復選框，對導出的PNG文件使用消除鋸齒功能。（9）抖動：設置是否通過混合已有的顏色來模擬當前調色板中沒有的顏色。（10）調色板類型

18、：用于設置調色板的類型。（11）最多顏色：如果設置調色板的類型為“最適合”或“接近Web最適色”，將激活該選項，用戶可以在其文本框中設置所創(chuàng)建顏色的最大數(shù)量。（12）調色板：如果設置調色板的類型為“自定義”，將激活該選項，用戶可以在其文本框中輸入自定義調色板的路徑。第11章 Flash動畫的后期處理 （13）過濾器選項：設置在壓縮過程中，以何種方式壓縮PNG圖像。 6QuickTime參數(shù)設置使用QuickTime發(fā)布動畫可以創(chuàng)建QuickTime格式的影片。單擊“QuickTime”標簽，可以打開如圖11.3.9所示的“QuickTime”選項卡，在其中可進行QuickTime文件的參數(shù)設置

19、。（1）尺寸：設置所創(chuàng)建QuickTime文件的寬度和高度。（2）匹配影片：選中該復選框，將使文本框不起作用。（3）Alpha：設置QuickTime文件的透明模式。（4）圖層：設置Flash動畫在QuickTime影片中的位置。（5）聲音流：設置是否按照標準的QuickTime設置壓縮音頻。第11章 Flash動畫的后期處理 圖11.3.9 “QuickTime”選項卡第11章 Flash動畫的后期處理 （6）控制欄：設置播放QuickTime影片控制器的類型。（7）回放：設置QuickTime影片的播放方式。（8）文件：設置是否將Flash動畫與導入的視頻結合為一個新的QuickTime影

20、片。二、發(fā)布預覽在發(fā)布之前，用戶還可以預覽動畫效果，操作步驟如下：（1）在“發(fā)布設置”對話框中設置發(fā)布參數(shù)。（2）選擇“文件”“發(fā)布設置”命令的子命令，以相應格式預覽發(fā)布效果，如圖11.3.10所示為以HTML格式預覽發(fā)布效果。第11章 Flash動畫的后期處理 圖11.3.10 以HTML格式預覽發(fā)布效果第11章 Flash動畫的后期處理 三、發(fā)布用戶可以選擇“文件”“發(fā)布”命令或者單擊“發(fā)布設置”對話框中的“發(fā)布”按鈕發(fā)布Flash動畫，如圖11.3.11所示。 第11章 Flash動畫的后期處理 選擇“發(fā)布”命令 使用“發(fā)布”按鈕圖11.3.11 發(fā)布Flash動畫第11章 Flash動

21、畫的后期處理 無論采用何種方法，在發(fā)布過程中，系統(tǒng)都會彈出“正在發(fā)布”對話框，顯示發(fā)布的進度，如圖11.3.12所示。圖11.3.12 “正在發(fā)布”對話框第11章 Flash動畫的后期處理 Flash動畫的導出有“導出影片”和“導出圖像”兩種方式，用戶可根據自己的需要選擇導出方式，下面具體介紹動畫的導出。一、以影片方式導出以影片方式導出Flash動畫的操作步驟如下：（1）打開Flash動畫的源文件，如圖11.4.1所示。（2）選擇“文件”“導出”“導出影片”命令，彈出“導出影片”對話框，如圖11.4.2所示。（3）在“文件名”下拉列表框中輸入文件名稱，在“保存類型”下拉列表中選擇文件的保存類型

22、。第四節(jié) 動畫的導出第11章 Flash動畫的后期處理 （4）單擊“保存”按鈕以影片方式導出Flash動畫。圖11.4.1 Flash動畫的源文件 圖11.4.2 “導出影片”對話框 第11章 Flash動畫的后期處理 二、以圖像方式導出以圖像方式導出Flash動畫的操作步驟如下：（1）打開Flash動畫的源文件，選中要導出的幀或圖像，如圖11.4.3所示。（2）選擇“文件”“導出”“導出圖像”命令，彈出“導出圖像”對話框，如圖11.4.4所示。（3）在“文件名”下拉列表框中輸入文件名稱，在“保存類型”下拉列表中選擇文件的保存類型。（4）單擊“保存”按鈕以圖像方式導出Flash動畫。 第11章 Flash動畫的后期處理 圖11.4.3 選中要導出的幀 圖11.4.4 “導出圖像”對話框注意：以“導出影片”方式導出Flash動畫產生的是一個完整的動畫作品，而以“導出圖