2.5 基本動(dòng)畫制作

前面的學(xué)習(xí)是制作Animate CC 2017動(dòng)畫前的準(zhǔn)備，本節(jié)將進(jìn)入Animate CC 2017動(dòng)畫的具體制作階段。Animate CC 2017基本動(dòng)畫分為逐幀動(dòng)畫、傳統(tǒng)補(bǔ)間動(dòng)畫、補(bǔ)間形狀動(dòng)畫、補(bǔ)間動(dòng)畫和動(dòng)畫預(yù)設(shè)5種類型。

2.5.1 逐幀動(dòng)畫

逐幀動(dòng)畫是動(dòng)畫中最基本的類型，它與傳統(tǒng)的動(dòng)畫制作方法類似，制作原理是在連續(xù)的關(guān)鍵幀中分解動(dòng)畫，即使每一幀中的內(nèi)容不同，然后連續(xù)播放形成動(dòng)畫。

在制作逐幀動(dòng)畫的過程中，需要手動(dòng)制作每一個(gè)關(guān)鍵幀中的內(nèi)容，因此工作量極大，動(dòng)畫文件也較大，并且要求用戶有比較強(qiáng)的邏輯思維和一定的繪圖功底。逐幀動(dòng)畫適合表現(xiàn)一些細(xì)膩的動(dòng)畫，例如3D效果、面部表情、走路和轉(zhuǎn)身等。

1．利用外部導(dǎo)入方式創(chuàng)建逐幀動(dòng)畫

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

2．在Animate CC 2017中制作逐幀動(dòng)畫

除了前面使用外部導(dǎo)入的方式創(chuàng)建逐幀動(dòng)畫外，還可以在Animate CC 2017軟件中制作每一個(gè)關(guān)鍵幀中的內(nèi)容，從而創(chuàng)建逐幀動(dòng)畫。圖2-121為利用逐幀繪制方法制作出的人物走路的畫面分解圖。

2.5.2 傳統(tǒng)補(bǔ)間動(dòng)畫

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

與前面介紹的逐幀動(dòng)畫不同，使用傳統(tǒng)補(bǔ)間創(chuàng)建動(dòng)畫時(shí)，只要將兩個(gè)關(guān)鍵幀中的對象制作出來即可。在兩個(gè)關(guān)鍵幀之間的過渡幀由Animate CC 2017自動(dòng)創(chuàng)建，并且只有關(guān)鍵幀是可以進(jìn)行編輯的，而各過渡幀雖然可以查看，但是不能直接進(jìn)行編輯。除此之外，在制作時(shí)，還需要滿足以下條件。

●在一個(gè)動(dòng)畫補(bǔ)間動(dòng)作中至少要有兩個(gè)關(guān)鍵幀。

●兩個(gè)關(guān)鍵幀中的對象必須是同一個(gè)對象。

●兩個(gè)關(guān)鍵幀中的對象必須有一些變化，否則制作的動(dòng)畫將沒有動(dòng)作變化的效果。

1．創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

傳統(tǒng)補(bǔ)間動(dòng)畫的創(chuàng)建方法有以下兩種。

（1）通過右鍵菜單創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

首先在“時(shí)間軸”面板中選擇同一圖層的兩個(gè)關(guān)鍵幀之間的任意一幀，然后單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，如圖2-122所示，這樣就在兩個(gè)關(guān)鍵幀之間創(chuàng)建出了傳統(tǒng)補(bǔ)間動(dòng)畫，所創(chuàng)建的傳統(tǒng)補(bǔ)間動(dòng)畫會(huì)以淺藍(lán)色背景顯示，并且在關(guān)鍵幀之間有一個(gè)箭頭，如圖2-123所示。

通過右鍵菜單除了可以創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫外，還可以取消已經(jīng)創(chuàng)建好的傳統(tǒng)補(bǔ)間動(dòng)畫。具體方法：選擇已經(jīng)創(chuàng)建的傳統(tǒng)補(bǔ)間動(dòng)畫的兩個(gè)關(guān)鍵幀之間的任意一幀，然后單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“刪除補(bǔ)間”命令，如圖2-124所示，即可取消補(bǔ)間動(dòng)作。

（2）使用菜單命令創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

