動畫的測試、發(fā)布與導出

新編中文Flash8基礎教程

第十三章動畫的測試、發(fā)布與導出

?第一節(jié)動畫的測試

A第二節(jié)動畫的發(fā)布

A第三節(jié)動畫的導出

?本章小結

?習題十三

新編中文Flash8基礎教程

第一節(jié)動畫的測試

當動畫制作完成后，就可以將其發(fā)布出來以便使更多的人

來欣賞。但在發(fā)布之前，還應該注意兩個問題：一是動畫的效

果是否與預期的效果相同；二是動畫是否能夠流暢地進行播放。

要解決這兩個問題，需要在發(fā)布之前對動畫進行測試。

新編中文Flash8基礎教程

一、簡單的測試方法

在編輯環(huán)境中，用戶能夠快速地進行一些簡單的測試，主

要包括以下幾個方面。

1.測試按鈕

測試按鈕指測試它在彈起、指針經過、按下和點擊4幀中的

狀態(tài)，方法如下：

（1）單擊庫面板中的“播放”按±1和“停止”吸鈕，

如圖13.1.1所示。

新編中文Flash8基礎教程

圖13.1.1通過庫面板測試按鈕

新編中文Flash8基礎教程

(2)選擇“窗口”一“工具欄”一“控制器”命令，打開

控制器(見圖13.1.2),單擊其中的按鈕。

圖13.1.2通過控制器測試按鈕

新編中文Flash8基礎教程

注意：當通過控制器測試按鈕時，只有在按鈕元件的編輯模式

下，控制器中的按鈕才能生效。

(3)選擇“控制”一“啟用簡單按鈕”命令或按Ctrl+Alt+B

鍵。

注意：使用該種方法不能在按鈕元件的編輯模式下測試按鈕。

新編中文Flash8基礎教程

2.測試聲音

測試聲音指測試它與文本是否同步，單擊要測試聲音的起

始位置，然后執(zhí)行下列操作之一即可。

(1)單擊控制器中的“播放”按一和“停止”吱鈕。

(2)按Enter鍵。

新編中文Flash8基礎教程

3.測試幀動作

用戶還可以在編輯環(huán)境中測試goto,play和stop等簡單的幀動

作，方法如下：

(1)選擇“控制”一“啟用簡單幀動作”命令或按Ctrl+Alt+F

鍵。

(2)單擊添加了簡單動作的幀，然后按Enter鍵。

/3)單擊添加了簡單動作的幀，然后單擊控制器中的“播放”

按鈕。

新編中文Flash8基礎教程

4.測試時間軸上的動畫

測試時間軸上的動畫指測試動畫片段是否流暢，方法如下:

(1)單擊動畫的起始位置，然后按Enter鍵。

(2)選擇“控制”一“播放”命令。

新編中文Flash8基礎教程

二、動畫測試窗口

若要評估影片剪輯、動作腳本或其他重要元素，必須在動

畫測試窗口中進行，選擇“控制”-“測試影片”或“測試場

景”命令,即可打開Flash8的動畫測試窗口,如圖命.1.3所示。

圖13.1.3動畫的測試窗口

新編中文Flash8基礎教程

首先在測試窗口中選擇“視圖”一“下載設置”命令，并

在其子菜單中選擇合適的下載速度，即調制解調器的速度，以

決定Flash的模擬下載速度，通常使用56Kb/s。

然后選擇“視圖”一“帶寬設置”命令，在動畫測試窗口

的上方將出現一個新的窗口（即帶寬視圖），它包括左右兩個

子窗口，其中，左側的子窗口顯示了動畫的一些基本參數、測

試設置和動畫狀態(tài)等；右側的子窗口顯示了下載性能的直觀圖

表，如圖如.1.4所示。

新編中文Flash8基礎教程

H線

圖13.1.4顯示了帶寬視圖時的動畫測試窗口

新編中文Flash8基礎教程

在帶寬視圖中，交替顯示的深灰色和淺灰色色塊表示動畫

