2.5 基本動畫制作

前面的學習是制作Animate CC 2017動畫前的準備，本節將進入Animate CC 2017動畫的具體制作階段。Animate CC 2017基本動畫分為逐幀動畫、傳統補間動畫、補間形狀動畫、補間動畫和動畫預設5種類型。

2.5.1 逐幀動畫

逐幀動畫是動畫中最基本的類型，它與傳統的動畫制作方法類似，制作原理是在連續的關鍵幀中分解動畫，即使每一幀中的內容不同，然后連續播放形成動畫。

在制作逐幀動畫的過程中，需要手動制作每一個關鍵幀中的內容，因此工作量極大，動畫文件也較大，并且要求用戶有比較強的邏輯思維和一定的繪圖功底。逐幀動畫適合表現一些細膩的動畫，例如3D效果、面部表情、走路和轉身等。

1．利用外部導入方式創建逐幀動畫

外部導入方式是逐幀動畫最為常用的方法。用戶可以將在其他應用程序中創建的動畫文件或者圖形圖像序列導入Animate CC 2017軟件中。具體導入方法：執行菜單中的“文件|導入|導入到舞臺”命令，在彈出的“導入”對話框中選擇“素材及結果\2.5.1創建逐幀動畫\1.gif”文件，如圖2-118所示，單擊“打開”按鈕，然后在彈出的如圖2-119所示的提示對話框中單擊“是”按鈕，即可將序列中的全部圖片導入舞臺。此時，每一張圖片會自動生成一個關鍵幀，并存放在“庫”面板中，如圖2-120所示。

2．在Animate CC 2017中制作逐幀動畫

除了前面使用外部導入的方式創建逐幀動畫外，還可以在Animate CC 2017軟件中制作每一個關鍵幀中的內容，從而創建逐幀動畫。圖2-121為利用逐幀繪制方法制作出的人物走路的畫面分解圖。

2.5.2 傳統補間動畫

傳統補間動畫是Animate CC 2017中較為常見的基本動畫類型，使用它可以制作出對象的位移、變形、旋轉、透明度、濾鏡及色彩變化等動畫效果。

與前面介紹的逐幀動畫不同，使用傳統補間創建動畫時，只要將兩個關鍵幀中的對象制作出來即可。在兩個關鍵幀之間的過渡幀由Animate CC 2017自動創建，并且只有關鍵幀是可以進行編輯的，而各過渡幀雖然可以查看，但是不能直接進行編輯。除此之外，在制作時，還需要滿足以下條件。

●在一個動畫補間動作中至少要有兩個關鍵幀。

●兩個關鍵幀中的對象必須是同一個對象。

●兩個關鍵幀中的對象必須有一些變化，否則制作的動畫將沒有動作變化的效果。

1．創建傳統補間動畫

傳統補間動畫的創建方法有以下兩種。

（1）通過右鍵菜單創建傳統補間動畫

首先在“時間軸”面板中選擇同一圖層的兩個關鍵幀之間的任意一幀，然后單擊鼠標右鍵，從彈出的快捷菜單中選擇“創建傳統補間”命令，如圖2-122所示，這樣就在兩個關鍵幀之間創建出了傳統補間動畫，所創建的傳統補間動畫會以淺藍色背景顯示，并且在關鍵幀之間有一個箭頭，如圖2-123所示。

通過右鍵菜單除了可以創建傳統補間動畫外，還可以取消已經創建好的傳統補間動畫。具體方法：選擇已經創建的傳統補間動畫的兩個關鍵幀之間的任意一幀，然后單擊鼠標右鍵，從彈出的快捷菜單中選擇“刪除補間”命令，如圖2-124所示，即可取消補間動作。

（2）使用菜單命令創建傳統補間動畫

在使用菜單命令創建傳統補間動畫的過程中，同樣需要選擇同一圖層的兩個關鍵幀之間的任意一幀，然后執行菜單中的“插入|補間動畫”命令；如果要取消已經創建好的傳統補間動畫，可以選擇已經創建的傳統補間動畫的兩個關鍵幀之間的任意一幀，然后執行菜單中的“插入|刪除補間”命令。

