動(dòng)畫(huà)的測(cè)試與發(fā)布

第13章動(dòng)畫(huà)的測(cè)試與發(fā)布

?13.1測(cè)試動(dòng)畫(huà)

?13.2發(fā)布動(dòng)畫(huà)

?本章小結(jié)

?習(xí)題十三

Back<

13.1測(cè)試動(dòng)畫(huà)

測(cè)試是創(chuàng)建動(dòng)畫(huà)時(shí)一個(gè)非常重要的步驟，它

貫穿于整個(gè)Flash動(dòng)畫(huà)的制作過(guò)程，用戶在制作各

個(gè)元件和動(dòng)畫(huà)片段時(shí)，應(yīng)該經(jīng)常進(jìn)行測(cè)試，以提

高動(dòng)畫(huà)的質(zhì)量。

13.1.1在編輯環(huán)境中進(jìn)行測(cè)試

在編輯環(huán)境中能快速地進(jìn)行一些簡(jiǎn)單的測(cè)試,

由于測(cè)試任務(wù)繁重，編輯環(huán)境不是用戶的首選可

試環(huán)境。

Back<

1.測(cè)試按鈕狀態(tài)

制作完的按鈕元件會(huì)出現(xiàn)在庫(kù)面板中，用戶可以單擊

“播放”按鈕I測(cè)試按鈕在彈起、指針經(jīng)過(guò)、按下和點(diǎn)

擊狀態(tài)下的3卜觀（見(jiàn)圖13.1.1）；還可以選擇“控

制”一“啟用簡(jiǎn)單按鈕”命令來(lái)測(cè)試按鈕的狀態(tài)，如圖

13.1.2所小o

打亡）0面＜

圖13.1.1通過(guò)庫(kù)面板測(cè)試按鈕狀態(tài)圖13.1.2通過(guò)命令測(cè)試按鈕狀態(tài)

2.測(cè)試聲音

在一些MTV中,經(jīng)常需要音樂(lè)與相應(yīng)的文本同步

出現(xiàn)，這時(shí)通常采用數(shù)據(jù)流同步聲音。若要對(duì)聲音進(jìn)

行同步效果測(cè)試，可以選擇“窗口”一"工具

欄”-“控制器”命令，打開(kāi)“控制器”面板（見(jiàn)圖

13.1.3）,單擊要測(cè)試聲音的起始位置，然后分別單擊

控制器Hi反中的“播放”成鈕和“停止”按鈕等。

控制器面板

了lacroBediaFlashProfessional8-[ITV.fla*]B0?

控制器面板

圖1313控制器面板

技巧：還有一種簡(jiǎn)單的方式，單擊要測(cè)試聲音

的起始位置，然后按“Enter”鍵直接測(cè)試，當(dāng)需要

停止時(shí)，只需用鼠標(biāo)單擊時(shí)間軸面板中的其他位置

即可。

3.測(cè)試幀動(dòng)作

在編輯環(huán)境中，用戶還可以測(cè)試簡(jiǎn)單的幀動(dòng)作,

如goto,play和stop等。若要測(cè)試動(dòng)畫(huà)中的幀動(dòng)作，

必須先選擇“控制”一“啟用簡(jiǎn)單幀動(dòng)作”命令，

然后單擊添加了簡(jiǎn)單動(dòng)作的幀，按“Enter”鍵或單

擊控制器面板中的“播放”「鈕。

4.測(cè)試時(shí)間軸動(dòng)畫(huà)

在制作完時(shí)間軸動(dòng)畫(huà)（例如逐幀動(dòng)畫(huà)或補(bǔ)間

動(dòng)畫(huà)等）之后，應(yīng)及時(shí)測(cè)試這部分動(dòng)畫(huà)片段是否

流暢。若要測(cè)試時(shí)間軸動(dòng)畫(huà)，只需單擊動(dòng)畫(huà)的起

始位置，然后按“Enter”鍵即可。

13.1.2在編輯環(huán)境外進(jìn)行測(cè)試

在編輯環(huán)境中的測(cè)試是有限的。若要評(píng)估影

片剪輯、動(dòng)作腳本或其他重要的動(dòng)畫(huà)元素，必須

