建立補間動畫

建立補間動畫的步驟。

開始之前

開始將屬性製成動畫之前,請記住下列事項:

ActionScript 並非必要。與 Animate 中的許多項目相同,動畫也不需要任何 ActionScript。不過,您可以選擇使用 ActionScript 來建立動畫。

時間軸與編輯屬性的基本概念。在開始使用移動補間動畫之前,請先熟悉時間軸與編輯屬性的基本用法。請參閱影格與關鍵影格了解基本概念。

您可以在「舞台」上、「屬性」檢測器或「移動編輯器」中編輯個別屬性關鍵影格。請注意,許多簡單的移動補間動畫類型不一定要使用「移動編輯器」來建立。

移動編輯器已於 Animate CC 中被取代。

僅限元件實體與文字欄位。Animate 只會將元件實體與文字欄位製成補間動畫。對它們套用補間動畫時,便會將所有的其他物件類型包覆在元件中。元件實體可以包含巢狀元件,而巢狀元件可以在本身的時間軸上製作補間動畫。

每一補間動畫一個物件。補間動畫圖層中最小的建構區塊即是補間動畫範圍。補間動畫圖層中的補間動畫範圍僅可以包含一個元件實體或文字欄位。元件實體為補間動畫範圍的目標。不過,單一元件可以包含許多物件。

變更目標。將第二個元件或文字欄位加入至補間動畫範圍內會取代補間動畫中的原始元件。您可以透過將元件庫中的不同元件拖曳到「時間軸」中的補間動畫範圍,或是使用「修改 > 元件 > 替換元件」命令,以變更補間動畫的目標物件。您可以從補間動畫圖層刪除元件,不需移除或打散補間動畫。稍後,您還能再將另一個元件實體加入至補間動畫。您也可以隨時變更目標元件的類型或是編輯元件。

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

如需有關以反向運動進行補間動畫的資訊,請參閱將骨架製作成動畫

如何將補間動畫新增至時間軸

當您將補間動畫新增至圖層上的物件時,Animate 便會執行下列動作:

  • 將圖層轉換為補間動畫圖層。

  • 建立新圖層以維持物件在圖層上的原始堆疊順序。

圖層會依據下列規則加以新增:

  • 如果圖層上除選取的物件外並無其他物件,該圖層將變更為補間動畫圖層。

  • 若選取範圍在圖層堆疊順序的底部 (在其他所有物件下方),Animate 會在原始圖層上方建立一個圖層。這個新圖層會保存未選取的項目。原始圖層會成為補間動畫圖層。

  • 若選取範圍在圖層堆疊順序的頂層 (在其他所有物件上方),Animate 會建立新圖層。選取範圍會移至新圖層,而該圖層會成為補間動畫圖層。

  • 若選取範圍在圖層堆疊順序的中間 (選取範圍上方及下方都有物件),Animate 會建立兩個圖層。一個圖層會保存新的補間動畫,另一個在其上方的圖層則會將未選取的項目保存在堆疊順序的頂層。位於堆疊順序最底層的未選取項目仍將放在原始圖層上,置於新插入的圖層之下。

補間動畫圖層可以包含補間動畫範圍,以及靜態影格和 ActionScript。然而,包含補間動畫範圍的補間動畫圖層,其影格不得包含補間動畫物件以外的物件。若要在同一個影格中加入額外的物件,請將各物件分置於不同圖層上。

使用補間動畫將位置製成動畫

使物件在「舞台」上移動或滑動:

  1. 選取要在「舞台」上製成補間動畫的元件實體或文字欄位。物件可以位於下列任何圖層類型:一般、導引、遮色片或被遮色。

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

    若要反選,請以滑鼠右鍵按一下物件並選取「反選」。

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

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

    • 以滑鼠右鍵按一下 (Windows) 或 Ctrl+按一下 (Macintosh) 選取範圍或目前的影格,然後在快顯選單中選擇「建立移動補間動畫」。

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

    如果補間動畫物件是圖層上的唯一項目,Animate 會將包含該物件的圖層轉換為補間動畫圖層。若圖層中有其他物件,Animate 會插入圖層以維持堆疊順序。Animate 會將補間動畫物件放在其專屬圖層中。

    如果原始物件只位在「時間軸」的第一個影格中,補間動畫範圍的長度就等於一秒的長度。如果原始物件出現在一個以上的連續影格中,則補間動畫範圍會包含由原始物件所佔用的影格數。

  3. 在「時間軸」中拖曳補間動畫範圍的任何一端,將範圍縮短或延長至所需的影格數目。補間動畫中的任何現有屬性關鍵影格都會隨著此範圍尾端而等比例移動。

    若要移動範圍的尾端而不移動任何現有關鍵影格,請按 Shift+拖曳補間動畫範圍的尾端。

  4. 若要新增移動至補間動畫,請在補間動畫範圍內的影格上放置播放磁頭,然後將物件拖曳至新的位置。

    移動路徑會顯示在「舞台」上,顯示從補間動畫範圍內第一個影格的位置至新位置的路徑。因為您已明確定義了物件的 X 與 Y 屬性,所以就會為內含播放磁頭的影格中的 X 和 Y 加入屬性關鍵影格。屬性關鍵影格在補間動畫範圍中就會顯示為小菱形。

    註解:

    根據預設,「時間軸」會顯示所有屬性類型的屬性關鍵影格。您可以用滑鼠右鍵按一下 (Windows) 或 Command+按一下 (Macintosh) 補間動畫範圍,然後選擇「檢視關鍵影格 > 屬性類型」,以選擇要顯示哪些類型的屬性關鍵影格。

  5. 若要指定物件的另一個位置,請在補間動畫範圍內的另一個影格中放置播放磁頭,並在「舞台」上將物件拖曳至另一個位置。

    此時會調整移動路徑,以包含您指定的所有位置。

  6. 若要將 3D 旋轉或位置製成補間動畫,請使用「3D 旋轉」或「3D 轉譯」工具。請確定先將播放磁頭置於您要在其中加入 3D 屬性關鍵影格的影格內。

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

「建立移動補間動畫」命令可讓您將元件實體或文字欄位的多數屬性 (例如旋轉、縮放、透明度或著色 (僅限元件和 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 文章。

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