註解:

與 Animate CC (先前稱為 Flash Professional CC) 中的多數項目相同,動畫也不需要任何 ActionScript。不過,您可以選擇使用 ActionScript 來建立動畫。

動畫類型

Animate CC 提供幾種建立動畫和特效的方法。每一種方法都會以不同的方式建立有趣的動畫內容。

Animate 支援下列動畫類型:

移動補間動畫

使用移動補間動畫在兩個影格中設定物件的屬性,例如位置和 Alpha 透明度。然後 Animate 就會補上兩者之間的影格屬性值。補間動畫對於由連續動作或物件變形構成的動畫非常有幫助。移動補間動畫以連續的影格範圍形式出現在「時間軸」上,而且根據預設可將影格選取為單一物件。移動補間動畫容易建立而且效能強大。

傳統補間動畫

傳統補間動畫和移動補間動畫相似,但是建立的方式比較複雜。傳統補間動畫可以使用合併式補間動畫不能使用的某些特定動畫特效。

反向運動姿勢 (Animate CC 不建議使用)

反向運動姿勢可讓您延伸和彎曲形狀物件,以及連結元件實體群組,使元件實體的移動顯得更自然。當您將骨塊新增至形狀或一組元件後,您可以以不同的關鍵影格變更骨塊或元件的位置。Animate 會在之間的影格中內插位置。

形狀補間動畫

在形狀補間動畫中,您會先在「時間軸」中的一個特定影格上繪製形狀,然後在另一個特定影格上更改該形狀或繪製另一個形狀。Animate 接著會在影格之間補上一個中間形狀,創造某個形狀變化為另一個形狀的動畫。

逐格動畫

這個動畫技巧可讓您為「時間軸」中的每一個影格,指定不同的線條圖。使用這個技巧所建立的特效,就像是以快速連續播放影片的影格。這個技術適用於複雜動畫,因為其中每個影格的圖像元素都必須不同。

關於影格速率

影格速率是指播放動畫的速度,以每秒的影格數 (fps) 為測量單位。影格速率太慢會讓動畫看起來斷斷續續的,而太快又會讓動畫的細節變得模模糊糊的。新的 Animate 文件預設的影格速率為 24 fps,通常能在網路上產生最佳的播放效果。標準的動畫速率也是 24 fps。

動畫的複雜度以及播放動畫的電腦速度都會影響播放的流暢度。所以,若要決定最佳的影格速率,請在多台電腦上測試動畫。

由於您只會為整個 Animate 文件指定一個影格速率,因此請在開始建立動畫前設定好這個速率。

識別時間軸中的動畫

Animate 會在「時間軸」中,藉由在每個包含內容的影格中顯示不同的指示器的方式來區分補間動畫和逐格動畫。

下列影格內容指示器會出現在「時間軸」中:

  • 藍色背景的影格範圍表示移動補間動畫。範圍內第一個影格中若顯示黑色點,表示補間動畫範圍具備指定給它的目標物件。黑色菱形代表最後一個影格,以及任何其他屬性關鍵影格。屬性關鍵影格,是內含由您所明確定義之屬性變更的影格。您可以用滑鼠右鍵按一下 (Windows) 或 Command+按一下 (Macintosh) 移動補間動畫範圍,然後選擇快顯選單中的「檢視關鍵影格 > 類型」,以選擇要顯示哪些類型的屬性關鍵影格。預設 Animate 會顯示所有類型的屬性關鍵影格。範圍內所有其他影格內含目標物件之補間動畫屬性的插補值。

     

     

  • 第一個影格中的空心點表示移動補間動畫的目標物件已移除。補間動畫範圍仍會包含其屬性關鍵影格,並且可套用新的目標物件。

     

     

  • 綠色背景的影格範圍,代表反向運動 (IK)「姿勢圖層」。姿勢圖層內含 IK 骨架和「姿勢」。「時間軸」中的每一個姿勢都顯示為黑色菱形。Animate 會補上兩個姿勢之間的影格中骨架的位置。

     

     

  • 位於開頭關鍵影格的黑點以及黑色箭頭和藍色背景表示「傳統補間動畫」。

     

     

  • 虛線表示傳統補間動畫損毀或不完整,例如遺漏最後一個關鍵影格。

     

     

  • 位於開頭關鍵影格的黑點以及黑色箭頭和淡綠色背景表示「形狀補間動畫」。

     

     

  • 黑點表示單一關鍵影格。單一關鍵影格後的淺灰色影格,內含相同的內容。這些影格在範圍的最後一個影格位置上,都有一個垂直的黑色線段以及一個空的矩形。

     

     

  • 小寫 a 表示影格有由「動作」面板指定的影格動作。

     

     

  • 紅色旗標表示影格包含標籤。

     

     

  • 綠色雙斜線表示影格包含註解。

     

     

  • 金色錨點表示影格是一個命名錨點。

     

關於補間動畫中的圖層

Animate 文件中的每個場景都可包含任意數目的「時間軸」圖層。請使用圖層及圖層資料夾,以組織連續動畫的內容,以及分隔動畫物件。以圖層和資料夾來組織這些物件,可以避免在重疊時移除、連結或以區段分隔這些物件。若要建立一個動畫,並讓該動畫包含的移動補間動畫同時具有一個以上的元件或文字欄位,請將每一個物件放置於不同的圖層上。您可以使用一個圖層做為背景圖層來包含靜態圖案,並且使用其他圖層來包含個別的動畫物件。

當您建立移動補間動畫時,Animate 會將包含您選取要建立成補間動畫之物件的圖層,轉換成補間動畫圖層。補間動畫圖層具有一個補間動畫圖示,該圖示位於「時間軸」中的圖層名稱旁。

