Flash動畫設計與制作（9）導出和發(fā)布動畫.ppt

1、1,Flash動畫設計與制作導出和發(fā)布動畫,合肥工業(yè)大學計算機與信息學院 石 雷,2,導出和發(fā)布動畫,測試影片 分析影片 優(yōu)化影片 發(fā)布影片 導出影片,3,導出和發(fā)布動畫,測試影片 分析影片 優(yōu)化影片 發(fā)布影片 導出影片,4,導出和發(fā)布動畫測試影片,可以在兩種環(huán)境下測試影片，一種為影片編輯環(huán)境，另一種為影片測試環(huán)境。下面就針對兩種測試環(huán)境的特點，分別進行介紹。 在影片編輯環(huán)境下測試影片 在影片編輯環(huán)境下，按Enter鍵可以對影片進行簡單的測試，但影片中的影片剪輯元件、按鈕元件以及腳本語言也就是影片的交互式效果均不能得到測試。而且在影片編輯模式下測試影片得到的動畫速度比輸出或優(yōu)化后的影片慢，所以

2、影片編輯環(huán)境不是用戶的首選測試環(huán)境。但在編輯環(huán)境下通過設置，可以對按鈕元件以及簡單的幀動作（play、stop、gotoplay和gotoandstop）進行測試。,5,導出和發(fā)布動畫測試影片,測試影片與場景 要測試一個動畫的全部內(nèi)容，執(zhí)行“控制”“測試影片”命令。Flash將自動導出當前影片中的所有場景，然后將文件在新窗口中打開。 要測試一個場景的全部內(nèi)容，執(zhí)行“控制”“測試場景”命令。Flash僅導出當前影片中的當前場景，然后將文件在新窗口中打開，且在文件選項卡中標示出當前測試的場景。 執(zhí)行測試影片與測試場景命令均會自動生成.swf文件，且自動將它置于當前影片所在的文件夾中，而它的導出設置

3、則以Flash“發(fā)布設置”對話框中的默認設置為基礎，要改變這些設置，執(zhí)行“文件”“發(fā)布設置”命令，在“發(fā)布設置”對話框中進行必要的調(diào)整。如果對當前的測試結(jié)果滿意，就可以將作品發(fā)表了。,6,導出和發(fā)布動畫測試影片,影片測試環(huán)境 執(zhí)行測試影片或測試場景命令后，即可進入測試環(huán)境。雖然此時仍在Flash中，但界面已經(jīng)改變，如圖1與圖2所示的界面分別為同一影片的不同測試環(huán)境。 由上圖看出在影片編輯環(huán)境中的“插入”、“修改”、“文本”與“命令”菜單欄在測試環(huán)境中不存在。而在測試環(huán)境中出現(xiàn)的“調(diào)試”菜單欄，是影片編輯環(huán)境中沒有的。另外，即使是在兩個環(huán)境下的都有的菜單欄，它們的命令也有所不同。下面介紹“調(diào)試”

4、菜單命令：,7,導出和發(fā)布動畫測試影片,執(zhí)行“調(diào)試”“對象列表”命令，在“輸出”窗口中，將顯示某一特定幀中的所有對象的完整統(tǒng)計信息，如左圖所示。 執(zhí)行“調(diào)試”“變量列表”命令，在“輸出”窗口中，將顯示某一特定幀中的所有變量的完整統(tǒng)計信息，如右圖所示，以幫助用戶查看變量是否被正確地創(chuàng)建和更新。,8,導出和發(fā)布動畫測試影片,利用帶寬設置功能 在影片測試環(huán)境下，執(zhí)行“視圖”“帶寬設置”命令，打開帶寬剖面圖，如下圖所示。 在帶寬剖面圖中，包含了兩部分的內(nèi)容。分別為影片的相關信息以及時間軸中的每一幀中包含對象的文件大小，并以圖表的形式顯示出來。為了更好的利用帶寬剖面圖，應先逐一了解它的各部分功能。 1影

5、片的相關信息。 2測試環(huán)境的時間軸。,9,導出和發(fā)布動畫測試影片,模擬下載 模擬下載用于模擬在指定的網(wǎng)絡環(huán)境下，下載影片時的狀況，用戶可以模擬各種網(wǎng)絡環(huán)境，F(xiàn)lash提供了5種環(huán)境，分別為14.4（1.2KB/s）、28.8（2.3KB/s）、56（4.7KB/s）、DSL（32.6KB/s）和T1（131.2KB/s）。 除此以外，用戶還可根據(jù)需要，自行定義網(wǎng)絡環(huán)境。執(zhí)行“視圖”“下載設置”選項，在彈出的下一級子菜單中進行選擇。,10,導出和發(fā)布動畫,測試影片 分析影片 優(yōu)化影片 發(fā)布影片 導出影片,11,導出和發(fā)布動畫分析影片,影片中的各種對象可以以較為直觀的方式顯示出來，也可以對其中的對