在編輯環(huán)境之外進(jìn)行。.

用戶可以選擇“控制”一“測(cè)試影片”/“測(cè)試場(chǎng)景”

命令，將當(dāng)前動(dòng)畫(huà)或場(chǎng)景輸出為.SW略式的文件，同時(shí)在

測(cè)試窗口中打開(kāi)并播放，測(cè)試窗口如圖13.1.4所示。

名稱不同

使用“測(cè)試影片”命令可以完整地播放動(dòng)畫(huà)，而使用

“測(cè)試場(chǎng)景”命令僅能播放當(dāng)前編輯的場(chǎng)景或元件，而不

是整個(gè)動(dòng)畫(huà)，這是使用兩個(gè)命令的主要區(qū)別。

名稱不同

［文件3)視圖控制?調(diào)試①)

MTV同桌的你

明天你是否會(huì)想起

選擇“測(cè)試影片”命令時(shí)選擇“測(cè)試場(chǎng)景”命令時(shí)

圖13.1.4在測(cè)試窗口中播放動(dòng)畫(huà)

13.2發(fā)布動(dòng)畫(huà)

當(dāng)Flash動(dòng)畫(huà)制作完成之后，需要將其發(fā)布為獨(dú)

立的作品，以供他人欣賞，下面介紹發(fā)布動(dòng)畫(huà)的全

過(guò)程，包括發(fā)布設(shè)置、發(fā)布預(yù)覽以及發(fā)布。

13.2.1發(fā)布設(shè)置.

在發(fā)布動(dòng)畫(huà)之前，有必要使用“發(fā)布設(shè)置”對(duì)

話框設(shè)置發(fā)布選項(xiàng)，即在“格式”選項(xiàng)卡的“類(lèi)型”

選項(xiàng)區(qū)中選擇一種或多種發(fā)布格式，然后打開(kāi)相應(yīng)

的選項(xiàng)卡進(jìn)行參數(shù)設(shè)置。'

Back<

1.Flash參數(shù)設(shè)置

創(chuàng)建擴(kuò)展名為.swf的文件，可以保留Flash所有的動(dòng)畫(huà)功能,

因此是發(fā)布Flash動(dòng)畫(huà)的最佳途徑。單擊“Flash”標(biāo)簽，可以打

開(kāi)如圖1321所示的“Flash”選項(xiàng)卡，進(jìn)行Flash文件的參數(shù)設(shè)

置。

(1)“版本”：用于設(shè)置Flash動(dòng)畫(huà)的發(fā)布版本。

(2)“加載順序”：用于設(shè)置第1幀所在層的載入方式。

(3)“ActionScript版本”：用于設(shè)置動(dòng)作腳本的版本。

(4)“生成大小報(bào)告”：若選中該復(fù)選框，會(huì)生成一個(gè)

記錄最終輸出動(dòng)畫(huà)各部分大小的文件，圖13.2.2所示的為

“MTV”的動(dòng)畫(huà)大小報(bào)告。'

▼輸出

MTV.swf影片報(bào)告A

頓#幀學(xué)節(jié)總共字節(jié)場(chǎng)景

145329594532959場(chǎng)景（AS2.0類(lèi)導(dǎo)出幀）

214532960

314532961

414532962

514532963

6i4532964

714532965

8i4632966

914532967

1014532968

1114532969

1214532970

1314532971

1414532972

1514532973

圖13.2.1"Flash”選項(xiàng)卡圖1322“MTV”的文件大小報(bào)告

（5）“防止導(dǎo)入”：若選中該復(fù)選框，可以防止發(fā)

布的動(dòng)畫(huà)文件被別人下載到Flash程序中進(jìn)行編輯。

（6）“省略trace動(dòng)作”：若選中該復(fù)選框，將防止

別人偷窺用戶的源代碼。

（7）“允許調(diào)試”：若選中該復(fù)選框，將允許導(dǎo)出

的動(dòng)作被他人調(diào)試。

（8）“壓縮影片”：若選中該復(fù)選框，將對(duì)生成的

動(dòng)畫(huà)進(jìn)行壓縮，以減小文件。

(9)“針對(duì)FlashPlayer6r65優(yōu)化”：若選