中的每一幀，色塊面積的大小表示了該幀的字節(jié)大小，如果色

塊有部分出現在紅線的上面，則表示動畫播放到此處時有可能

暫停。

如果用戶選擇“視圖”-“數據流圖表”命令，帶寬視圖

將變?yōu)閿祿鲌D表，如圖13.1.5所示。

新編中文Flash8基礎教程

OMtv20066229460646.srf同區(qū)|

文件⑥視圖9控制?調試

影片：

尺寸

800X600像素

速率

頓

12.0￡r/sec

大小

續(xù)1212EB(124171(

時間

持

預

加羲3868Er(322.3!

261fr(21.8s)

設置：

帶寬：4800B/s(400Bi

狀態(tài)：

頓:221

0KB(143B)

圖13.L5顯示了數據流圖表時的動畫測試窗口

新編中文Flash8基礎教程

如果用戶選擇“視圖”一“模擬下載”命令，帶寬視圖將

如圖13.1.6所示，可以看到：在左上方的窗口中多了“已加載”

項，它由已下載數據量的百分比（左）和已下載的數據總量

（右）兩個數據來表示，用戶可以通過它們評估動畫的下載性

能，另外，在流動欄中將以綠色顯示已下載的部分。

新編中文Flash8基礎教程

圖13.1.6模擬下載時的動畫測試窗口

新編中文Flash8基礎教程

三、文件大小報告

Flash8還提供了文件大小報告功能，使用戶更為有效地了

解各動畫元素的大小。選擇“文件”一“發(fā)布設置”命令，彈

出“發(fā)布設置”對話框，選中“生成大小報告”復選框（見圖

13.1.7）,可以在測試動畫時生成一個同名的文本文件，它將

被存放在與該動畫相同的目錄下，顯示了文件中各元素的大小,

如圖13.1.8所示。

新編中文Flash8基礎教程

"eMCIMr

■■3.悵占

<?H?e14

?t??UT"舄*TaI

?▼C.

:f一沖t??：H)

，

■，

?

、

?

?，

9WH卸?

?l?，??????

”

■c■■一???u

??????”

己?小,”?

hMturw?zk

“

w“

”

”

?1

xCKJn

”

“

圖13.1.7“發(fā)布設置”對話框圖13.1.8文件大小報告

新編中文Flash8基礎教程

第二節(jié)動畫的發(fā)布

Flash8集成了發(fā)布功能，使用“發(fā)布”命令可以將制作完

成的動畫發(fā)布為獨立的作品，以供他人欣賞。下面介紹發(fā)布動

畫的全過程，包括發(fā)布設置、發(fā)布預覽以及發(fā)布。

一、動畫的發(fā)布設置選項

在發(fā)布動畫之前，需要選擇“文件”一“發(fā)布設置”命令,

彈出“發(fā)布設置”對話框（見圖1321）,設置動畫的發(fā)布選

項。

!>Back

新編中文Flash8基礎教程

圖13.2.1”發(fā)布設置”對話框

新編中文Flash8基礎教程

1.Flash選項

在“發(fā)布設置”對話框中選中“Flash(.swf)”復選框，

然后單擊“Flash”標簽，打開“Flash”選項卡，如圖1322所示。

新編中文Flash8基礎教程

圖13.2.2“Flash”選項卡

新編中文Flash8基礎教程

對其中各項說明如下：

(1)“版本”：選擇播放器的版本。

說明：由于Flash的不斷改進和新增功能的加入，許多由高

版本Flash制作的動畫文件在低版本的播放器中常常不能被正常

執(zhí)行，所以通常要選擇最新版本的播放器。

(2)“加載順序”：設置動畫在播放器中加載時，所有

層中第1幀內容的顯示順序，是“由下而上”，還是“由上而

下“。

新編中文Flash8基礎教程

(3)“ActionScript版本”：設置動作腳本的版本。

(4)“選項”：設置是否對發(fā)布動畫進行調試、壓縮等

操作，選中相應復選框即可。

1)“生成大小報告”：選中該復選框，可生成一個羅列

了發(fā)布數據量的文本文件。

2)“防止導入”：選中該復選框，可防止他人在Flash中

導入發(fā)布后的動畫。

新編中文Flash8基礎教程

3)“省略Trace動作”：選中該復選框，可使Flash忽略當

