第 17 章 動畫測試與匯出 著作權所有 © 旗標出版股份有限公司.

Presentation on theme: "第 17 章 動畫測試與匯出 著作權所有 © 旗標出版股份有限公司."— Presentation transcript:

1 第 17 章 動畫測試與匯出 著作權所有 © 旗標出版股份有限公司

2 本章提要 測試網頁 Flash 影片檔 (.swf) 下載速率 匯出 Flash 影片檔 (.swf)
匯出成 AVI、Quick Time 視訊檔、 Gif 動畫檔 匯出連續圖畫檔 匯出 WAV 聲音檔 匯出單一影像檔 獨立播放程式 (SAFlash Player) 與製作放映檔 (Projector)

3 測試網頁 Flash 影片檔 (.swf) 下載速率
一般測試功能 模擬下載串流 (Simulate Download) 串流圖表 (Streaming Graph) 與 影格圖表 (Frame By Frame Graph) 設定網路傳輸速率

4 一般測試功能 要測試網頁 Flash 影片檔下載速率, 請執行『控制 / 測試影片』命令 (或按 鍵) , 此命令會將 Flash 動畫匯出成 Flash 影片檔, 並立即開啟播放︰

5 一般測試功能

6 模擬下載串流 (Simulate Download)
模擬下載串流主要是以資料流量來顯示影片播放的狀況。在測試動畫時, 若是勾選『檢視 / 模擬下載』命令, 則還可以在頻寬設定面板的影格刻度上, 以綠色長條圖顯示下載的速度, 讓你比對播放速度是否有延遲現象：

7 模擬下載串流

8 模擬下載串流 上圖所呈現的意義就是「下載進度超前影片播放速度」, 因此影片在 4800 B/s (56K 數據機) 的傳送速度下可流暢地播放。若按下頻寬設定面板下載效能圖表的方塊, 左邊就會顯示出該影格 的資料 量數據：

9 串流圖表與影格圖表 頻寬設定可選擇以 2 種不同的圖表形式來顯示影片下載效能, 您可執行『檢視 / 串流圖表』或『檢視 / 影格圖表』命令來選擇。預設的串流圖表 (如上圖) 會以深、淺灰色區塊標示每個影格的資料量大小, 通常由於第 1 影格儲存了元件的內容, 所以會比其他影格來得長；而切換到影格圖表則是分條顯示出每個影格的資料量大小：

10 串流圖表與影格圖表

11 設定網路傳輸速率 在『檢視 / 下載設定』功能表中可選擇要模擬的 網路 傳輸 速率 ︰

12 匯出 Flash 影片檔 (.swf) 請執行『檔案 / 匯出 / 匯出影片』命令︰

13 關於 Flash 的發佈功能 Flash 提供了一項發佈 (Publish) 功能, 可以將檔案匯出成 Flash 影片檔, 同時產生替代影像檔, 並建立 HTML 文件等, 等於是將 Flash 動畫網頁所需的檔案一次製作完成。

14 匯出 Flash 影片檔 (.swf) 按下儲存鈕之後, 會跳出設定影片檔品質的匯出 Flash Player 交談窗, 此交談窗中的各設定項目, 我們一一說明如下︰

15 匯出 Flash 影片檔 (.swf) 版本： 載入順序︰
選擇 Flash Player 的版本。既然是在 Flash MX 2004 中製作的動畫, 當然最好選擇 Flash Player 7, 以確保動畫中若使用 Flash MX 2004 的新功能也都能正常播放。 載入順序︰ 選擇下載第 1 格影格時, 其內容的顯示順序。由下而上是由最底層的物件開始顯示, 由上而下則相反。但不管是選哪種順序, 背景色一定最先顯示。

16 匯出 Flash 影片檔 (.swf) ActionScript 版本： 產生檔案大小報表：
由於 Flash MX 2004 支援的 ActionScript 是最新的 2.0 版, 建議你選擇最新的 ActionScript 2.0, 以免無法支援一些新指令。 產生檔案大小報表： 勾選此項, 則輸出 Flash 影片檔的同時, 會產生一個純文字檔 (.txt) , 裡面記載了此動畫的每一格影格、場景、元件、以及使用字型所佔的資料量, 可用來做為修改動畫的參考：