2．傳統補間動畫屬性設置

無論使用前面介紹的哪種方法創建補間動畫，都可以通過“屬性”面板進行動畫的各項設置，從而使其更符合動畫需要。選擇已經創建的傳統補間動畫的兩個關鍵幀之間的任意一幀，然后調出“屬性”面板，如圖2-125所示，在其“補間”選項中設置動畫的運動速度、旋轉方向與旋轉次數等屬性。

（1）緩動

默認情況下，過渡幀之間的變化速率是不變的，在此可以通過“緩動”選項逐漸調整變化速率，從而創建出更為自然的由慢到快的加速或由快到慢的減速效果，默認值為0，取值范圍為-100～+100，負值為加速動畫，正值為減速動畫。

（2）緩動編輯

單擊“緩動”選項右側的按鈕，在彈出的“自定義緩入/緩出”對話框中可以設置過渡幀更為復雜的速度變化，如圖2-126所示。其中，幀由水平軸表示，變化的百分比由垂直軸表示，第1個關鍵幀表示為0%，最后1個關鍵幀表示為100%。對象的變化速率用曲線圖中的速率曲線表示，曲線水平時（無斜率），變化速率為0；曲線垂直時，變化速率最大。

（3）旋轉

“旋轉”用于設置對象旋轉的動畫，單擊右側的按鈕，會彈出如圖2-127所示的下拉列表框，當選擇“順時針”或“逆時針”選項時，可以創建順時針或逆時針旋轉的動畫。在下拉列表框的右側還有一個參數設置，用于設置對象旋轉的次數。

（4）貼緊

勾選“貼緊”復選框，可以將對象緊貼到引導線上。

（5）同步

勾選“同步”復選框，可以使圖形元件實例的動畫和主時間軸同步。

（6）調整到路徑

在制作運動引導線動畫時，勾選“調整到路徑”復選框，可以使動畫對象沿著運動路徑運動。

（7）縮放

勾選“縮放”復選框，可以改變對象的大小。

2.5.3 補間形狀動畫

補間形狀動畫用于創建形狀變化的動畫效果，使一個形狀變成另一個形狀，同時可以設置圖形的形狀位置、大小和顏色的變化。

補間形狀動畫的創建方法與傳統補間動畫類似，只要創建出兩個關鍵幀中的對象，其他過渡幀便可通過Animate CC 2017自己制作出來。當然，創建補間形狀動畫還需要滿足以下條件。

●在一個補間形狀動畫中至少要有兩個關鍵幀。

●兩個關鍵幀中的對象必須是可編輯的圖形，如果是其他類型的對象，則必須將其轉換為可編輯的圖形。

●兩個關鍵幀中的圖形必須有一些變化，否則制作的動畫將沒有動作變化的效果。

1．創建補間形狀動畫

當滿足了以上條件后，就可以制作補間形狀動畫。與創建傳統補間動畫類似，創建補間形狀動畫也有兩種方法。

（1）通過右鍵菜單創建補間形狀動畫

選擇同一圖層的兩個關鍵幀之間的任意一幀，然后單擊鼠標右鍵，從彈出的快捷菜單中選擇“創建補間形狀”命令，如圖2-128所示，這樣就在兩個關鍵幀之間創建出了補間形狀動畫，所創建的補間形狀動畫會以淺綠色背景進行顯示，并且在關鍵幀之間有一個箭頭，如圖2-129所示。

提示：如果創建后的補間形狀動畫以一條綠色背景的虛線段表示，則說明補間形狀動畫沒有創建成功，原因是兩個關鍵幀中的對象可能沒有滿足創建補間形狀動畫的條件。

如果要刪除創建的補間形狀動畫，其方法與前面介紹的刪除傳統補間動畫相同。只要選擇已經創建的補間形狀動畫的兩個關鍵幀之間的任意一幀，然后單擊鼠標右鍵，從彈出的快捷菜單中選擇“刪除補間”命令即可。

（2）使用菜單命令創建補間形狀動畫