前動畫中的跟蹤動作。

4)“允許調試”：選中該復選框，可激活調試器并允許

對動畫進行遠程調試。

5)“壓縮影片”：選中該復選框，可對發(fā)布動畫進行壓

縮，從而減小文件的大小。

6)“針對FlashPlayer6r65"”：選中該復選框，可對輸出

動畫進行優(yōu)化，以達到更好的播放效果。

新編中文Flash8基礎教程

(5)“密碼”：當選中“防止導入”或“允許調試”復選框

后，該選項將被激活。用戶可以在其右側的文本框中輸入密碼，

以防止他人在Flash中導入發(fā)布后的動畫。

(6)“JPEG品質”：對位圖進行壓縮控制，數值越大，品質

越好，但生成的文件也就越大。

(7)“音頻流”和“音頻事件”：為動畫中所有的音頻流或

聲音設置壓縮格式和采樣率等，單擊其右側的“設置”按鈕，將」

彈出如圖1323所示的“聲音設置”對話框，在其中進行各項設置

新編中文Flash8基礎教程

圖1323“聲音設置”對話框

新編中文Flash8基礎教程

如果用戶要用“聲音設置”對話框中的設置來覆蓋Flash文

檔中的聲音設置，需要選中“覆蓋聲音設置”復選框；如果

Flash要導出適合于各種設備（包括移動設備）的聲音，需要選

中“導出設備聲音”復選框。

2.HTML選項

在“發(fā)布設置”對話框中選中“HTML”復選框，然后單擊

“HTML”標簽,打開“HTML”選項卡，如圖13.2.4所示。

新編中文Flash8基礎教程

?

口"WW、￡1**?■1

衣①31二,?”創(chuàng)

??

晦?

>u

f2Tc9

，????】

S.3

eBVWMia

1X1J1I11

圖13.2.4“HTML”選項卡

新編中文Flash8基礎教程

(1)“模板”：選擇輸出動畫在網頁中進行位置編排時

使用的模板。選擇模板后，單擊其右側的“信息”按鈕，可以

顯示對所選模板的說明。如果沒有選擇模板，Flash會使用名為

Default.html的模板，如果該模板不存在，系統(tǒng)會自動使用列表

中的第一個模板。

新編中文Flash8基礎教程

(2)“檢測Flash版本”：設置是否檢測用戶所用的播放

器版本。

(3)“尺寸”：設置動畫在網頁中播放的畫面尺寸及顯

不方式。

(4)“回放”：設置動畫的循環(huán)、重復等功能，選中相

應復選框即可。

新編中文Flash8基礎教程

1)“開始時暫?！保哼x中該復選框，在開始位置暫停播

放動畫，直到用戶發(fā)出播放指令為止。

2)“顯示菜單”：選中該復選框，會在按下鼠標右鍵后

顯示一個快捷菜單。

3)“循環(huán)”：選中該復選框，將使動畫循環(huán)播放。

4)“設備字體”：選中該復選框，使用消除鋸齒的系統(tǒng)

字體替換未安裝在用戶系統(tǒng)上的字體，只適用于Windows環(huán)境。

新編中文Flash8基礎教程

（5）“品質”：設置動畫中的圖像在播放時的顯示質量。

1）低：使動畫的播放速度優(yōu)先于顯示質量。

2）自動降低：強調動畫的播放速度。

3）自動升高：使顯示質量和播放速度同等重要，但在特

殊情況下，優(yōu)先考慮播放速度。

4）中：使顯示質量和播放速度同等重要，不分彼此。

新編中文Flash8基礎教程

5)高：使顯示質量優(yōu)先于播放速度。