17 產生檔案大小報表

18 匯出 Flash 影片檔 (.swf) 匯入保護︰
勾選此項, 則會將影片檔鎖住, 只能看, 不能匯入到 Flash 中編輯, 也不能在 Flash 中開啟。此功能主要是為了避免別人盜用影片檔。另外, 可配合下方的密碼欄位, 讓擁有密碼者才能將該影片檔匯入 Flash 中加以 編輯。

19 匯出 Flash 影片檔 (.swf) 忽略 trace 動作： 允許除錯：
讓動畫中 ActionScript 的 trace 指令失去效用, 以免匯出影片時, 原本只是用來除錯的輸出視窗被一再開啟。 允許除錯： 勾選此項, 則會多匯出 1 個除錯檔 (.swd), 而匯出的 Flash 影片檔則會啟動除錯工具並允許遠端進行除錯的動作。勾選此項還可配合下方的密碼欄位做權限管制。

20 匯出 Flash 影片檔 (.swf) 壓縮影片： 最佳化 Flash Player 6 r65：
選擇匯出 Flash Player 6 或 7 版本的 Flash 影片檔時, 勾選此項可將動畫加以壓縮。 最佳化 Flash Player 6 r65： 選擇匯出 Flash Player 6 版本時, 此項目才可勾選, 匯出動畫時還會將 ActionScript 做最佳化處理, 提高動畫處理效率。

21 最佳化 Flash Player 6 r65

22 匯出 Flash 影片檔 (.swf) JPEG 品質︰ 音效串流︰
按下右側設定鈕, 可設定動畫中, 同步類型為「串流」的聲音元件之壓縮格式。

23 匯出 Flash 影片檔 (.swf) MP3 壓縮格式： ADPCM

24 匯出 Flash 影片檔 (.swf) Raw 壓縮格式： 語音

25 匯出 Flash 影片檔 (.swf) 音效事件︰ 覆蓋聲音設定︰
設定動畫中, 同步類型為「事件」的聲音元件之壓縮格式, 其設定方式與音效串流相同。 覆蓋聲音設定︰ 勾選此項, 則會以此交談窗中的音效串流與音效事件設定值, 覆蓋掉原來在該動畫元件庫中為聲音個別設定的匯出品質。若不勾選, 就是以聲音在原來元件庫中的匯出品質為準。

26 匯出 Flash 影片檔 (.swf) 覆蓋聲音設定︰ 匯出裝置聲音：
但要注意, 如果在聲音屬性交談窗中將壓縮項目設為預設, 那麼即使不勾選覆蓋聲音設定項目, 也會以此處的設定為準喔！ 匯出裝置聲音： 此選項只適用於 Flash MX 2004 Professional 版本中。

27 匯出成 AVI、Quick Time 視訊檔 、Gif 動畫檔

28 匯出 AVI 視訊檔 將 Flash 動畫匯出成 AVI 視訊檔的缺點是, 檔案體積會變得很大, 而且僅能保留聲音, 並失去互動性。
要匯出 AVI 視訊檔, 請執行『檔案 / 匯出 / 匯出影片』命令, 先為檔案命名, 再將存檔類型選為 Windows AVI (*.avi), 按下儲存鈕後, Flash 會要求你做一些品質設定：

29 匯出 AVI 視訊檔

30 匯出 QuickTime 影片檔 QuickTime 是蘋果電腦公司所發展的多媒體。Flash 動畫可以匯出成 QuickTime 4 格式的, 而且 QuickTime 影片檔 (.mov) 能夠保留 Flash 動畫中的聲音以及簡單的互動內容, 檔案體積也不大, 可說是除了 Flash 影片檔外, 最適合呈現 Flash 動畫的檔案格式了。

31 匯出 QuickTime 影片檔 請執行『檔案 / 匯出 / 匯出影片』命令, 先為檔案命名, 然後再將存檔類型選為 QuickTime (*.mov), 按下儲存鈕後, Flash 會要求你做一些品質設定, 設定完後按下確定鈕即可匯出：

