1.1.3 Animate CC新增及改進的功能

Adobe在2018年12月發布了Animate CC的新版本（版本號19.1）。與Flash相比，Animate CC擁有大量的新特性，特別是在繼續支持Flash SWF、AIR格式的同時，還會支持HTML5 Canvas、Web GL，并能通過可擴展架構去支持包括SVG在內的幾乎任何動畫格式。下面介紹一些主要的新增及改進的功能。

1．HTML5 Canvas支持

Flash的末期版本就增加了一種文檔類型——HTML5 Canvas，新的Animate CC繼續在HTML5的道路上不斷增強功能，可以創建具有圖稿、圖形及動畫等豐富內容的HTML5動畫，對HTML5內容提供本地支持。這意味著可以使用傳統的時間軸、工作區及工具來創建動畫內容，只需單擊幾次鼠標，即可創建HTML5 Canvas文檔并生成功能完善的HTML輸出。

2．Web GL支持

Web GL（Web Graphics Library）是一項在網頁瀏覽器中呈現3D畫面的技術。Animate CC可為Web GL格式提供原生支持。用戶可以在Animate CC內使用熟悉的“時間軸”“工作區”“工具”及其他功能，創建Web GL文件類型并發布Web GL內容，其中包含預設效果文件和發布設定。不過，Web GL支持暫時是實驗性質的功能，只以預覽形式提供，并且包含有限的互動功能支持。

有別于過去需要安裝瀏覽器插件，通過Web GL的技術，我們可以將3D元素與HTML元素進行混合和匹配，只需要編寫網頁代碼即可實現3D圖像的展示。Web GL可以為HTML5 Canvas提供硬件3D加速渲染，這樣Web開發人員就可以在瀏覽器中更流暢地展示3D場景和模型，甚至可以設計3D網頁游戲等。

3．轉換為其他文檔類型

不同的設備和平臺可能具有不同的文檔類型要求。為了便于將設計的動畫廣泛用于多個設備和平臺而不需要重復制作，Animate CC新增了不同文檔類型的轉換功能?？梢愿鶕O備要求，使用簡單易用的文檔類型轉換器，將動畫從一個文檔類型轉換為其他文檔類型，單擊菜單“文件”→“轉換為”命令即可選擇需要的文檔類型，如圖1-8所示。

4．舞臺增強功能

Animate CC引入了一些舞臺增強功能，如圖1-9所示，包括舞臺居中設置、剪切舞臺外部的內容、創建舞臺輪廓以指明舞臺邊界、支持舞臺透明畫布背景等。

5．新增矢量畫筆及畫筆庫

Animate CC新增了一個矢量畫筆工具，并且自帶了一個種類豐富的矢量畫筆庫，如圖1-10所示。借助矢量畫筆工具和畫筆庫，我們可以繪制各具特色的筆觸效果，從而大大增強了Animate CC的繪圖能力。

6．寬度可變的形狀描邊

Animate CC對輪廓和描邊有更完善的設置，可以將原本粗細均勻的描邊寬度設置為不均勻，根據自己的要求設置描邊的粗細變化，并且可將這種變化記錄為形狀補間。此外，Animate CC專門有一個寬度工具，類似于Illustrator，可以在描邊任意位置控制其寬度，如圖1-11所示。

7．時間軸增強功能

Animate CC對原時間軸也做了很多改進和增強，如圖1-12所示，使其更便于設計人員和動畫制作人員使用，具體改進如下。

●增強了調整時間軸視圖大小的功能，使得時間軸縮放體驗更流暢。

●顯示時間及幀編號：此功能可以更快地從幀轉換為時間，便于我們知悉當前幀所處的時間位置。

●縮放幀間距：可以更改動畫的每秒幀數（Frames Per Second，FPS），而不必更改動畫速度。在更改FPS以保持時間不變時，可使用“縮放幀間距”選項。

● 延長或縮短選定幀間距的時間：在時間軸上選擇幀間距，然后向前或向后拖動選定間距的右邊緣，時間軸上的幀會自動調整，無需對此幀間距內的其他關鍵幀進行手動調整。

● 在舞臺上平移動畫：通過使用新的“時間劃動”工具直接在舞臺上向左或向右拖動，以查看整個時間軸，類似于使用播放頭在時間軸上拖動。

8．新增虛擬攝像頭及圖層深度功能

以前，如果要制作畫面縮放和平移的效果，需要對每個圖層甚至每個對象同時進行縮放和平移，以模仿攝像頭的運動，工作煩瑣?，F在，Animate CC新增了虛擬攝像頭，直接利用它可以快速模仿鏡頭的推拉搖移效果，如圖1-13所示，它們對任何動畫都是必不可少的。其具體功能如下。

●放大感興趣的對象以獲得逼真效果：推鏡頭。

●縮小幀，使查看者可以看到更大范圍的圖片：拉鏡頭。

●修改焦點，將查看者的注意力從一個主題移到另一個主題：平移鏡頭。

●旋轉攝像頭。

●使用色調或濾鏡應用色彩效果。

在攝像頭視圖下查看作品時，看到的圖層會像正透過攝像頭來看一樣。此外，還可以對攝像頭圖層添加補間或關鍵幀。