6)最佳：使顯示質量達到最好，而不考慮播放速度。

(6)“窗口模工”：設置當動畫中含有透明區(qū)域時，

動畫中的圖像在網頁窗口中的顯示方式。

(7)“HTML對齊”：設置動畫被置入到網頁中時的

對齊方式。

(8)“縮放”：設置動畫的縮放方式。

新編中文Flash8基礎教程

1）默認：在指定的區(qū)域內顯示整個sw戊檔，并且保持它

的原始比例。

2）無邊框：對sw戊檔進行縮放，以使它適合指定的區(qū)域,

并且保持它的原始比例。

3）精確匹配：在指定的區(qū)域內顯示sw戊檔，允許改變它

的原始比例。

4）無縮放：禁止在調整播放器窗口大小時縮放sw戊檔。

新編中文Flash8基礎教程

(9)“Flash對齊”：設置如何在網頁窗口中放置動畫以

及在必要時如何裁剪動畫的邊緣。

(10)”顯示警告消息”：選中該復選框，可在標簽設置

發(fā)生沖突時顯示錯誤信息。

新編中文Flash8基礎教程

3.GIF選項

在“發(fā)布設置”對話框中選中“GIF圖像（.gif）”復選框,

然后單擊“GIF”標簽，打開“GIF”選項卡，如圖1325所示。

"逵葉二智:表

圖13.2.5“GIF”選項卡

新編中文Flash8基礎教程

(1)“尺寸”：在默認情況下，輸出的GIF圖像與Flash

動畫的尺寸相同，如果取消選中“匹配影片”復選框，可以等

比例設置圖像的輸出尺寸。

(2)“回放”：設置GIF文件是靜態(tài)的還是動態(tài)的。

1)“靜態(tài)”：選中該單選按鈕，導出靜態(tài)圖。

2)“動畫”：選中該單選按鈕，導出動畫GIF,并允許用

戶設置動畫的循環(huán)或重復屬性。

新編中文Flash8基礎教程

(3)“選項”：對輸出的GIF圖像的品質屬性進行設置，

選中相應復選框即可。

1)“優(yōu)化顏色”：選中該復選框，系統(tǒng)會從顏色表中刪

除不使用的顏色。

2)“抖動純色”：選中該復選框，對色塊進行抖動處理,

以防止出現色帶不均勻的現象。

新編中文Flash8基礎教程

3)“交錯”：選中該復選框，使GIF圖像在下載時逐

漸顯示。

4)“刪除漸變”：選中該復選框，將所有的漸變轉換

為與漸變的第1種顏色相同的純色。

5)“平滑”：選中該復選框，使輸出的GIF圖像消除

鋸齒，提IWJ圖像質量。

新編中文Flash8基礎教程

(4)“透明”：設置在輸出的GIF圖像中是否保留透明區(qū)域。

1)不透明：使背景完全不透明。

2)透明：使背景完全透明。

3)Alpha：使背景局部透明。在其文本框中輸入一個數值，

若圖像的Alpha值低于該值，則透明顯示；若圖像的Alpha值高于

該值，則不發(fā)生變化。

新編中文Flash8基礎教程

(5)“抖動”：設置是否通過混合已有的顏色來模擬

當前調色板中沒有的顏色。

(6)“調色板類型”：設置調色板的類型。

1)Web216色：使用標準的216色瀏覽器安全調色板來

創(chuàng)建GIF圖像，可以獲得較好的圖像品質，在服務器上的處

理速度最快。

新編中文Flash8基礎教程

2）最適合：分析圖像中的顏色并為選定的GIF創(chuàng)建唯一的

顏色表，適合顯示成千上萬種顏色，但生成的文件要比用

“Web216色”生成的文件大得多。

3）接近Web最適色：對調色板進行優(yōu)化處理，并將接近的

顏色轉換為Web216色。

4）自定義：根據需要自定義調色板。

新編中文Flash8基礎教程

(7)“最多顏色”：如果調色板的類型為“最適合”