32 匯出 QuickTime 影片檔

33 匯出 GIF 動畫檔 GIF 動畫檔是由連續的 GIF 影像檔所構成的, 它也是目前網路上, 支援度最高、最普遍的動畫檔格式。網頁上的動態廣告 Banner 到目前為止, 還是以 GIF 動畫檔為主, 近年才開始應用 Flash 影片檔。 請執行『檔案 / 匯出 / 匯出影片』命令, 先為檔案命名, 再將存檔類型選為 GIF 動畫 (*.gif), 按下儲存鈕後, 便可於交談窗中設定動畫檔品質, 設定完後按下確定鈕即可匯出：

34 匯出 GIF 動畫檔

35 匯出連續圖畫檔 執行『檔案 / 匯出 / 匯出影片』命令, 先為檔案命名, 再將存檔類型選為名稱上有加「連續圖畫」字樣的類型, 如：點陣圖連續圖畫 (*.bmp)、JPEG 連續圖畫 (*.jpg)...等等。若匯出的是點陣圖形式的影像檔, 那麼還需要在交談窗中設定其匯出品質。

36 匯出連續圖畫檔

37 匯出連續圖畫檔

38 匯出 WAV 聲音檔 你可以單獨把 Flash 動畫中的聲音匯出成 WAV 檔, 但只有在 Flash 影片中出現的聲音才能匯出, 在元件庫中沒有使用到的聲音檔則不會被匯出。 請執行『檔案 / 匯出 / 匯出影片』命令, 將存檔類型選為 WAV Audio (*.wav), 並輸入檔名, 按下儲存鈕後, 在交談窗中設定聲音品質即可：

39 匯出 WAV 聲音檔

40 匯出單一影像檔 匯出靜態的單一影像檔 各種影像檔的品質設定 輸出靜態的 Flash 影片檔

41 匯出靜態的單一影像檔

42 匯出靜態的單一影像檔

43 各種影像檔的品質設定 JPEG 影像 (*.jpg)：
網頁上常用的點陣圖影像檔格式之一, 它支援 24 位元色彩, 採破壞性壓縮, 壓縮比例越高檔案越小, 但影像品質越 低。其影 像品質設 定交談窗 如下：

44 各種影像檔的品質設定 GIF 影像 (*.gif)： PNG (*.png)：
只支援到 256 色的點陣圖影像檔格式, 雖然色彩失真度高, 但由於產生的檔案體積小, 瀏覽器普遍支援, 所以很適合在網頁上使用。 PNG (*.png)： 支援 24 位元色彩, 是 Flash 匯出的影像檔格式中, 唯一支援透明度色彩的點陣圖影像檔。它不但可以壓縮, 而且不因壓縮而影響影像品質, 適合應用在網頁上。其品質設定如下：

45 PNG (*.png)

46 各種影像檔的品質設定 點陣圖 (*.bmp)：
是 Windows 作業系統下通用的點陣圖影像格式, Flash 最多可支援到 32 位元色彩及透明度的設定。其匯出品質設定如下：

47 各種影像檔的品質設定 Windows 中繼檔 (*.wmf)：
此為 Windows 作業系統下的影像交換格式, 可同時儲存向量圖影像與點陣圖影像資料, 適合做為 Flash 與 Windows 作業系統的向量圖影像處理軟體間的影像檔交換格式。 但用 Flash 匯出 .wmf 檔無法儲存背景色彩, 也不支援透明度色彩和漸層填色 (不過會將物件分離成多個不同色彩之物件, 來模擬漸層色, 也因此會加大檔案體積), 而優點是可以重新匯入 Flash 中編輯。

48 各種影像檔的品質設定 增強的中繼檔 (*.emf)： EPS 3.0 (*.eps)：
此為 Windows 中繼檔 (*.wmf) 的加強格式, 影像效果更勝於 .wmf 檔。 EPS 3.0 (*.eps)： 此影像格式是使用 PostScript 語言描述的向量圖影像格式, 適合做為印刷、輸出之用。Flash 可以匯出 3.0 版的 .eps 檔, 其中還會包含 1 張該影像檔的預視圖, 方便我們在使用排版軟體編輯該影像檔時, 可以預覽影像內容。