中該復(fù)選框，將對(duì)版本進(jìn)行更新。

(10)“密碼”：用于設(shè)置密碼保護(hù)。

(IDJPEG品質(zhì)：用于將所有位圖保存為

JPEG壓縮文件并設(shè)置壓縮率。

(12)“音頻流”：用于設(shè)置輸出流式音頻

的壓縮格式和傳輸速度。

(13)“音頻事件”：用于設(shè)置輸出音頻事

件的壓縮格式和傳輸速率。?

2.GIF參數(shù)設(shè)置

GIF是Internet上最流行的圖形格式，該格式的動(dòng)

畫(huà)文件小，為網(wǎng)頁(yè)增色不少。單擊“GIF”標(biāo)簽，可以

打開(kāi)如圖13.2.3所示的“GIF選項(xiàng)卡，進(jìn)行GIF文件的

參數(shù)設(shè)置。

(1)“尺寸”：用于設(shè)置GIF文件的寬度和高度。

圖13.2.3“GIF”選項(xiàng)卡

(2)“匹配影片”：若選中該復(fù)選框，將使

“尺寸”文本框不起作用。

(3)“回放”：用于設(shè)置導(dǎo)出的GIF是靜態(tài)的

還是具有動(dòng)畫(huà)效果的。

(4)“優(yōu)化顏色”：若選中該復(fù)選框，將刪

除GIF顏色表中所有未用過(guò)的顏色。

(5)“抖動(dòng)純色”：若選中該復(fù)選框，將對(duì)

圖片中的色塊進(jìn)行抖動(dòng)處理，以防止出現(xiàn)色帶不均

勻的現(xiàn)象。"

(6)“交錯(cuò)”：若選中該復(fù)選框，當(dāng)下載,IF

文件時(shí)，可以逐漸清晰地顯示GIF圖像。’

(7)“刪除漸變”：若選中該復(fù)選框，則將所有的

漸變轉(zhuǎn)換為與漸變的第1種顏色相同的純色。

(8)“平滑”：若選中該復(fù)選框，對(duì)導(dǎo)出的GIF文件

使用消除鋸齒功能。?

(9)“透明”：用于設(shè)置是否使GIF文件的背景透明。

(10)“抖動(dòng)”：用于設(shè)置是否通過(guò)混合已有的顏色

來(lái)模擬當(dāng)前調(diào)色板中沒(méi)有的顏色。

(11)“調(diào)色板類(lèi)型”：用于設(shè)置調(diào)色板的類(lèi)型，由

于GIF調(diào)色板的顏色有限，所以必須選擇適當(dāng)?shù)恼{(diào)色板才

能使導(dǎo)出的顏色盡可能地準(zhǔn)確?！?gt;

(12)“最多顏色”：如果所設(shè)置調(diào)色板的

類(lèi)型為“最適合”或“接近Web最適色”，將激

活該選項(xiàng)，用戶可以在其文本框中設(shè)置所創(chuàng)建顏

色的最大數(shù)量。

(13)“調(diào)色板”：如果所設(shè)置調(diào)色板的類(lèi)

型為“自定義”，將激活該選項(xiàng)，用戶可以在其

文本框中輸入自定義調(diào)色板的路徑。

3.HTML參數(shù)設(shè)置

在Web瀏覽器中播放Flash時(shí)，需要一個(gè)能激活

SWF文件并指定了瀏覽器設(shè)置的HTML文檔。單擊

“HTML”標(biāo)簽，可以打開(kāi)如圖1324所示的

“HTML”選項(xiàng)卡，進(jìn)行HTML文件的參數(shù)設(shè)置。

圖13.2.4“HTML”選項(xiàng)卡

(1)“模板”：用于從已安裝的模板中選擇要使用

的模板。

(2)“信息”：?jiǎn)螕粼摪粹o，彈出“HTML模板信

息”對(duì)話框，顯示對(duì)選定模板的說(shuō)明，如圖13.2.5所示。

圖1325“HTML模板信息”對(duì)話框

(3)“檢測(cè)Flash版本”：若選中該復(fù)選框，可以

檢測(cè)用戶所用FlashPlayer的版本。