與前面制作傳統補間動畫的方法相同，首先要選擇同一圖層的兩個關鍵幀之間的任意一幀，然后執行菜單中的“插入|補間形狀”命令，即可在兩個關鍵幀之間創建補間形狀動畫；如果要取消已經創建好的補間形狀動畫，可以選擇已經創建的補間形狀動畫的兩個關鍵幀之間的任意一幀，然后執行菜單中的“插入|刪除補間”命令即可。

2．補間形狀動畫屬性設置

補間形狀動畫的屬性同樣可以通過“屬性”面板的“補間”選項進行設置。首先選擇已經創建的補間形狀動畫的兩個關鍵幀之間的任意一幀，然后調出“屬性”面板，如圖2-130所示，在其“補間”選項中設置動畫的運動速度、混合等屬性即可。其中的“緩動”參數設置請參考前面介紹的傳統補間動畫。

“混合”下拉列表中有“分布式”和“角形”兩個選項可供選擇。其中，“分布式”選項創建的動畫中間形狀更為平滑和不規則；“角形”選項創建的動畫中間形狀會保留有明顯的角和直線。

3．使用形狀提示控制形狀變化

在制作補間形狀動畫時，如果要控制復雜的形狀變化，那么就會出現變化過程雜亂無章的情況，這時可以通過執行菜單中的“修改|形狀|添加形狀提示”命令，為動畫中的圖形添加形狀提示點，通過形狀提示點可以指定圖形如何變化，并且可以控制更加復雜的形狀變化。

2.5.4 補間動畫

補間動畫不僅可以大大簡化Animate CC 2017動畫的制作過程，而且還提供了更大程度的控制。在Animate CC 2017中，補間動畫是一種基于對象的動畫，不再是作用于關鍵幀，而是作用于動畫元件本身，從而使Animate CC 2017的動畫制作更加專業。

1．補間動畫與傳統補間動畫的區別

Animate CC 2017軟件支持傳統補間動畫和補間動畫兩種不同的補間動畫類型，它們之間存在以下差別。

●傳統補間動畫是基于關鍵幀的動畫，是通過兩個關鍵幀中兩個對象的變化來創建的動畫，其中關鍵幀是顯示對象實例的幀；而補間動畫是基于對象的動畫，整個補間范圍只有一個動畫對象，動畫中使用的是屬性關鍵幀，而不是關鍵幀。

●補間動畫在整個補間范圍上只有一個對象。

●補間動畫和傳統補間動畫都只允許對特定類型的對象進行補間。如果應用補間動畫，則在創建補間時會將所有不允許的對象類型轉換為影片剪輯元件，而應用傳統補間動畫會將這些對象類型轉換為圖形元件。

●補間動畫會將文本視為可補間的類型，而不會將文本對象轉換為影片剪輯；傳統補間動畫則會將文本對象轉換為圖形對象。

●補間動畫不允許在動畫范圍內添加幀標簽，而傳統補間動畫則允許在動畫范圍內添加幀標簽。

●補間目標上的任何對象腳本都無法在補間動畫的過程中更改。

● 在時間軸中可以將補間動畫范圍視為對單個對象進行拉伸和調整大小，而傳統補間動畫則是對補間范圍的局部或整體進行調整。

●如果要在補間動畫范圍中選擇單個幀，必須按住〈Ctrl〉鍵單擊該幀，而傳統補間動畫中的單幀只需要直接單擊即可選擇。

●對于傳統補間動畫，緩動可應用于補間內關鍵幀之間的幀；對于補間動畫，緩動可應用于補間動畫范圍的整個長度，如果僅對補間動畫的特定幀應用緩動，則需要創建自定義緩動曲線。

●只能使用補間動畫來為3D對象創建動畫效果，而不能使用傳統補間動畫為3D對象創建動畫效果。

●只有補間動畫才能保存為預設。

● 補間動畫中屬性關鍵幀無法像傳統補間動畫那樣，對動畫中單個關鍵幀的對象應用交互元件的操作，而是將整體動畫應用于交互的元件。補間動畫也不能在“屬性”面板的“循環”選項下設置圖形元件的“單幀”數。