6、象進行查找替換，接下來介紹影片瀏覽器面板與查找和替換面板的使用方法。 影片瀏覽器面板 在Flash中，可以直觀的查看影片中包含的各種對象以及它們的位置。執(zhí)行“窗口”“其它面板”“影片瀏覽器”命令，打開影片瀏覽器，如下圖所示。,12,導出和發(fā)布動畫分析影片,查找和替換面板 執(zhí)行“編輯”“查找和替換”命令，打開“查找和替換”對話框，如下圖所示。 在“搜索范圍”后面的文本框中，選擇在場景中搜索還是在影片中搜索；在“類型”后面的文本框中，選擇查找或替換的類型，其中包括“文本”、“字體”、“顏色”、“元件”、“聲音”、“視頻”和“位圖”。選擇相應的選項后，即可指定替換的對象，進行查找或替換。,13,導出

7、和發(fā)布動畫,測試影片 分析影片 優(yōu)化影片 發(fā)布影片 導出影片,14,導出和發(fā)布動畫優(yōu)化影片,優(yōu)化影片的最終目的是減少文件的大小，確保它的播放流暢。因為無論影片如何出色，如果在播放的過程中發(fā)生多次間斷，都會影響它的效果。所以對影片進行必要的優(yōu)化是影片制作的最后步驟，下面將講述如何對影片的各種對象進行優(yōu)化以及優(yōu)化的一些技巧。 元件 在影片中使用兩次或兩次以上的圖形對象一定要轉(zhuǎn)換為元件。因為元件均會被紀錄在庫面板中。在制作影片的過程中，不用擔心庫面板中有多少對象，因為在輸出影片的時候，影片只從庫面板中提取用到的對象。也就是說，庫面板中對象的多少與影片最終的大小沒有關系。 圖層 在繪制圖形的時候因盡量

8、避免使用實線以外類型的筆觸樣式，而自定義的筆觸樣式也會增加影片大小。在填充色方面，使用漸變色的影片文件也比使用單色的影片文件大一些，為了更好的顯示，因盡量使用單色且最好為網(wǎng)絡安全色。 不論是繪制的圖形，還是從外部導入的矢量圖形，最好能將其在形狀狀態(tài)下，執(zhí)行“修改”“形狀”“優(yōu)化”命令，對其中的曲線進行優(yōu)化。優(yōu)化后會彈出優(yōu)化報告，減少一些不需要的曲線以減少文件大小。 另外，過多地使用“修改”“形狀”“將線條轉(zhuǎn)換為填充”命令、“修改”“形狀”“擴展填充”命令以及“修改”“形狀”“柔化填充邊緣”命令都會造成影片文件的增大。,15,導出和發(fā)布動畫優(yōu)化影片,文字 應盡可能使用同一顏色、字號和字體的文字。

9、而設備字體的使用最安全，也最能減少文件的體積，具體的原理與使用方法在字體的章節(jié)中已經(jīng)詳細介紹，這里不再贅述。另外，將字體打散并不能減少文件體積，相反，它還會使文件變大，如果要重復使用量比較大的文本，建議將其轉(zhuǎn)換為元件。 位圖 位圖一般作為靜止的背景圖像，因盡量避免使它運動。如果將位圖轉(zhuǎn)換為矢量圖，還應對轉(zhuǎn)換后的矢量圖進行優(yōu)化。導入的位圖應在庫面板中進行壓縮，操作方法如下： 雙擊庫面板中的位圖圖標，彈出“位圖屬性”對話框，勾選“使用文檔默認品質(zhì)”取消默認設置，如下圖所示，在“品質(zhì)”后面的文本框中輸入數(shù)值，對位圖進行壓縮。品質(zhì)越高，影片越大；品質(zhì)越低，影片越小。,16,導出和發(fā)布動畫優(yōu)化影片,聲音

10、 在使用聲音文件的時候，因盡量使用MP3格式而避免使用其它格式，聲音格式的選擇順序應遵循Mid、MP3、Wav的順序。 壓縮聲音的方法有兩種，第一種為在“聲音屬性”對話框中對聲音進行壓縮。另外，根據(jù)聲音的長度，可以選擇更為合適的壓縮格式，具體原則可以參看在聲音章節(jié)中的詳細介紹。 第二種為在“發(fā)布設置”對話框中對聲音進行壓縮。執(zhí)行“文件”“發(fā)布設置”命令。在彈出的“發(fā)布設置”對話框中，選擇“Flash”選項卡，設置音頻流與音頻事件，彈出“聲音設置”對話框，如下圖所示。此時執(zhí)行的優(yōu)化處理將對影片中的所有聲音文件起作用。,17,導出和發(fā)布動畫優(yōu)化影片,關鍵幀 比起逐幀動畫，使用補間動畫更能減少文件體

11、積。應盡量避免連續(xù)使用多個關鍵幀，注意刪除沒用的關鍵幀，即使是空白關鍵幀也會增加文件的體積。,18,導出和發(fā)布動畫,測試影片 分析影片 優(yōu)化影片 發(fā)布影片 導出影片,19,導出和發(fā)布動畫發(fā)布影片,可以將Flash影片發(fā)布成多種格式，而在發(fā)布之前需進行必要的發(fā)布設置，定義發(fā)布的格式以及相應的設置，達到最佳效果。在“發(fā)布設置”對話框中，可以一次性發(fā)布多個格式，且每種格式均保存為指定的發(fā)布設置，可以擁有不同的名字。接下來介紹發(fā)布影片的方法。 發(fā)布設置 執(zhí)行“文件”“發(fā)布設置”命令。彈出“發(fā)布設置”對話框，如下圖所示。,20,導出和發(fā)布動畫發(fā)布影片,勾選“類型”選項組中的格式，可以設置發(fā)布的文件類型，