在使用菜單命令創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫的過程中，同樣需要選擇同一圖層的兩個(gè)關(guān)鍵幀之間的任意一幀，然后執(zhí)行菜單中的“插入|補(bǔ)間動(dòng)畫”命令；如果要取消已經(jīng)創(chuàng)建好的傳統(tǒng)補(bǔ)間動(dòng)畫，可以選擇已經(jīng)創(chuàng)建的傳統(tǒng)補(bǔ)間動(dòng)畫的兩個(gè)關(guān)鍵幀之間的任意一幀，然后執(zhí)行菜單中的“插入|刪除補(bǔ)間”命令。

2．傳統(tǒng)補(bǔ)間動(dòng)畫屬性設(shè)置

無論使用前面介紹的哪種方法創(chuàng)建補(bǔ)間動(dòng)畫，都可以通過“屬性”面板進(jìn)行動(dòng)畫的各項(xiàng)設(shè)置，從而使其更符合動(dòng)畫需要。選擇已經(jīng)創(chuàng)建的傳統(tǒng)補(bǔ)間動(dòng)畫的兩個(gè)關(guān)鍵幀之間的任意一幀，然后調(diào)出“屬性”面板，如圖2-125所示，在其“補(bǔ)間”選項(xiàng)中設(shè)置動(dòng)畫的運(yùn)動(dòng)速度、旋轉(zhuǎn)方向與旋轉(zhuǎn)次數(shù)等屬性。

（1）緩動(dòng)

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

（2）緩動(dòng)編輯

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

（3）旋轉(zhuǎn)

“旋轉(zhuǎn)”用于設(shè)置對象旋轉(zhuǎn)的動(dòng)畫，單擊右側(cè)的按鈕，會(huì)彈出如圖2-127所示的下拉列表框，當(dāng)選擇“順時(shí)針”或“逆時(shí)針”選項(xiàng)時(shí)，可以創(chuàng)建順時(shí)針或逆時(shí)針旋轉(zhuǎn)的動(dòng)畫。在下拉列表框的右側(cè)還有一個(gè)參數(shù)設(shè)置，用于設(shè)置對象旋轉(zhuǎn)的次數(shù)。

（4）貼緊

勾選“貼緊”復(fù)選框，可以將對象緊貼到引導(dǎo)線上。

（5）同步

勾選“同步”復(fù)選框，可以使圖形元件實(shí)例的動(dòng)畫和主時(shí)間軸同步。

（6）調(diào)整到路徑

在制作運(yùn)動(dòng)引導(dǎo)線動(dòng)畫時(shí)，勾選“調(diào)整到路徑”復(fù)選框，可以使動(dòng)畫對象沿著運(yùn)動(dòng)路徑運(yùn)動(dòng)。

（7）縮放

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

2.5.3 補(bǔ)間形狀動(dòng)畫

補(bǔ)間形狀動(dòng)畫用于創(chuàng)建形狀變化的動(dòng)畫效果，使一個(gè)形狀變成另一個(gè)形狀，同時(shí)可以設(shè)置圖形的形狀位置、大小和顏色的變化。

補(bǔ)間形狀動(dòng)畫的創(chuàng)建方法與傳統(tǒng)補(bǔ)間動(dòng)畫類似，只要?jiǎng)?chuàng)建出兩個(gè)關(guān)鍵幀中的對象，其他過渡幀便可通過Animate CC 2017自己制作出來。當(dāng)然，創(chuàng)建補(bǔ)間形狀動(dòng)畫還需要滿足以下條件。

●在一個(gè)補(bǔ)間形狀動(dòng)畫中至少要有兩個(gè)關(guān)鍵幀。

●兩個(gè)關(guān)鍵幀中的對象必須是可編輯的圖形，如果是其他類型的對象，則必須將其轉(zhuǎn)換為可編輯的圖形。

●兩個(gè)關(guān)鍵幀中的圖形必須有一些變化，否則制作的動(dòng)畫將沒有動(dòng)作變化的效果。

1．創(chuàng)建補(bǔ)間形狀動(dòng)畫

當(dāng)滿足了以上條件后，就可以制作補(bǔ)間形狀動(dòng)畫。與創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫類似，創(chuàng)建補(bǔ)間形狀動(dòng)畫也有兩種方法。

（1）通過右鍵菜單創(chuàng)建補(bǔ)間形狀動(dòng)畫

