- Animate CC 2017中文版基礎與實例教程(第6版)
- 張凡等編著
- 2624字
- 2020-09-18 18:08:17
2.9 優化、測試和發布動畫
Animate CC 2017動畫制作完成后,在發布之前可以根據需要,對動畫進行適當的優化處理,還可以根據播放環境的需要將其輸出為多種格式。例如,可以輸出為適合網絡播放的.swf和.html格式,也可以輸出為非網絡播放的.avi和.mov格式,還可以輸出為.exe的Windows放映格式。
2.9.1 優化動畫
優化動畫主要是為了減小動畫文件的大小,從而縮短動畫下載和回放時間。
(1)整體優化動畫
對于整個動畫,主要有以下幾種方式對其進行整體優化。
● 對于重復使用的元素,最好將其轉換為元件、動畫或者其他對象。
● 限制每個關鍵幀中的改變區域,在盡可能小的區域中執行動作。
● 在制作動畫時,盡可能使用補間動畫。
● 對于動畫序列,最好使用影片剪輯元件而不是圖形元件。
● 對于音頻,盡可能使用MP3這種占用空間小的格式。
(2)優化顏色
優化顏色對動畫播放效果起著十分重要的作用,有時用戶會發現本地播放動畫的顏色效果與瀏覽器上播放的顏色效果不一致,這時用戶需對動畫顏色進行優化調整。優化顏色有以下幾種方式。
● 使用“顏色”面板調色,從而使文檔的調色板與瀏覽器專用的調色板相匹配。
● 盡量減少漸變色的使用。
● 盡量減少Alpha透明度的使用。
(3)優化文本、字體和線條
除了可以對整體影片和顏色進行優化外,用戶還可以對文本、字體和線條進行優化。優化文本、字體和線條有以下幾種方式。
●盡可能使用同一種字體,減少嵌入字體的使用。如果要使用嵌入字體,則對于“嵌入”字體選項只勾選需要的字符,而不要包括所有字體。
● 盡可能減少諸如虛線、點狀線、鋸齒狀線之類的特殊線條的使用。
● 盡量使用矢量的“鋼筆工具”繪制線條。
(4)使用運行時共享庫
用戶可以使用運行時共享庫來縮短下載時間,對于較大的應用程序使用相同的組件或元件時,這些庫通常是必需的。庫將放在用戶計算機的緩存中,所有后續SWF文件將使用該庫,對于較大的應用程序,這一過程可以縮短下載時間。
(5)優化動作腳本
在Aniamte CC 2017中可以使用“發布設置”命令對需要優化的動作腳本進行優化操作。執行菜單中的“文件|發布設置”命令,在彈出的“發布設置”對話框中勾選“省略trace語句”復選框,如圖2-186所示,然后單擊“確定”按鈕,即可完成動作腳本的優化。

圖2-186 “發布設置”對話框
2.9.2 測試動畫
在Animate CC 2017中可以通過多種方式對動畫進行測試,查看制作的動畫是否符合要求。
(1)測試場景
如果制作了多個場景的動畫文件,執行菜單中的“控制|測試場景”命令,即可測試播放當前編輯的場景。
(2)直接測試影片
執行菜單中的“控制|測試”(快捷鍵〈Ctrl+Enter〉)命令,即可對動畫進行直接測試。
(3)在瀏覽器中測試影片
執行菜單中的“控制|測試影片|在瀏覽器中”命令,即可通過瀏覽器來瀏覽制作的動畫。
(4)清除發布緩存
在AnimateCC2017中,如果發布的文件過多,就會影響計算機的運行速度,此時可以對發布的緩存文件進行清理操作。執行菜單中的“控制|清除發布緩存”命令,即可清除發布緩存文件。
2.9.3 發布動畫
在Animate CC 2017中,不僅可以將制作的動畫發布為默認的SWF格式以及在瀏覽器窗口所需的HTML文檔,還可以將其導出為動態圖像和靜態圖像。此外,還可以將其導出為QuickTime(mov)視頻格式。
(1)發布SWF格式
將Animate CC 2017中制作的動畫發布為SWF文件,不是通過直接發布Animate CC2017動畫來完成的,而是通過發布設置來完成。具體操作步驟如下。
1)執行菜單中的“文件|發布設置”命令,打開“發布設置”對話框,如圖2-187所示。
2)在“發布設置”對話框中左側確認勾選“Flash(.swf)”復選框,然后單擊“目標”右側下拉列表框,從中選擇相應的Flash Player版本選項,如圖2-188所示。