12、在“文件”下面的文本框中輸入名稱，為相應的文件類型命名。在發(fā)布影片后，以一個影片為基礎，可以得到不同類型，不同名字的文件。 單擊“確定”按鈕保留設置，關閉“發(fā)布設置”對話框；單擊“取消”按鈕不保留設置，關閉“發(fā)布設置”對話框；單擊“發(fā)布”按鈕，立即使用當前設置發(fā)布的指定格式的影片。,21,導出和發(fā)布動畫發(fā)布影片,Flash發(fā)布設置 .swf文件可以保留影片中的所有功能，這種格式導出的文件為Flash的首選格式，可以進行以下設置，如圖所示。 版本：設置觀看影片時需要的最低版本。 加載順序：加載影片時，設置圖層的加載順序。在下拉列表中有以下兩種選擇： 由下而上：首先加載最底層，隨后加載以上的所有圖

13、層。 由上而下：首先加載最上層，隨后加載以下的所有圖層。 動作腳本板本：設置觀看或執(zhí)行影片交互式動作時需要的動作腳本版本。 生成文件大小報告復選框：選擇此項后，在發(fā)布影片后自動創(chuàng)建一個文本文件，其中包括影片中各幀的大小、字體以及導入的文件等信息。這個文件與影片文件同名，被保存在影片所在的文件夾中。 防止導入復選框：選擇此項后，防止導出的影片被導入Flash進行編輯，選擇此項后，可以設置密碼，只有知道密碼才可以導入影片進行編輯。,22,導出和發(fā)布動畫發(fā)布影片,Flash發(fā)布設置 省略跟蹤動作復選框：選擇此項后，刪除導出影片中的跟蹤動作，防止別人查看文件源代碼。 允許調(diào)試復選框：選擇此項后，允許調(diào)

14、試HTML文件中SWF文件。 壓縮影片復選框：可以壓縮含有大量腳本和文件的SWF文件。 JPEG品質(zhì)：設置影片中所有JPEG文件的壓縮率。 音頻流和音頻事件：設置影片中所有數(shù)據(jù)流聲音與事件聲音的壓縮率。單擊他們后面的“設置”按鈕，在彈出的“聲音設置”對話框中進行設置。 覆蓋聲音設備復選框：選擇此項后，如果在“聲音設置”對話框中進行設置。那么該選項將忽略所有在音頻流和音頻事件中的設置。 導出設備聲音復選框：選擇此項后，同時導出影片中的設備聲音。,23,導出和發(fā)布動畫發(fā)布影片,HTML發(fā)布設置 用于設置SWF文件在HTML文件中的屬性，使導出的影片生成HTML文件，如下圖所示。 1設置影片自適應瀏

15、覽器窗口大小 在“尺寸”下拉列表中選擇“百分比”選項。此時影片隨著網(wǎng)頁的尺寸調(diào)整自身的尺寸。 2設置影片充滿瀏覽器窗口 在“縮放”下拉列表中選擇“精確匹配”選項。此時影片無論網(wǎng)頁窗口大小，均自動充滿整個瀏覽器窗口。,24,導出和發(fā)布動畫,測試影片 分析影片 優(yōu)化影片 發(fā)布影片 導出影片,25,導出和發(fā)布動畫導出影片,導出影片不像發(fā)布那樣可以對影片的各方面進行設置，它可以把當前影片全部導出為Flash支持的格式。而影片的導出分為兩種，分別是導出圖片與導出影片。下面對這兩種方式分別進行介紹。 導出圖像 執(zhí)行“文件”“導出”“導出圖像”命令，彈出“導出圖像”對話框，如圖所示。 在“文件名”后面的文本

16、框中輸入文件的名稱，接著在“保存類型”的下拉列表中，選擇一個文件格式，單擊“保存”按鈕，彈出相應的文件格式對話框，例如選擇Flash影片（.swf）文件，則彈出“導出Flash-Player”對話框。 在對話框中設置影片相關屬性，其中的設置選項與“發(fā)布設置”對話框中設置選項相同，設置完畢后單擊“確定”按鈕導出圖像。,26,導出和發(fā)布動畫導出影片,導出影片 執(zhí)行“文件”“導出”“導出影片”命令，彈出“導出影片”對話框，如下圖所示。 在“導出影片”對話框中保存的文件是動態(tài)的，導出影片的操作與導出圖像類似，但在選擇“保存類型”選項時有所不同，在“導出影片”對話框中保存的文件應注意以下選項的特點：,27,導出和發(fā)布動畫導出影片,導出影片 1選擇Flash影片（*.swf）文件，導出的文件是動態(tài)swf文件，只有在安裝了Flash播放器的瀏覽器中才能播放，這也是