如果其他物件與補間動畫物件位於相同圖層,Animate 會視需要,在原始圖層的上方或下方加入新的圖層。任何存在於補間動畫物件下方且位於其原始圖層的物件都會移至原始圖層的新圖層下方。任何原始圖層上位於補間動畫物件上方的物件,都會移至原始圖層上方的新圖層。Animate 會將這些新的圖層插入「時間軸」中任何原有的圖層之間。這樣 Animate 就可以保存「舞台」上所有圖像物件的原始堆疊順序。

補間動畫圖層僅能包含補間動畫範圍 (內含補間動畫的連續影格群組)、靜態影格或空白影格。每個補間動畫範圍僅能包含單一目標物件,以及此目標物件的選擇性移動路徑。由於您無法在補間動畫圖層中繪圖,所以請在其他圖層上建立額外的補間動畫或靜態影格,再將其拖曳至補間動畫圖層。若要將影格指令碼放在補間動畫圖層上,請在其他圖層上建立好後再拖曳至補間動畫圖層。影格指令碼只能位於移動補間動畫範圍以外的影格中。一般而言,最好的做法是將所有影格指令碼放置在另一個圖層中,而且這個圖層只包含 ActionScript。

當某個文件中包含數個圖層時,追蹤或編輯圖層上方的一個或多個物件便十分困難。如果您一次只處理一個圖層的內容,這項工作就比較容易。若要隱藏或鎖定目前未使用的圖層,請在「時間軸」中按一下圖層名稱旁的「眼睛」圖示或「鎖定」圖示。使用圖層資料夾可協助您將圖層組織成可管理的群組。

將補間動畫的物件分散到圖層

當您將移動補間動畫套用至物件時,Animate 會自動將這個物件移至它自己的補間動畫圖層。但是,您也可以將物件分散到個別的圖層中。例如,當您在組織內容時,可以選擇自行分散物件。手動分散也適用於將動畫套用至物件,還能精確控制物件在圖層之間移動的方式。

當您使用「分散至圖層」命令 (「修改 > 時間軸 > 分散至圖層」) 時,Animate 會將每個選取的物件分散至全新且不同的圖層。未選取的物件 (包括其他影格中的物件) 會保留在原始圖層中。

您可以將「分散至圖層」命令套用到「舞台」上任何類型的元素,包括圖像物件、實體、點陣圖、視訊片段和已被打散的文字區塊。

關於新圖層 (以分散至圖層所建立)

在「分散至圖層」作業期間建立的新圖層會根據該圖層包含的元素名稱命名:

  • 包含元件庫資源 (如元件、點陣圖或視訊片段) 的新圖層將會收到和資源相同的名稱。

  • 包含命名實體的新圖層將會收到實體的名稱。

  • 包含來自打散文字區塊之字元的新圖層將會以該字元命名。

  • 包含圖像物件 (沒有名稱) 的新圖層會被命名成 Layer1 (或 Layer2,以此類推),因為圖像物件沒有名稱。

    Animate 會將新的圖層插入選取的任何圖層下方。新圖層會根據選取元件原本的建立順序由上至下排列。若是打散的文字,則圖層會按照字元順序排列,可能是由左至右、由右至左或由上至下。例如,假設您將文字「FLASH」打散,並分散至各圖層,則名稱分別為 F、L、A、S 和 H 的新圖層,就會按照順序由上而下排列,最上方為 F。這些圖層會立即顯示在原本包含這個文字的圖層之下。

將物件分散到圖層

  1. 選取您要分散至不同圖層的物件。物件可以位於單一圖層或數個圖層中,包括不連續的圖層。
  2. 請執行下列其中一項:
    • 選取「修改 > 時間軸 > 分散至圖層」。
    • 在其中一個選取的物件上按一下右鍵 (Windows) 或 Control+按一下 (Macintosh),然後選取「分散至圖層」。

將物件分散至關鍵影格以建立補間動畫

Animate CC 的新功能

Animate 會自動讓您將物件個別分散至關鍵影格。您可以在舞台上組織內容時選擇分散物件。以手動而言,這個程序既冗長又耗時。在個別關鍵影格上放置物件,藉此建立補間動畫時,分散會非常好用。您可以分別將不同物件或物件狀態指定給個別關鍵影格。實際上,在這些關鍵影格間拖曳播放磁頭時,補間動畫的效果是顯而易見的。

當您使用「分散至關鍵影格」命令時,Animate 會將每個選取的物件分散至新的個別關鍵影格。未選取的物件 (包括其他影格中的物件) 會保留在原始圖層中。

您可以將「分散至關鍵影格」命令套用到「舞台」上的任何元素,包括圖像物件、實體、點陣圖、視訊片段和文字區塊。

關於使用分散至關鍵影格建立的新關鍵影格

  • 進行「分散至關鍵影格」作業期間所建立的新關鍵影格會依照選取物件的順序排列。
  • 在執行「分散至關鍵影格」作業時,圖層上若有任何物件仍處於取消選取的狀態,這類物件的原始影格就會維持不受到影響。選取用於分散的物件會獲得關鍵影格的指定,以啟動原始內容最後一個影格的下一個影格。例如,假設 Object1Object2 位於具有 50 個影格的圖層上。選擇 Object1 進行分散時,會放置在第 51 個關鍵影格上。

將物件分散至關鍵影格

  1. 選取您要分散至不同圖層的物件。物件可以位於單一圖層或數個圖層中,包括不連續的圖層。

  2. 以滑鼠右鍵按一下 (Windows) 或 Control+按一下 (Macintosh) 其中一個選取的物件,然後選取「分散至關鍵影格」。

額外的資源

下列文章說明如何使用 Animate 中的動畫:

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策