(4)“版本”：用于顯示Flash版本的檢測(cè)結(jié)果。

(5)“尺寸”：用于設(shè)置插入到HTML文件中的

Flash動(dòng)畫(huà)的寬度和高度。

(6)“開(kāi)始時(shí)暫?！保喝暨x中該復(fù)選框，則在發(fā)布

后暫停播放SWF文件。

(7)“顯示菜單”：若選中該復(fù)選框，則在用戶用

鼠標(biāo)右鍵單擊SWF文件時(shí)，會(huì)顯示一個(gè)快捷菜單。.

(8)“循環(huán)”：若選中該復(fù)選框，則當(dāng)Flash播

放到最后一幀時(shí)再?gòu)念^開(kāi)始播放。

(9)“設(shè)備字體”：若選中該復(fù)選框，將用消

除鋸齒的系統(tǒng)字體替換用戶系統(tǒng)尚未安裝的字體。

(10)“品質(zhì)”：用于設(shè)置動(dòng)畫(huà)的播放質(zhì)量。?

(11)“窗口模式”：用于設(shè)置顯示動(dòng)畫(huà)的窗口

模式，僅適用于帶有Flash控件的網(wǎng)頁(yè)瀏覽器。

(12)“HTML對(duì)齊”：用于設(shè)置動(dòng)畫(huà)在網(wǎng)頁(yè)中

的位置。

(13)“縮放”：用于設(shè)置動(dòng)畫(huà)的縮放方式。

(14)“Flash對(duì)齊”：用于設(shè)置動(dòng)畫(huà)的對(duì)齊方式。

1(15)“顯示警告消息”：若選中該復(fù)選框，可

在標(biāo)記設(shè)置發(fā)生沖突時(shí)顯示錯(cuò)誤消息。

4.JPEG參數(shù)設(shè)置

GIF是用較少的顏色創(chuàng)建簡(jiǎn)單圖像的最佳工具，但

是，如果想導(dǎo)出一個(gè)既有清晰的漸變又不受調(diào)色板限

制的圖像，則需要選擇JPEG。單擊“JPEG”標(biāo)簽，可

以打開(kāi)如圖1326所示的“JPEG”選項(xiàng)卡，進(jìn)行JPEG文

件的參數(shù)設(shè)置。.

圖1326“JPEG”選項(xiàng)卡

(1)“尺寸”：用于設(shè)置JPEG文件的寬度和高度。

(2)“匹配影片”：若選中該復(fù)選框，將使文本框

不起作用。

(3)“品質(zhì)”：用于設(shè)置導(dǎo)出的JPEG文件的壓縮量。

(4)“漸進(jìn)”：若選中該復(fù)選框，當(dāng)下載JPEG文件

時(shí)，可以逐漸清晰地顯示JPEG圖像。

5.PNG參數(shù)設(shè)置

PNG在壓縮性能、顏色容量和透明度方面

有著很大的優(yōu)勢(shì)。但是，PNG還未獲得廣泛的

支持，因此要慎用該格式。單擊“PNG”標(biāo)簽,

可以打開(kāi)如圖1327所示的“PNG”選項(xiàng)卡，進(jìn)

行PNG文件的參數(shù)設(shè)置。

發(fā)布設(shè)置

圖1327“PNG”選項(xiàng)卡

（1）“尺寸”：用于設(shè)置PNG文件的寬度和高度。

?（2）“匹配影片”：若選中該復(fù)選框，將使“尺寸”

文本框不起作用。

（3）“位深度”：用于設(shè)置導(dǎo)出圖像中顏色的數(shù)量。

（4）“優(yōu)化顏色”：若選中該復(fù)選框，將刪除PNG顏

色表中所有未用過(guò)的顏色。

（5）“抖動(dòng)純色”：若選中該復(fù)選框，則對(duì)圖像中的

色塊進(jìn)行抖動(dòng)處理，從而防止出現(xiàn)色帶不均勻的現(xiàn)象。>

（6）“交錯(cuò)”：若選中該復(fù)選框，當(dāng)下載PNG文件時(shí),

可以逐漸清晰地顯示PNG圖像。?

(7)“刪除漸變”：若選中該復(fù)選框，則將所有