2．創建補間動畫

與前面的傳統補間動畫一樣，補間動畫對于創建對象的類型也有所限制，只能應用于元件的實例和文本字段。如果沒有元件，將會彈出一個用于提示是否將選擇的對象轉換為元件的提示框，如圖2-131所示。

在創建補間動畫時，對象所處的圖層類型可以是系統默認的常規圖層，也可以是比較特殊的引導層、遮罩層或被遮罩層。在創建補間動畫后，如果原圖層是常規圖層，那么它將成為補間圖層；如果是引導層、遮罩層或被遮罩層，那么它將成為補間引導圖層、補間遮罩圖層或補間被遮罩圖層。

創建補間動畫有以下兩種方法。

（1）通過右鍵菜單創建補間動畫

在“時間軸”面板中選擇某幀，或者在舞臺中選擇對象，然后單擊鼠標右鍵，從彈出的快捷菜單中選擇“創建補間動畫”命令，如圖2-132所示，即可創建補間動畫，如圖2-133所示。

如果要刪除創建的補間動畫，可以在“時間軸”面板中選擇已經創建補間動畫的幀，或者在舞臺中選擇已經創建補間動畫的對象，然后單擊鼠標右鍵，從彈出的快捷菜單中選擇“刪除補間”命令。

（2）使用菜單命令創建補間動畫

除了使用右鍵菜單創建補間動畫外，Animate CC 2017還提供了創建補間動畫的菜單命令。利用創建補間動畫的菜單命令創建補間動畫的方法：首先在“時間軸”面板中選擇某幀，或者在舞臺中選擇對象，然后執行菜單中的“插入|補間動畫”命令。

3．在舞臺中編輯屬性關鍵幀

在Animate CC 2017中，“關鍵幀”和“屬性關鍵幀”的性質不同。其中，“關鍵幀”是指舞臺上實實在在有動畫對象的幀，而“屬性關鍵幀”則是指補間動畫的特定時間或幀中為對象定義了屬性值。

在舞臺中可以通過變形面板或工具箱上的各種工具進行屬性關鍵幀的各項編輯，包括位置、大小、旋轉和傾斜等。如果補間對象在補間過程中更改舞臺位置，那么在舞臺中將顯示補間對象在舞臺上移動時所經過的路徑，此時，可以通過工具箱上的（選擇工具）、（部分選取工具）、（任意變形工具）以及變形面板編輯補間的運動路徑。

4．使用“動畫編輯器”調整補間動畫

在Animate CC 2017中通過動畫編輯器可以查看所有補間屬性和屬性關鍵幀，從而對補間動畫進行全面細致的控制。在“時間軸”面板中雙擊補間動畫中任意一幀，進入如圖2-134所示的“動畫編輯器”。

在“動畫編輯器”中，通過在右側網格曲線中單擊鼠標右鍵，從彈出的快捷菜單中選擇相關命令，可以對曲線進行復制、粘貼、翻轉、反轉等操作。另外單擊（在圖形上添加錨點）按鈕，可以在曲線上添加錨點來改變運動軌跡，如圖2-135所示。單擊（適應視圖大小）按鈕，可以讓曲線網格界面適應當前的時間軸面板大小，如圖2-136所示。單擊（為選定屬性適用緩動）按鈕，在彈出的圖2-137所示的面板左側可以選擇各種緩動選項，也可以通過添加錨點來自定義緩動曲線。

5．在“屬性”面板中編輯屬性關鍵幀

除了可以使用前面介紹的方法編輯屬性關鍵幀外，還可以通過“屬性”面板進行一些編輯。首先在“時間軸”面板中將播放頭拖動到某幀處，然后選擇已經創建好的補間范圍，展開“屬性”面板，顯示“補間動畫”的相關設置，如圖2-138所示。

●緩動：用于設置補間動畫的變化速率，可以在右側直接輸入數值進行設置。

●旋轉：用于顯示當前屬性關鍵幀是否旋轉，以及旋轉的次數、角度。