Animate CC還引入了圖層深度及增強的攝像頭工具，它通過在不同的平面中放置資源在動畫中創建深度感，通過修改圖層深度、補間深度，并在圖層深度中引入攝像頭來創建視差效果。例如，一名游戲設計人員或開發人員，需要為游戲創造身臨其境的體驗，通過在前景和背景圖層中使用游戲的不同對象，可以控制這些對象的速度和位置；通過將攝像頭聚焦在一個恒定的焦點上，可以在不同速度下移動對象以創建三維效果。

9．全新的動畫編輯器及緩動設置

Animate CC針對補間動畫的“動畫編輯器”，可以在優化補間動畫時提供更順暢的使用體驗，有助于更輕松、集中地編輯屬性曲線。設計者可以用簡單的步驟來創建復雜且具吸引力的補間動畫，更便于模擬物件的真實運動軌跡。

此外，Animate CC提供了一組標準緩動預設，適用于傳統和形狀補間，為Animate設計人員提供靈活性，如圖1-14所示。設計人員可以從緩動預設列表中選擇某種預設，然后將其應用于補間。Animate CC還為動畫設計人員提供了自定義緩動預設并在其他項目中重復使用這些預設的功能，以便減少手動工作量和縮短時間。借助增強的自定義緩動預設，設計人員現在可以輕松地管理動畫的速度。預設和自定義緩動預設現已延伸到屬性緩動，設計人員可以針對傳統和形狀補間保存自定義緩動預設。

10．腳本增強

Flash的末期版本已增加了對HTML5 Canvas文檔的支持，并內嵌了Create JS腳本引擎，以便于開發交互式網頁動畫。Animate CC進一步增強了腳本編寫功能，如支持添加全局和第三方腳本。設計人員經常會使用適用于整個動畫的Java Script代碼。以前，設計人員無法從Flash內部設置應用于整個動畫的全局變量或腳本，但有了新版的Animate CC后，設計人員可以添加非特定于幀的全局腳本了。此外，Animate CC還增加了固定腳本功能，使用該功能可以固定動作窗口中各個腳本的標簽并相應地移動它們。此功能在設計人員還沒有將FLA文件中的代碼組織到一個集中的位置或者在使用多個腳本時是非常有用的，可以將腳本固定，以保留代碼在動作面板中的打開位置，然后在各個打開的腳本中切換。

11．HTML5 Canvas組件支持

組件提供一種功能或是一組相關的可以提高效率的可重用元素。Animate CC不僅支持與使用原Flash的組件，在其新版中也支持基于HTML5 Canvas的組件，并提供了以下新功能。

●打包、分發和安裝HTML5自定義組件。

Animate開發人員可以打包，將隨時可供使用的打包組件分發給設計人員。Animate設計人員可以安裝分發的組件，而無需進行編碼。

●對HTML5視頻組件支持“靜音”和“海報”屬性。

Animate CC新版本為HTML5視頻組件引入了兩個新屬性：“靜音”和“海報”。設計人員可以使用“靜音”屬性啟用或禁用視頻組件的音頻，并且可以使用“海報”屬性在視頻播放之前選擇靜態海報圖像。

12．使用CC庫實現協作

在新版的Animate CC中，通過CC庫可以在不同文檔中共享元件或整個動畫。這樣，多名動畫制作人員就可以實現無縫協作，從而簡化游戲或應用程序的開發流程；并且，設計人員可以通過CC庫在多個支持的應用程序（如Adobe Muse和Adobe Indesign）之間實現動畫資源的無縫導入，還可以使用鏈接的方式將庫中資源與原始資源同步。

13．自動嘴型同步

嘴型同步是指制作嘴型動畫時，讓嘴型與聲音較好地協調。Animate CC借助Adobe Sensei（一種基于深度學習和機器學習的新技術）的支持，可以讓嘴型與聲音、語調自動同步。自動嘴型同步功能可基于所選擇的語音圖層，利用已有嘴型列表（在圖形元件中繪制）并給它們標記相應的視位來實現。在圖形元件上應用自動嘴型同步功能后，Animate CC將對指定語音圖層進行分析，然后在不同位置自動創建關鍵幀，以匹配語音的發音嘴型。如果需要，可以使用常規工作流程和幀選擇器進行進一步的調整，如圖1-15所示。

14．VR創作和發布（測試版）

Animate CC引入了VR 360和VR Panorama文檔類型，我們可以輕松地創作全景或360°虛擬現實動畫這種具有吸引力的內容；此外，還可以使用虛擬現實文檔類型將3D模型內容（glb文件）導入Animate項目中，并與VR輸出交互。

15．建立圖層父子關系

Animate CC現在可以將一個圖層設置為另一個圖層的父項，以使動畫的一個圖層或對象控制另一個圖層或對象，當父圖層上的對象移動時，子圖層自動隨它一起移動。這種功能特別適合于角色動畫設計人員或游戲設計人員，使他們可以更輕松地控制人物不同部位的移動，從而加快制作動畫的時間，如圖1-16所示。

16．圖層效果

現在Animate CC可以為整個圖層或幀添加著色、濾鏡等，可將多種濾鏡效果同時應用于幀中的所有對象，包括圖形元件和形狀，而不必像以前那樣只能給影片剪輯添加濾鏡效果，因此提高了靈活性。

17．改進了與After Effects的集成

現在，Animate CC通過為After Effect提供一個插件，可以將Animate FLA文件直接導入After Effects，以將它們合成視頻或將其作為視頻進行渲染，從而取得更有創造性的效果，而且Animate的圖層層次結構在After Effects中可繼續保持。