選擇同一圖層的兩個(gè)關(guān)鍵幀之間的任意一幀，然后單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”命令，如圖2-128所示，這樣就在兩個(gè)關(guān)鍵幀之間創(chuàng)建出了補(bǔ)間形狀動(dòng)畫，所創(chuàng)建的補(bǔ)間形狀動(dòng)畫會(huì)以淺綠色背景進(jìn)行顯示，并且在關(guān)鍵幀之間有一個(gè)箭頭，如圖2-129所示。

提示：如果創(chuàng)建后的補(bǔ)間形狀動(dòng)畫以一條綠色背景的虛線段表示，則說明補(bǔ)間形狀動(dòng)畫沒有創(chuàng)建成功，原因是兩個(gè)關(guān)鍵幀中的對象可能沒有滿足創(chuàng)建補(bǔ)間形狀動(dòng)畫的條件。

如果要?jiǎng)h除創(chuàng)建的補(bǔ)間形狀動(dòng)畫，其方法與前面介紹的刪除傳統(tǒng)補(bǔ)間動(dòng)畫相同。只要選擇已經(jīng)創(chuàng)建的補(bǔ)間形狀動(dòng)畫的兩個(gè)關(guān)鍵幀之間的任意一幀，然后單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“刪除補(bǔ)間”命令即可。

（2）使用菜單命令創(chuàng)建補(bǔ)間形狀動(dòng)畫

與前面制作傳統(tǒng)補(bǔ)間動(dòng)畫的方法相同，首先要選擇同一圖層的兩個(gè)關(guān)鍵幀之間的任意一幀，然后執(zhí)行菜單中的“插入|補(bǔ)間形狀”命令，即可在兩個(gè)關(guān)鍵幀之間創(chuàng)建補(bǔ)間形狀動(dòng)畫；如果要取消已經(jīng)創(chuàng)建好的補(bǔ)間形狀動(dòng)畫，可以選擇已經(jīng)創(chuàng)建的補(bǔ)間形狀動(dòng)畫的兩個(gè)關(guān)鍵幀之間的任意一幀，然后執(zhí)行菜單中的“插入|刪除補(bǔ)間”命令即可。

2．補(bǔ)間形狀動(dòng)畫屬性設(shè)置

補(bǔ)間形狀動(dòng)畫的屬性同樣可以通過“屬性”面板的“補(bǔ)間”選項(xiàng)進(jìn)行設(shè)置。首先選擇已經(jīng)創(chuàng)建的補(bǔ)間形狀動(dòng)畫的兩個(gè)關(guān)鍵幀之間的任意一幀，然后調(diào)出“屬性”面板，如圖2-130所示，在其“補(bǔ)間”選項(xiàng)中設(shè)置動(dòng)畫的運(yùn)動(dòng)速度、混合等屬性即可。其中的“緩動(dòng)”參數(shù)設(shè)置請參考前面介紹的傳統(tǒng)補(bǔ)間動(dòng)畫。

“混合”下拉列表中有“分布式”和“角形”兩個(gè)選項(xiàng)可供選擇。其中，“分布式”選項(xiàng)創(chuàng)建的動(dòng)畫中間形狀更為平滑和不規(guī)則；“角形”選項(xiàng)創(chuàng)建的動(dòng)畫中間形狀會(huì)保留有明顯的角和直線。

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

在制作補(bǔ)間形狀動(dòng)畫時(shí)，如果要控制復(fù)雜的形狀變化，那么就會(huì)出現(xiàn)變化過程雜亂無章的情況，這時(shí)可以通過執(zhí)行菜單中的“修改|形狀|添加形狀提示”命令，為動(dòng)畫中的圖形添加形狀提示點(diǎn)，通過形狀提示點(diǎn)可以指定圖形如何變化，并且可以控制更加復(fù)雜的形狀變化。

2.5.4 補(bǔ)間動(dòng)畫

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

1．補(bǔ)間動(dòng)畫與傳統(tǒng)補(bǔ)間動(dòng)畫的區(qū)別

Animate CC 2017軟件支持傳統(tǒng)補(bǔ)間動(dòng)畫和補(bǔ)間動(dòng)畫兩種不同的補(bǔ)間動(dòng)畫類型，它們之間存在以下差別。

●傳統(tǒng)補(bǔ)間動(dòng)畫是基于關(guān)鍵幀的動(dòng)畫，是通過兩個(gè)關(guān)鍵幀中兩個(gè)對象的變化來創(chuàng)建的動(dòng)畫，其中關(guān)鍵幀是顯示對象實(shí)例的幀；而補(bǔ)間動(dòng)畫是基于對象的動(dòng)畫，整個(gè)補(bǔ)間范圍只有一個(gè)動(dòng)畫對象，動(dòng)畫中使用的是屬性關(guān)鍵幀，而不是關(guān)鍵幀。

