軟件介紹

Animate CC2019是一款由Adobe推出的網(wǎng)頁動(dòng)畫設(shè)計(jì)軟件，它擁有非常豐富的功能，同時(shí)支持flash和html5，可以幫助用戶輕松制作出適用于網(wǎng)頁、游戲和應(yīng)用程序的交互式動(dòng)畫。這里為大家?guī)�來綠色特別的Animate CC2019，有需要的用戶敬請(qǐng)下載。

特色功能

1、支持導(dǎo)出為 GL 傳輸格式

在An cc2019中可以導(dǎo)出新的 glTF 標(biāo)準(zhǔn)動(dòng)畫，還可以在 Facebook 源和 Microsoft Office 套件上運(yùn)行。

2、自動(dòng)對(duì)口型

An cc2019新增了 Adobe Sensei 支持的自動(dòng)對(duì)口型功能，用戶可以讓口型與聲音語調(diào)自動(dòng)同步。

2、直觀簡(jiǎn)潔的用戶界面

An cc2019的UI 已使用 Spectrum 框架進(jìn)行更新，因此可以和我們的其他 Creative Cloud 工具一樣直觀明了。

3、支持 MS Surface 觸控筆

Microsoft Surface 用戶現(xiàn)在可以獲得最佳表現(xiàn)和線條品質(zhì)，因?yàn)榫哂斜緳C(jī)支持的觸控筆。

4、改進(jìn)了與After Effects的集成

A cc2019簡(jiǎn)化了將動(dòng)畫導(dǎo)入After Effects進(jìn)行合成的方式，并且添加了特殊效果，使該過程更加精確、快速。

5、改進(jìn)的紋理發(fā)布

通過基于紋理的內(nèi)容創(chuàng)建動(dòng)畫時(shí)可以處理矢量?jī)?nèi)容，然后原樣導(dǎo)出或?qū)С鰹檫m用于HTML5 平臺(tái)的高性能光柵內(nèi)容。

6、更全面地控制圖層

通過在父子圖層中組織資源可以輕松地在不同動(dòng)作之間生成動(dòng)畫，當(dāng)父圖層上的對(duì)象移動(dòng)時(shí)，子圖層也會(huì)自動(dòng)隨之移動(dòng)。

7、支持MS Surface觸控筆

An cc2019新增了本機(jī)支持的觸控筆，Microsoft Surface用戶可以獲得最佳表現(xiàn)和完美的線條品質(zhì)。

8、可將作品發(fā)布到多個(gè)平臺(tái)

通過將動(dòng)畫導(dǎo)出到多個(gè)平臺(tái)，包括HTML5 Canvas、WebGL、Flash/Adobe AIR等平臺(tái)】，然后把作品傳送到觀眾的桌面、移動(dòng)設(shè)備和電視上，還可以在項(xiàng)目中包含代碼，甚至無需編寫代碼即可添加操作。

安裝教程

1、從本站下載Adobe Animate CC 2019的安裝包，右擊安裝包選擇“解壓到An CC2019”。

2、解壓完畢后，雙擊打開“An CC2019”文件夾。

3、選中“Set-up.exe”文件，右擊選擇“以管理員身份運(yùn)行”。

4、有Adobe賬號(hào)的用戶可以直接輸入賬號(hào)密碼登錄，沒有的用戶點(diǎn)擊“獲取Adobe ID”。

5、填寫自己的注冊(cè)信息，然后點(diǎn)擊“注冊(cè)”。

6、正在安裝中，用戶需要稍等片刻。

7、選擇出生日期，點(diǎn)擊“更新”按鈕。

8、之后點(diǎn)擊“退出 Animate CC”按鈕即可。

自定義快捷鍵

1、首先我們啟動(dòng)軟件。

2、然后我們點(diǎn)擊菜單欄的編輯命令。

3、接下來我們點(diǎn)擊快捷鍵命令。

4、此時(shí)將會(huì)彈出此窗口。

5、此時(shí)我們可以給沒有的命令添加命令。

6、我們可以將其復(fù)制到剪貼板，然后我們點(diǎn)擊確定即可。

使用教程

啟動(dòng)Animate CC軟件，新建一個(gè)【HTML5 Canvas】文檔，這里用的是 Animate CC 2019版本。

元件：是指創(chuàng)建一次即可多次重復(fù)使用的圖形、按鈕、影片剪輯或文本。

在實(shí)例中，我們將創(chuàng)建的立體球形轉(zhuǎn)換成元件。

關(guān)鍵幀：是指時(shí)間軸中其元件實(shí)例首次出現(xiàn)在舞臺(tái)上的一個(gè)幀。

實(shí)例中第一幀便是關(guān)鍵幀，記錄了小球最初的狀態(tài)。我們?cè)僭诘谑畮�新建一個(gè)關(guān)鍵幀，并把小球移到地面。這時(shí)，第二個(gè)關(guān)鍵幀便記錄了小球掉落到地面的最新狀態(tài)。

接下來，我們用同樣的方法創(chuàng)建第三個(gè)關(guān)鍵幀，并通過【任意變形工具】適當(dāng)調(diào)整下小球的形狀，表示小球落地后產(chǎn)生的彈性形變。

使用 Alt+拖動(dòng) (Windows) 或 Option+拖動(dòng) (Mac) 的方式，復(fù)制第二個(gè)關(guān)鍵幀到第三關(guān)鍵幀，第一個(gè)關(guān)鍵幀到最后一個(gè)關(guān)鍵幀，表示小球彈起后到狀態(tài)。完成后再適當(dāng)調(diào)整各個(gè)關(guān)鍵幀到時(shí)間間隔。

補(bǔ)間動(dòng)畫：Animate CC 可以創(chuàng)建兩種類型的補(bǔ)間動(dòng)畫：補(bǔ)間動(dòng)畫和傳統(tǒng)補(bǔ)間。補(bǔ)間動(dòng)畫是一種使用元件的動(dòng)畫，用來創(chuàng)建運(yùn)動(dòng)、大小和旋轉(zhuǎn)的變化、淡化以及顏色效果。傳統(tǒng)補(bǔ)間是指在 Flash CS3 和更早版本中使用的補(bǔ)間，在 Animate 中予以保留主要是用于過渡目的，傳統(tǒng)補(bǔ)間與補(bǔ)間動(dòng)畫類似，但是創(chuàng)建起來更復(fù)雜。傳統(tǒng)補(bǔ)間允許一些特定的動(dòng)畫效果，使用基于范圍的補(bǔ)間不能實(shí)現(xiàn)這些效果。

到這里，動(dòng)畫已基本實(shí)現(xiàn)，現(xiàn)在需要調(diào)整下細(xì)節(jié)。小球在物理掉落過程中每個(gè)階段速度是不一樣的。掉落時(shí)會(huì)有一個(gè)加速，彈起時(shí)會(huì)出現(xiàn)減速動(dòng)作。我們使用【動(dòng)畫屬性檢查器】分別給掉落和彈起兩個(gè)階段的補(bǔ)間動(dòng)畫加上預(yù)設(shè)的【緩動(dòng)】，讓動(dòng)畫看起來更加自然。

這樣我們就完成了一個(gè)簡(jiǎn)單的動(dòng)畫制作。最后一步我們把它導(dǎo)出成 HTML5 Canvas動(dòng)畫。

發(fā)布成功后，我們按照設(shè)置的路徑打開文件夾，發(fā)現(xiàn)已經(jīng)自動(dòng)生產(chǎn)了如下的幾個(gè)文件：

雙擊打開AN_test.html，你就能看到剛才創(chuàng)作的的動(dòng)畫了。是不是非常簡(jiǎn)單。