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

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

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

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

?本章小結(jié)

?習(xí)題十三

Back<

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

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

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

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

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

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

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

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

試環(huán)境。

Back<

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

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

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

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

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

13.1.2所小o

打亡）0面＜

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

2.測(cè)試聲音

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

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

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

欄”-“控制器”命令，打開“控制器”面板（見圖

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

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

控制器面板

了lacroBediaFlashProfessional8-[ITV.fla*]B0?

控制器面板

圖1313控制器面板

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

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

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

即可。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

名稱不同

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

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

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

名稱不同

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

MTV同桌的你

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

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

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

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

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

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

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

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

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

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

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

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

Back<

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

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

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

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

置。

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

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

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

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

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

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

▼輸出

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

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

145329594532959場(chǎng)景（AS2.0類導(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)畫文件被別人下載到Flash程序中進(jìn)行編輯。

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

別人偷窺用戶的源代碼。

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

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

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

動(dòng)畫進(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)

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

打開如圖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)畫效果的。

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

除GIF顏色表中所有未用過的顏色。

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

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

勻的現(xiàn)象。"

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

文件時(shí)，可以逐漸清晰地顯示GIF圖像?！?/p>

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

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

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

使用消除鋸齒功能。?

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

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

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

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

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

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

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

類型為“最適合”或“接近Web最適色”，將激

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

色的最大數(shù)量。

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

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

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

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

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

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

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

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

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

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

的模板。

(2)“信息”：單擊該按鈕，彈出“HTML模板信

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

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

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

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

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

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

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

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

后暫停播放SWF文件。

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

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

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

放到最后一幀時(shí)再從頭開始播放。

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

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

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

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

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

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

的位置。

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

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

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

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

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

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

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

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

以打開如圖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)簽,

可以打開如圖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顏

色表中所有未用過的顏色。

（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è)置是否通過混合已有的顏

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

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

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

類型為“最適合”或“接近Web最適色”，將激

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

色的最大數(shù)量。

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

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

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

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

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

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

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

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

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

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

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

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

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

起作用。

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

的透明模式。

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

的位置。

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

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

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

器來播放QuickTime影片。'

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

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

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

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

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

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

之前預(yù)覽動(dòng)畫效果，圖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)畫了，選擇

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

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

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

打開（Q）.Ctrl+O

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

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

關(guān)閉?Ctrl+W

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

保存6）Ctrl+S

保存并壓縮國）

另存為.Ctrl+Shift+S

另存為模板（I）..

全部保存

還原Q）

導(dǎo)入切

導(dǎo)出⑥

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

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

發(fā)布但）Shift+F12

設(shè)布嶺