●補(bǔ)間動(dòng)畫在整個(gè)補(bǔ)間范圍上只有一個(gè)對象。

●補(bǔ)間動(dòng)畫和傳統(tǒng)補(bǔ)間動(dòng)畫都只允許對特定類型的對象進(jìn)行補(bǔ)間。如果應(yīng)用補(bǔ)間動(dòng)畫，則在創(chuàng)建補(bǔ)間時(shí)會(huì)將所有不允許的對象類型轉(zhuǎn)換為影片剪輯元件，而應(yīng)用傳統(tǒng)補(bǔ)間動(dòng)畫會(huì)將這些對象類型轉(zhuǎn)換為圖形元件。

●補(bǔ)間動(dòng)畫會(huì)將文本視為可補(bǔ)間的類型，而不會(huì)將文本對象轉(zhuǎn)換為影片剪輯；傳統(tǒng)補(bǔ)間動(dòng)畫則會(huì)將文本對象轉(zhuǎn)換為圖形對象。

●補(bǔ)間動(dòng)畫不允許在動(dòng)畫范圍內(nèi)添加幀標(biāo)簽，而傳統(tǒng)補(bǔ)間動(dòng)畫則允許在動(dòng)畫范圍內(nèi)添加幀標(biāo)簽。

●補(bǔ)間目標(biāo)上的任何對象腳本都無法在補(bǔ)間動(dòng)畫的過程中更改。

● 在時(shí)間軸中可以將補(bǔ)間動(dòng)畫范圍視為對單個(gè)對象進(jìn)行拉伸和調(diào)整大小，而傳統(tǒng)補(bǔ)間動(dòng)畫則是對補(bǔ)間范圍的局部或整體進(jìn)行調(diào)整。

●如果要在補(bǔ)間動(dòng)畫范圍中選擇單個(gè)幀，必須按住〈Ctrl〉鍵單擊該幀，而傳統(tǒng)補(bǔ)間動(dòng)畫中的單幀只需要直接單擊即可選擇。

●對于傳統(tǒng)補(bǔ)間動(dòng)畫，緩動(dòng)可應(yīng)用于補(bǔ)間內(nèi)關(guān)鍵幀之間的幀；對于補(bǔ)間動(dòng)畫，緩動(dòng)可應(yīng)用于補(bǔ)間動(dòng)畫范圍的整個(gè)長度，如果僅對補(bǔ)間動(dòng)畫的特定幀應(yīng)用緩動(dòng)，則需要?jiǎng)?chuàng)建自定義緩動(dòng)曲線。

●只能使用補(bǔ)間動(dòng)畫來為3D對象創(chuàng)建動(dòng)畫效果，而不能使用傳統(tǒng)補(bǔ)間動(dòng)畫為3D對象創(chuàng)建動(dòng)畫效果。

●只有補(bǔ)間動(dòng)畫才能保存為預(yù)設(shè)。

● 補(bǔ)間動(dòng)畫中屬性關(guān)鍵幀無法像傳統(tǒng)補(bǔ)間動(dòng)畫那樣，對動(dòng)畫中單個(gè)關(guān)鍵幀的對象應(yīng)用交互元件的操作，而是將整體動(dòng)畫應(yīng)用于交互的元件。補(bǔ)間動(dòng)畫也不能在“屬性”面板的“循環(huán)”選項(xiàng)下設(shè)置圖形元件的“單幀”數(shù)。

2．創(chuàng)建補(bǔ)間動(dòng)畫

與前面的傳統(tǒng)補(bǔ)間動(dòng)畫一樣，補(bǔ)間動(dòng)畫對于創(chuàng)建對象的類型也有所限制，只能應(yīng)用于元件的實(shí)例和文本字段。如果沒有元件，將會(huì)彈出一個(gè)用于提示是否將選擇的對象轉(zhuǎn)換為元件的提示框，如圖2-131所示。