方向：用于設置旋轉的方向。

●路徑：如果當前選擇的補間范圍中的補間對象已經更改了舞臺位置，則可以在此設置補間運動路徑的位置和大小。其中，X和Y分別代表“屬性”面板第1幀對應的屬性關鍵幀中對象的X軸和Y軸位置；寬度和高度用于設置運動路徑的寬度和高度。

●選項：勾選“同步圖形元件”復選框，會重新計算補間的幀數，從而匹配時間軸上分配給它的幀數，使圖形元件的動畫和主時間軸同步。

2.5.5 動畫預設

動畫預設提供了預先設置好的一些補間動畫，可以直接將它們應用于舞臺對象，當然也可以將自己制作好的一些比較常用的補間動畫保存為自定義預設，以便于與他人共享后，在以后工作中可以直接調用，從而節省動畫制作時間，提高工作效率。

在Animate CC 2017中，動畫預設的各項操作是通過“動畫預設”面板進行的，執行菜單中的“窗口|動畫預設”命令，可以調出“動畫預設”面板，如圖2-139所示。

1．應用動畫預設

通過單擊“動畫預設”面板中的按鈕，可以將動畫預設應用于一個選定的幀或不同圖層上的多個選定幀。其中，每個對象只能應用一個預設，如果第二個預設應用于相同的對象，那么第二個預設將替換第一個預設。應用動畫預設的操作很簡單，具體步驟如下。

1）首先在舞臺上選擇需要添加動畫預設的對象。

2）在“動畫預設”面板的“預設列表”中選擇需要應用的預設，此時通過上方的“預覽窗口”可以預覽選定預設的動畫效果。

3）選擇合適的動畫預設后，單擊“動畫預設”面板下方的按鈕，即可將所選預設應用到舞臺中被選擇的對象上。

提示：在應用動畫預設時需要注意，在“預設列表”中的各3D動畫的動畫預設只能應用于影片剪輯元件，而不能應用于圖形或按鈕元件，也不適用于文本字段。因此，如果要對選擇對象應用各3D動畫的動畫預設，需要將其轉換為影片剪輯元件。

2．將補間另存為自定義動畫預設

除了可以將Animate CC 2017對象進行動畫預設的應用外，Animate CC 2017還允許將已經創建好的補間動畫另存為新的動畫預設，以便以后調用。這些新的動畫預設會存放在“動畫預設”面板中的“自定義預設”文件夾內。將補間另存為自定義動畫預設的操作可以通過“動畫預設”面板下方的（將選區另存為預設）按鈕來完成。具體操作步驟如下。

1）選擇“時間軸”面板中的補間范圍，或者選擇舞臺中應用了補間的對象。

2）單擊“動畫預設”面板下方的（將選區另存為預設）按鈕，此時會彈出“將預設另存為”對話框，在其中設置另存預設的名稱，如圖2-140所示。

3）單擊“確定”按鈕，即可將選擇的補間另存為預設，并存放在“動畫預設”面板中的“自定義預設”文件夾中，如圖2-141所示。

3．創建自定義預設的預覽

將所選補間另存為自定義動畫預設后，在“動畫預設”面板的“預覽窗口”中是無法正常顯示效果的。如果要預覽自定義的效果，可以執行以下操作。

1）首先創建補間動畫，并將其另存為自定義預設。

2）創建一個只包含補間動畫的.fla文件。注意要使用與自定義預設完全相同的名稱，并將其保存為.fla格式的文件，然后通過“發布”命令為該.fla文件創建.swf文件。

3）將剛才創建的.swf文件放置在已保存的自定義動畫預設XML文件所在的目錄中。如果用戶使用的是Windows系統，那么可以放置在如下目錄中：<硬盤>\Program Files\Adobe\Adobe Animate CC 2017\Common\Configuration/Motion Presets。

4）重新啟動Animate CC 2017，此時選擇“動畫預設”面板的“自定義預設”文件夾中的相應自定義預設，即可在“預覽窗口”中進行預覽了。