或“接近Web最適色”，將激活該選項，用戶可以對其最大

顏色數進行設置。

(8)“調色板”：如果調色板的類型為“自定義”，

將激活該選項，用戶可以在計算機中選擇需要的調色板文件。

4.JPEG選項

在“發(fā)布設置”對話框中選中“JPEG圖像(.jpg)”復

選框，然后單擊“JPEG”標簽，打開“JPEG”選項卡，如圖

13.2.6所示。

新編中文Flash8基礎教程

圖13.2.6“JPEG”選項卡

新編中文Flash8基礎教程

(1)“尺寸”：在默認情況下，輸出的JPGE圖像與Flash動

畫的尺寸相同。如果取消選中“匹配影片”復選框，可以等比

例設置圖像的輸出尺寸。

(2)“品持”：設置輸出的JPEG圖像的品質。品質越低，

生成的文件就越小。

(3)“漸進”：選中該復選框，可以在Web瀏覽器中逐漸

顯示連續(xù)的JPEG圖像。

新編中文Flash8基礎教程

5.PNG選項

在“發(fā)布設置”對話框中選中“PNG圖像(.png)”復選

框，然后單擊“PNG”標簽，打開“PNG”選項卡，如圖1327所

Zj\O

(1)“尺寸”：在默認情況下，輸出的PNG圖像與Flash

動畫的尺寸相同。如果取消選中“匹配影片”復選框，可以等

比例設置圖像的輸出尺寸。

(2)“位深度”：設置在創(chuàng)建圖像時，每個像素所使用的

位數。對于256色的圖像，位深度是8位的；對于真彩色，位深

度是24位的。/南彳%

新編中文Flash8基礎教程

圖13.2.7“PNG”選項卡

新編中文Flash8基礎教程

(3)“選項”、“抖動”、“調色板類型”、“最多顏色”

和“調色板”：與GIF格式中的相應參數含義相同，這里就不

再贅述。

(4)“過濾器選項”：設置PNG文件的過濾方式。

6.QuickTime選項

在“發(fā)布設置”對話框中選中“QuickTime”復選框，然后,

單擊“QuickTime”標簽，打開“QuickTime”選項卡,如圖13.2.8

所示。

新編中文Flash8基礎教程

“控丸■￡”二臂：表

KhnekTiiM日

圖13.2.8"QuickTime”選項卡

新編中文Flash8基礎教程

(1)“尺寸”：在默認情況下，輸出的QuickTime影片與

Flash動畫的尺寸相同。如果取消選中“匹配影片”復選框，可

以等比例設置影片的輸出尺寸。

(2)“Alpha"：設置Flash動畫在QuickTime影片中的透明

模式。

(3)“圖層”：設置Flash動畫在QuickTime影片中的位置。

新編中文Flash8基礎教程

1）自動：檢測Flash動畫是否位于QuickTime內容的前面。

如果是，則將Flash動畫放置在頂層；如果不是，則將Flash動

畫放置在底層。

2）頂部：將Flash動畫放置在最頂層。

3）底部：將Flash動畫放置在最底層。

新編中文Flash8基礎教程

(4)“聲音流”：設置是否按照標準的QuickTime設置

壓縮音頻。

(5)“控制欄”：設置使用哪種QuickTime控制器來播

放Flash動畫。

1)無：不對Flash動畫進行播放控制。

2)標準：使用導出影片的QuickTime控制器來播放Flash

動畫。

3)QuickTimeVR：使用QuickTimeVR類型的控制器來

播放Flash動畫。

新編中文Flash8基礎教程

(6)“回放”：設置QuickTime影片的播放方式。

1)“循環(huán)”：選中該復選框，當影片到達最后一幀時將從

頭開始播放。

2)“開始時暫?！保哼x中該復選框，暫停播放影片，直到

用戶發(fā)出播放指令為止。

3)“播放每幀”：選中該復選框，播放影片每一幀，但不

播放聲音。

新編中文Flash8基礎教程