在創(chuàng)建補(bǔ)間動(dòng)畫時(shí)，對象所處的圖層類型可以是系統(tǒng)默認(rèn)的常規(guī)圖層，也可以是比較特殊的引導(dǎo)層、遮罩層或被遮罩層。在創(chuàng)建補(bǔ)間動(dòng)畫后，如果原圖層是常規(guī)圖層，那么它將成為補(bǔ)間圖層；如果是引導(dǎo)層、遮罩層或被遮罩層，那么它將成為補(bǔ)間引導(dǎo)圖層、補(bǔ)間遮罩圖層或補(bǔ)間被遮罩圖層。

創(chuàng)建補(bǔ)間動(dòng)畫有以下兩種方法。

（1）通過右鍵菜單創(chuàng)建補(bǔ)間動(dòng)畫

在“時(shí)間軸”面板中選擇某幀，或者在舞臺中選擇對象，然后單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令，如圖2-132所示，即可創(chuàng)建補(bǔ)間動(dòng)畫，如圖2-133所示。

如果要?jiǎng)h除創(chuàng)建的補(bǔ)間動(dòng)畫，可以在“時(shí)間軸”面板中選擇已經(jīng)創(chuàng)建補(bǔ)間動(dòng)畫的幀，或者在舞臺中選擇已經(jīng)創(chuàng)建補(bǔ)間動(dòng)畫的對象，然后單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“刪除補(bǔ)間”命令。

（2）使用菜單命令創(chuàng)建補(bǔ)間動(dòng)畫

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

3．在舞臺中編輯屬性關(guān)鍵幀

在Animate CC 2017中，“關(guān)鍵幀”和“屬性關(guān)鍵幀”的性質(zhì)不同。其中，“關(guān)鍵幀”是指舞臺上實(shí)實(shí)在在有動(dòng)畫對象的幀，而“屬性關(guān)鍵幀”則是指補(bǔ)間動(dòng)畫的特定時(shí)間或幀中為對象定義了屬性值。

在舞臺中可以通過變形面板或工具箱上的各種工具進(jìn)行屬性關(guān)鍵幀的各項(xiàng)編輯，包括位置、大小、旋轉(zhuǎn)和傾斜等。如果補(bǔ)間對象在補(bǔ)間過程中更改舞臺位置，那么在舞臺中將顯示補(bǔ)間對象在舞臺上移動(dòng)時(shí)所經(jīng)過的路徑，此時(shí)，可以通過工具箱上的（選擇工具）、（部分選取工具）、（任意變形工具）以及變形面板編輯補(bǔ)間的運(yùn)動(dòng)路徑。

4．使用“動(dòng)畫編輯器”調(diào)整補(bǔ)間動(dòng)畫

在Animate CC 2017中通過動(dòng)畫編輯器可以查看所有補(bǔ)間屬性和屬性關(guān)鍵幀，從而對補(bǔ)間動(dòng)畫進(jìn)行全面細(xì)致的控制。在“時(shí)間軸”面板中雙擊補(bǔ)間動(dòng)畫中任意一幀，進(jìn)入如圖2-134所示的“動(dòng)畫編輯器”。

在“動(dòng)畫編輯器”中，通過在右側(cè)網(wǎng)格曲線中單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇相關(guān)命令，可以對曲線進(jìn)行復(fù)制、粘貼、翻轉(zhuǎn)、反轉(zhuǎn)等操作。另外單擊（在圖形上添加錨點(diǎn)）按鈕，可以在曲線上添加錨點(diǎn)來改變運(yùn)動(dòng)軌跡，如圖2-135所示。單擊（適應(yīng)視圖大?。┌粹o，可以讓曲線網(wǎng)格界面適應(yīng)當(dāng)前的時(shí)間軸面板大小，如圖2-136所示。單擊（為選定屬性適用緩動(dòng)）按鈕，在彈出的圖2-137所示的面板左側(cè)可以選擇各種緩動(dòng)選項(xiàng)，也可以通過添加錨點(diǎn)來自定義緩動(dòng)曲線。

5．在“屬性”面板中編輯屬性關(guān)鍵幀

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

●緩動(dòng)：用于設(shè)置補(bǔ)間動(dòng)畫的變化速率，可以在右側(cè)直接輸入數(shù)值進(jìn)行設(shè)置。

●旋轉(zhuǎn)：用于顯示當(dāng)前屬性關(guān)鍵幀是否旋轉(zhuǎn)，以及旋轉(zhuǎn)的次數(shù)、角度。

方向：用于設(shè)置旋轉(zhuǎn)的方向。

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