圖2-187 “發布設置”對話框

圖2-188 選擇相應的Flash Player版本選項
3)單擊“輸出文件”右側的按鈕,從彈出的對話框中設置發布文件的路徑和名稱,如圖2-189所示,單擊“保存”按鈕,返回“發布設置”對話框。

圖2-189 設置發布文件的路徑和名稱
4)在“JPEG品質”右側設置動畫中JPEG壓縮比例,然后在“音頻流”和“音頻事件”右側設置采樣率、壓縮比特率以及品質。
5)單擊“發布”按鈕,即可將動畫文件發布為.swf格式的文件。
(2)發布HTML格式
發布為HTML網頁格式的具體操作步驟如下。
1)執行菜單中的“文件|發布設置”命令,打開“發布設置”對話框。
2)在“發布設置”對話框中左側確認勾選“HTML包裝器”復選框,如圖2-190所示,然后單擊“目標”右側下拉列表框,從中選擇相應的Flash Player版本選項。

圖2-190 “發布設置”對話框
3)單擊“輸出文件”右側的按鈕,從彈出的對話框中設置發布文件的路徑和名稱,單擊“保存”按鈕,返回“發布設置”對話框。
4)單擊“模板”右側下拉列表,從中選擇“僅Flash-允許全屏”選項,如圖2-191所示。
5)單擊“品質”右側下拉列表,從中可以選擇HTML顯示品質,此時選擇的是“高”選項,如圖2-192所示。
6)單擊“窗口模式”右側下拉列表,從中可以選擇窗口的顯示模式,此時選擇的是“透明無窗口”選項,如圖2-193所示。

圖2-191 選擇“僅Flash-允許全屏”選項

圖2-192 選擇“高”選項

圖2-193 選擇“透明無窗口”選項
7)單擊“縮放”右側下拉列表,從中可以選擇影片縮放方式,此時選擇的是“精確匹配”選項,如圖2-194所示。
8)單擊“HTML對齊”右側下拉列表,從中可以選擇網頁對齊方式,此時選擇的是“頂部”選項,如圖2-195所示。

圖2-194 選擇“精確匹配”選項

圖2-195 選擇“頂部”選項
9)單擊“發布”按鈕,即可將動畫文件發布為.html格式的文件。
(3)導出圖像
Animate CC 2017可以將動畫導出為動態圖像和靜態圖像,一般導出的動態圖像為GIF格式,導出的靜態圖像為JPEG格式。
1)導出GIF動態圖像。方法:執行菜單中的“文件|導出|導出圖像”命令,然后在彈出的“導出圖像”對話框選擇“GIF”格式,如圖2-196所示,接著設置“名稱”“顏色”和“圖像大小”等參數后,單擊“保存”按鈕。最后在彈出的“另存為”對話框中設置文件保存的路徑和名稱,如圖2-197所示,單擊“保存”按鈕,即可完成GIF動態圖像的導出。

圖2-196 選擇“GIF”格式

圖2-197 設置文件保存的路徑和名稱
2)導出JPEG格式靜態圖像。方法:執行菜單中的“文件|導出|導出圖像”命令,然后在彈出的“導出圖像”對話框選擇“JPEG”格式,如圖2-198所示,接著設置“名稱”“品質”和“圖像大小”等參數后,單擊“保存”按鈕。最后在彈出的“另存為”對話框中設置文件保存的路徑和名稱,單擊“保存”按鈕,即可完成JPEG靜態圖像的導出。

圖2-198 選擇“JPEG”格式
(4)導出.mov格式的視頻
將Animate CC 2017中制作的動畫導出為.mov格式的視頻文件的具體操作步驟如下。
1)執行菜單中的“文件|導出|導出視頻”命令,在彈出的“導出視頻”對話框中設置設置相應參數,如圖2-199所示。

圖2-199 “導出視頻”對話框
2)單擊“導出”按鈕,即可將動畫文件發布為.mov格式的視頻文件。