（7）“文件”：設置是否將Flash動畫與導入的視頻結合

為一個新的QuickTime影片。

此外，用戶還可以將Flash動畫發(fā)布為Windows的放映文件

（后綴名為.exe）和Macintosh的放映文件（后綴名為.hqx）,

由于它們沒有參數，這里就不再贅述了。

新編中文Flash8基礎教程

二、發(fā)布預覽

選擇“文件”一“發(fā)布預覽”命令中的子命令（見圖

13.2.9）,可以按所選的類型在默認瀏覽器中打開相應文件。

發(fā)布預覽?>默認也)-QfTML)F12

FlashQF)

HTML堡)

GIF⑹

JPEGQ)

PNG9

放映文件⑥

QuickTime

圖13.2.9“發(fā)布預覽”命令的子命令

新編中文Flash8基礎教程

例如，如果選擇“HTML”選項，則系統(tǒng)會啟動Internet

Explorer瀏覽器顯示HTML文件的發(fā)布效果，如圖13210所示;

如果選擇“GIF”選項，則系統(tǒng)會啟動默認的圖片瀏覽器顯示

GIF文件的發(fā)布效果，如圖13211所示。

新編中文Flash8基礎教程

圖13210預覽HTML文件的發(fā)布效果圖13211預覽GIF文件的發(fā)布效果

新編中文Flash8基礎教程

三、發(fā)布

最后，用戶就可以將作品發(fā)布至Internet供他人欣賞了，執(zhí)

行下列操作之一即可。

(1)選擇“文件”一“發(fā)布”命令，如圖13212所示。

(2)按Shift+F12鍵。

(3)單擊“發(fā)布設置”對話框中的“發(fā)布”按鈕，如圖

13213所示。

新編中文Flash8基礎教程

新建?…Ctrl+N

打開Ctrl+O

從站點打開區(qū)）.一

打開最近的文件d）?

關閉?Ctrl+W

全部關閉Ctrl+Alt+W

保存⑸Ctrl+S

保存并壓縮通）

另存為（A）...Ctrl+Shift+S

另存為模板（I）..

全部保存

還原①

導人①?

導出②?

發(fā)布設置IS）.Ctrl+Shi￡t+F12

發(fā)布預覽也）?

1發(fā)布電Shi￡t+Fl21

設備役詈

頁面設置QJ）...

打?。ā辏?Ctrl+P

發(fā)送也）.

編緝站點也）一.

退出G）Ctrl+Q

圖13212使用“發(fā)布”命令發(fā)布圖13213使用“發(fā)布”按鈕發(fā)布

新編中文Flash8基礎教程

第三節(jié)動畫的導出

選擇“文件”一“導出”命令中的子命令（見圖1331）,

可以將當前動畫導出為某種格式的圖像或影片文件。

導出⑥導出圖像圾］…

導出影.片（S）...Ctrl+Alt+Shift+S

圖13.3.1“發(fā)布預覽”命令的子命令

匕Back

新編中文Flash8基礎教程

一、導出靜態(tài)圖像文件

選擇“導出圖像”命令，可以將當前幀內容或所選圖像導

出為一種靜止圖像格式或單幀的FlashPlayer應用程序，操作步

驟如下：

(1)選中動畫的某一幀或圖像等。

(2)選擇“文件”一“導出”一“導出圖像”命令，彈出

“導出圖像”對話框，如圖13.3.2所示。

新編中文Flash8基礎教程

圖13.3.2“導出圖像”對話框

新編中文Flash8基礎教程

(3)在“文件名”下拉列表框中輸入文件的名稱。

(4)在“保存類型”下拉列表中選擇一種圖像格式,

Flash8允許導出的圖像格式如圖13.3.3所示。

(5)單擊“保存”按鈕。

Flash影片

增強元文件(*emf)

Windows兀文件(?wm￡)

EPS3.0(?.eps)

AdobeIllustrator(?.ai)

AutoCADDXF(*.dxf)

位函(*.bmp)

PNG(*.png)