開始之前

在開始製作動畫之前,請先了解下列概念:

必要條件 說明
時間軸 在使用移動補間動畫之前,請先了解「時間軸」的用法及如何編輯屬性。您可以在「舞台」上、「屬性」檢測器或重新設計的「移動編輯器」中編輯個別屬性關鍵影格。
元件實體 Animate 只會將元件實體與文字欄位製成補間動畫。對它們套用補間動畫時,便會將所有的其他物件類型包覆在元件中。元件實體可以包含巢狀元件,而巢狀元件可以在本身的時間軸上製作補間動畫。
補間動畫範圍 補間動畫圖層中最小的建構區塊即是補間動畫範圍。補間動畫圖層中的補間動畫範圍僅可以包含一個元件實體或文字欄位。元件實體為補間動畫範圍的目標。不過,單一元件可以包含許多物件。
目標物件

將第二個元件或文字欄位加入至補間動畫範圍內會取代補間動畫中的原始元件。使用下列任何方法可以變更補間動畫的目標物件:

  • 從元件庫將不同元件拖曳到「時間軸」中的補間動畫範圍
  • 使用「修改 > 元件 > 替換元件」命令。

您可以從補間動畫圖層刪除元件,不需移除或打散補間動畫。稍後,您還能再將另一個元件實體加入至補間動畫。您也可以隨時變更目標元件的類型或是編輯元件。

移動路徑 補間動畫包含移動時,「舞台」上便會顯示移動路徑。移動路徑會顯示每個影格中補間動畫物件的位置。您可以拖曳移動路徑的控制點,以編輯「舞台」上的移動路徑。您不能將移動導引線加入至補間動畫/反向運動圖層。 

另請參閱

移動補間動畫的組件

補間動畫範圍:

  • 屬於「時間軸」中的一組影格,在這組影格中,物件含有一個或多個會隨時間改變的屬性。
  • 移動補間動畫範圍會在「時間軸」中顯示為一組影格,位於具有背景顏色的單一圖層中。
  • 您可以選取補間動畫範圍做為單一物件,然後將補間動畫範圍從「時間軸」中的某個位置拖曳到另一個位置,包括拖曳到其他圖層。
  • 您只能將「舞台」上每個補間動畫範圍的一個物件製成動畫。此物件稱為補間動畫範圍的「目標物件」。

屬性關鍵影格:

  • 屬於補間動畫範圍內的一個影格,在這個補間動畫範圍內,您可以為補間動畫的目標物件明確定義一個或多個屬性值。
  • 這些屬性可能包括位置、Alpha (透明度)、色調等。
  • 每個定義的屬性都有專屬的屬性關鍵影格。
  • 如果您在某一個影格中設定了多個屬性,則這些屬性的屬性關鍵影格都會位於該影格中。
  • 使用移動編輯器可以檢視補間動畫範圍及其屬性關鍵影格的每個屬性。
  • 若要選擇「時間軸」中的補間動畫範圍快顯選單要顯示哪種屬性關鍵影格,請以滑鼠右鍵按一下任何屬性關鍵影格,並選取「檢視關鍵影格」。 

補間動畫的目標物件

移動補間動畫在補間動畫範圍中具有單一物件,稱為補間動畫的目標物件。補間動畫中具有單一目標物件的幾個優點包括:

  • 您可以將補間動畫另存為預設效果,以供重複使用。
  • 您可以輕鬆地移動「時間軸」或「舞台」上的移動補間動畫 (到處拖曳補間動畫範圍)。
  • 若要將新實體套用到現有補間動畫:
    • 將實體貼到補間動畫上,將它換出
    • 從元件庫拖曳新的實體
    • 使用「替換元件」。 

可補間的物件與屬性

可套用移動補間動畫的物件類型包括影片片段、圖像和按鈕元件,以及文字欄位。這些可補間之物件的屬性包括:

  • 2D X 和 Y 位置
  • 3D Z 位置 (僅限影片片段)

  • 2D 旋轉 (圍繞 Z 軸)

  • 3D X、Y 和 Z 旋轉 (僅限影片片段):在發佈設定中,將 FLA 檔案目標設定為 ActionScript 3.0 和 Flash Player 10 或更新版本。Adobe AIR 也支援 3D 移動。

  • 傾斜 X 和 Y

  • 縮放 X 和 Y

  • 顏色特效:包括 Alpha (透明度)、亮度、色調和進階顏色設定。只能對元件和 TLF 文字進行顏色特效的補間動畫。透過將這些屬性製成補間動畫,您可以使物件呈現淡入或從一種顏色淡出至另一種顏色的效果。若要對傳統文字進行顏色特效的補間動畫,請將文字轉換為元件。

  • 濾鏡屬性 (濾鏡無法套用到圖像元件)

建立移動補間動畫

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

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

註解:

在動畫中使用 ActionScript 為選擇性。

建立移動補間動畫

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

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

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

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

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

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

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

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

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

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

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

    註解:

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

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

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

將補間動畫加入現有補間動畫圖層

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

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

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

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

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