●選項(xiàng)：勾選“同步圖形元件”復(fù)選框，會(huì)重新計(jì)算補(bǔ)間的幀數(shù)，從而匹配時(shí)間軸上分配給它的幀數(shù)，使圖形元件的動(dòng)畫和主時(shí)間軸同步。

2.5.5 動(dòng)畫預(yù)設(shè)

動(dòng)畫預(yù)設(shè)提供了預(yù)先設(shè)置好的一些補(bǔ)間動(dòng)畫，可以直接將它們應(yīng)用于舞臺對象，當(dāng)然也可以將自己制作好的一些比較常用的補(bǔ)間動(dòng)畫保存為自定義預(yù)設(shè)，以便于與他人共享后，在以后工作中可以直接調(diào)用，從而節(jié)省動(dòng)畫制作時(shí)間，提高工作效率。

在Animate CC 2017中，動(dòng)畫預(yù)設(shè)的各項(xiàng)操作是通過“動(dòng)畫預(yù)設(shè)”面板進(jìn)行的，執(zhí)行菜單中的“窗口|動(dòng)畫預(yù)設(shè)”命令，可以調(diào)出“動(dòng)畫預(yù)設(shè)”面板，如圖2-139所示。

1．應(yīng)用動(dòng)畫預(yù)設(shè)

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

1）首先在舞臺上選擇需要添加動(dòng)畫預(yù)設(shè)的對象。

2）在“動(dòng)畫預(yù)設(shè)”面板的“預(yù)設(shè)列表”中選擇需要應(yīng)用的預(yù)設(shè)，此時(shí)通過上方的“預(yù)覽窗口”可以預(yù)覽選定預(yù)設(shè)的動(dòng)畫效果。

3）選擇合適的動(dòng)畫預(yù)設(shè)后，單擊“動(dòng)畫預(yù)設(shè)”面板下方的按鈕，即可將所選預(yù)設(shè)應(yīng)用到舞臺中被選擇的對象上。

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

2．將補(bǔ)間另存為自定義動(dòng)畫預(yù)設(shè)

除了可以將Animate CC 2017對象進(jìn)行動(dòng)畫預(yù)設(shè)的應(yīng)用外，Animate CC 2017還允許將已經(jīng)創(chuàng)建好的補(bǔ)間動(dòng)畫另存為新的動(dòng)畫預(yù)設(shè)，以便以后調(diào)用。這些新的動(dòng)畫預(yù)設(shè)會(huì)存放在“動(dòng)畫預(yù)設(shè)”面板中的“自定義預(yù)設(shè)”文件夾內(nèi)。將補(bǔ)間另存為自定義動(dòng)畫預(yù)設(shè)的操作可以通過“動(dòng)畫預(yù)設(shè)”面板下方的（將選區(qū)另存為預(yù)設(shè)）按鈕來完成。具體操作步驟如下。

1）選擇“時(shí)間軸”面板中的補(bǔ)間范圍，或者選擇舞臺中應(yīng)用了補(bǔ)間的對象。

2）單擊“動(dòng)畫預(yù)設(shè)”面板下方的（將選區(qū)另存為預(yù)設(shè)）按鈕，此時(shí)會(huì)彈出“將預(yù)設(shè)另存為”對話框，在其中設(shè)置另存預(yù)設(shè)的名稱，如圖2-140所示。

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

3．創(chuàng)建自定義預(yù)設(shè)的預(yù)覽

將所選補(bǔ)間另存為自定義動(dòng)畫預(yù)設(shè)后，在“動(dòng)畫預(yù)設(shè)”面板的“預(yù)覽窗口”中是無法正常顯示效果的。如果要預(yù)覽自定義的效果，可以執(zhí)行以下操作。

1）首先創(chuàng)建補(bǔ)間動(dòng)畫，并將其另存為自定義預(yù)設(shè)。

2）創(chuàng)建一個(gè)只包含補(bǔ)間動(dòng)畫的.fla文件。注意要使用與自定義預(yù)設(shè)完全相同的名稱，并將其保存為.fla格式的文件，然后通過“發(fā)布”命令為該.fla文件創(chuàng)建.swf文件。

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

4）重新啟動(dòng)Animate CC 2017，此時(shí)選擇“動(dòng)畫預(yù)設(shè)”面板的“自定義預(yù)設(shè)”文件夾中的相應(yīng)自定義預(yù)設(shè)，即可在“預(yù)覽窗口”中進(jìn)行預(yù)覽了。