49 各種影像檔的品質設定 Adobe Illustrator (*.ai)：
這也是使用 PostScript 語言描述的向量圖影像格式。Flash 可以匯出 Adobe Illustrator 88、3.0、5.0、6.0 等 4 種版本的 .ai 檔。其中要注意的是, 88 與 3.0 版本不支援漸層填色 (不過會將物件分離成多個不同色彩之物件, 來模擬漸層色), 88、3.0、5.0 版本不支援點陣圖影像資料, 而且從 Flash 匯出的 Adobe Illustrator 影像檔都無法輸出背景色, 也不支援透明度色彩。

50 各種影像檔的品質設定 AutoCAD DXF (*.dxf)：
Flash 可以匯出 AutoCAD R10 的 .dxf 向量圖影像檔, 但只能儲存外框線, 不能儲存填色及點陣圖影像資料。由 於只有外框線資 料, 所以很適合 提供給 3D 影像 軟體使用。

51 輸出靜態的 Flash 影片檔 執行『檔案 / 匯出 / 匯出影像』命令也可以匯出 Flash 影片檔, 只不過是僅具有單一影格的靜態檔。
Flash 匯出的單一影像檔, 不論是點陣圖或向量圖, 都無法保存 Flash 動畫的互動功能和聲音, 然而靜態的 Flash 影片檔卻可以。也就是說, 靜態的 Flash 影片檔不但可以壓縮產生體積小的檔案, 影像也不失真, 又可以保有互動功能和聲音, 非常適合放在網頁 上。不過, 還是需要有安裝 Flash Player 的瀏覽器才能看到喔！

52 獨立播放程式 (SAFlash Player) 與製作放映檔 (Projector)
用發佈 (Publish) 功能製作放映檔 (Projector) 用獨立播放程式 (SAFlash Player)

53 關於獨立播放程式 (SAFlash Player)
在 Flash 中可以直接開啟 Flash 影片檔來播放。可是, 如果你在檔案總管中, 對一個 Flash 影片檔雙按滑鼠左鈕的話, 則是開啟獨立播放程式 (SAFlash Player) 來播放, 而非 Flash 哩！ 獨立播放程式就是一個獨立的 Flash 影片播放器, 讓你可以不必透過瀏覽器或 Flash, 就能觀賞 Flash 影片檔。

54 關於獨立播放程式

55 在獨立播放程式中開啟 Flash 影片 你也可以執行『開始 / 所有程式 / Macromedia / Macromedia Flash Player 7』命令, 先開啟這個資料夾, 再雙按資料夾中的 SAFlashPlayer.exe 檔, 啟動獨立播放程式, 再執行『檔案 / 開啟舊檔』命令去開啟一個 Flash 影片檔來看。

56 製作放映檔 (Projector) 由於不論是在網頁上看 Flash 影片, 還是要觀賞單一的 Flash 影片檔, 都得安裝 Flash Player、SAFlash Player 或是 Flash。因此若擔心使用者沒有現成的工具, 則可以把 Flash 影片檔製作成放映檔！因為放映檔是種執行檔 (.exe), 不需要再藉由任何軟體的輔助就能播放。製作放映檔的方法有兩種, 我們分述如下。

57 用發佈 (Publish) 功能製作 放映檔 (Projector)
請在 Flash 中執行『檔案 / 發佈設定』命令︰

58 用獨立播放程式 (SAFlash Player) 製作放映檔 (Projector)
另一種方式則是用獨立播放程式製作放映檔。請先將動畫匯出成 Flash 影片檔, 然後在檔案總管中, 雙按該 Flash 影片檔, 讓獨立播放程式播放之。接著在獨立播放程式中執行『檔案 / 產生放映檔』命令, 在另存新檔交談窗中輸入檔名, 然後存檔即可。

59 用獨立播放程式 (SAFlash Player) 製作放映檔 (Projector)