的漸變轉(zhuǎn)換為與漸變的第1種顏色相同的純色。

(8)“平滑”：若選中該復(fù)選框，將對(duì)導(dǎo)出的

PNG文件使用消除鋸齒功能。

(9)“抖動(dòng)”：用于設(shè)置是否通過(guò)混合已有的顏

色來(lái)模擬當(dāng)前調(diào)色板中沒(méi)有的顏色。

(10)“調(diào)色板類(lèi)型”：用于設(shè)置調(diào)色板的類(lèi)型。

(11)“最多顏色”：如果所設(shè)置調(diào)色板的

類(lèi)型為“最適合”或“接近Web最適色”，將激

活該選項(xiàng)，用戶可以在其文本框中設(shè)置所創(chuàng)建顏

色的最大數(shù)量。

(12)“調(diào)色板”：如果所設(shè)置調(diào)色板的類(lèi)

型為“自定義”，將激活該選項(xiàng)，用戶可以在其

文本框中輸入自定義調(diào)色板的路徑。

(13)“過(guò)濾器選項(xiàng)”：用于設(shè)置在壓縮過(guò)

程中，以何種方式壓縮PNG圖像。.

6.QuickTime參數(shù)設(shè)置

使用QuickTime格式發(fā)布動(dòng)畫(huà)，可以創(chuàng)建

QuickTime影片。單擊“QuickTime”標(biāo)簽，可以打開(kāi)如

圖1328所示的“QuickTime”選項(xiàng)卡，進(jìn)行QuickTime

文件的參數(shù)設(shè)置。

圖1328“QuickTime”選項(xiàng)卡

（1）“尺寸”：用于設(shè)置QuickTime文件的寬度和高度。

（2）“匹配影片”：若選中該復(fù)選框，將使文本框不

起作用。

（3）“Alpha”：用于設(shè)置Flash動(dòng)畫(huà)在QuickTime影片中

的透明模式。

（4）“圖層”：用于設(shè)置Flash動(dòng)畫(huà)在QuickTime影片中

的位置。

（5）“聲音流”：用于設(shè)置是否按照標(biāo)準(zhǔn)的QuickTime

設(shè)置壓縮音頻。一

（6）“控制欄”：用于選擇使用哪一種QuickTime控制

器來(lái)播放QuickTime影片。'

(7)“回放”：用于設(shè)置QuickTime影片的播放方式。

)(8)“文件”：用于設(shè)置是否將Flash動(dòng)畫(huà)與導(dǎo)入的視

頻結(jié)合為一個(gè)新的QuickTime影片。

13.2.2發(fā)布預(yù)覽

在“文件”一“發(fā)布預(yù)覽”子命令中包含所有可供選擇

的文件格式，用戶可根據(jù)自己的需要進(jìn)行選擇，從而在發(fā)布

之前預(yù)覽動(dòng)畫(huà)效果，圖1329所示的為HTML格式發(fā)布效果。

默U如-OfTML)F12

Flash(￡)

HTML?

GIF@

JPEG(J)

PNG9

放映文件?

QuickTin>eI(J)

圖1329以HTML格式預(yù)覽發(fā)布效果

13.2.3發(fā)布

設(shè)置好發(fā)布參數(shù)之后，就可以發(fā)布動(dòng)畫(huà)了，選擇

“文件，，一“發(fā)布”命令或者單擊“發(fā)布設(shè)置”對(duì)話

框中的“發(fā)布”按鈕即可,如圖13210所示。

新建國(guó)）.Ctrl+N發(fā)布設(shè)置因

打開(kāi)（Q）.Ctrl+O

從站點(diǎn)打開(kāi)但）…

打開(kāi)最近的文件復(fù)）

關(guān)閉?Ctrl+W

全部關(guān)閉Ctrl+Alt+曾

保存6）Ctrl+S

保存并壓縮國(guó)）

另存為.Ctrl+Shift+S

另存為模板（I）..

全部保存

還原Q）

導(dǎo)入切

導(dǎo)出⑥

發(fā)布設(shè)置⑥）.Ctrl+Shift+F12

發(fā)布預(yù)覽國(guó)）

發(fā)布但）Shift+F12

設(shè)布嶺