開始之前

在開始製作動畫之前,請先了解下列必要條件:

必要條件 說明
ActionScript 並非必要 動畫不需要任何 ActionScript。不過,您可以選擇使用 ActionScript 來建立動畫。
時間軸與編輯屬性的基本概念 在開始使用移動補間動畫之前,請先熟悉時間軸與編輯屬性的基本用法。您可以在「舞台」上、「屬性」檢測器或重新設計的「移動編輯器」中編輯個別屬性關鍵影格。
僅限元件實體與文字欄位 Animate 只會將元件實體與文字欄位製成補間動畫。對它們套用補間動畫時,便會將所有的其他物件類型包覆在元件中。元件實體可以包含巢狀元件,而巢狀元件可以在本身的時間軸上製作補間動畫。
每一補間動畫一個物件 補間動畫圖層中最小的建構區塊即是補間動畫範圍。補間動畫圖層中的補間動畫範圍僅可以包含一個元件實體或文字欄位。元件實體為補間動畫範圍的目標。不過,單一元件可以包含許多物件。
變更目標 將第二個元件或文字欄位加入至補間動畫範圍內會取代補間動畫中的原始元件。您可以透過將元件庫中的不同元件拖曳到「時間軸」中的補間動畫範圍,或是使用「修改 > 元件 > 替換元件」命令,以變更補間動畫的目標物件。您可以從補間動畫圖層刪除元件,不需移除或打散補間動畫。稍後,您還能再將另一個元件實體加入至補間動畫。您也可以隨時變更目標元件的類型或是編輯元件。
編輯移動路徑 補間動畫包含移動時,「舞台」上便會顯示移動路徑。移動路徑會顯示每個影格中補間動畫物件的位置。您可以拖曳移動路徑的控制點,以編輯「舞台」上的移動路徑。您不能將移動導引線加入至補間動畫/反向運動圖層。如需有關以反向運動進行補間動畫的資訊,請參閱將骨架製作成動畫

參考資料

建立移動補間動畫

您可以使用下列三種方法之一來建立移動補間動畫:

  • 建立您要製成補間動畫的圖像或實體,然後以滑鼠右鍵按一下影格並選取「建立移動補間動畫」。
  • 選取您要製成補間動畫的圖像或實體,並從主選單中選取「插入 > 移動補間動畫」。
  • 建立您要製成補間動畫的圖像或實體,然後以滑鼠右鍵按一下「舞台」上的實體並選取「建立移動補間動畫」。
建立移動補間動畫

使用屬性檢測器補間其他屬性

「建立移動補間動畫」命令可讓您將元件實體或文字欄位的多數屬性 (例如旋轉、縮放、透明度或色調 (僅限元件和 TLF 文字)) 製成動畫。例如,您可以編輯元件實體的 Alpha (透明度) 屬性,使其淡入畫面。如需可使用移動補間動畫製成動畫的屬性清單,請參閱可補間的物件與屬性

  1. 選取「舞台」上的元件實體或文字欄位。

    若選取範圍包含其他物件,或包含一個圖層中的多個物件,Animate 可讓您將其轉換成影片片段元件。

  2. 選擇「插入 > 移動補間動畫」。

    若顯示「將選取項目轉換為元件以做為補間動畫」對話方塊,請按一下「確定」以將選取範圍轉換成影片片段元件。

    當您將補間動畫套用至只存在於一個關鍵影格中的物件時,播放磁頭就會移至新的補間動畫的最後一個影格。否則,播放磁頭就不會移動。

  3. 請將播放磁頭放置在補間動畫範圍內,您要指定屬性值的影格中。

    您也可以將播放磁頭放置在補間動畫範圍內的任何其他影格中。補間動畫會以補間動畫範圍第一個影格中的數值啟動,該影格一定會是屬性關鍵影格。

  4. 選取「舞台」上的物件,然後設定非位置屬性 (例如 Alpha (透明度)、旋轉或傾斜) 的值。請使用「屬性」檢測器或「工具」面板中的工具來設定值。

    範圍中目前的影格就會變成屬性關鍵影格。

    註解:

    您可在補間動畫範圍顯示不同類型的屬性關鍵影格。以滑鼠右鍵按一下 (Windows) 或 Ctrl+按一下 (Macintosh) 補間動畫範圍,從快顯選單中選擇「檢視關鍵影格 > 屬性類型」。

  5. 拖曳「時間軸」中的播放磁頭,預覽「舞台」上的補間動畫。

  6. 若要加入更多屬性關鍵影格,請將播放磁頭移至範圍內所需的影格,然後在「屬性」檢測器中設定屬性值。

將其他補間動畫加入至現有的補間動畫圖層

您可以將更多補間動畫加入至現有的補間動畫圖層。當您使用動畫建立 Animate 內容時,這樣可以使用較少的圖層。

  1. 請執行下列其中一項:

    • 在圖層上加入空白關鍵影格 (「插入 > 時間軸 > 空白關鍵影格」)、將項目加入關鍵影格,然後將項目製作成補間動畫。
    • 在另一個圖層上建立補間動畫,然後再將範圍拖曳至所需的圖層。
    • 將靜態影格從另一個圖層拖曳至補間動畫圖層,然後再將補間動畫加入至靜態影格中的某個物件。
    • 按 Alt+拖曳 (Windows) 或按 Option+拖曳 (Macintosh) 可重製相同圖層或不同圖層中的現有範圍。
    • 從相同或不同圖層複製並貼上補間動畫範圍。

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

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