例如,如果影格 1 和 20 是屬性關鍵影格,您可以在影格 1 中的「舞台」左邊放置一個元件,然後將它移動到影格 20 中的「舞台」右邊。當您建立補間動畫後,Animate 會計算影片片段中間的所有位置。結果會是一個元件由左邊移動至右邊 (從影格 1 至影格 20) 的動畫。在中間的每個影格裡,Animate 會將影片片段移動「舞台」二十分之一的距離。 

補間動畫範圍:

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

屬性關鍵影格:

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

可補間的物件與屬性

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

  • 2D X 和 Y 位置

  • 3D Z 位置 (僅限影片片段)

  • 2D 旋轉 (圍繞 Z 軸)

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

  • 傾斜 X 和 Y

  • 縮放 X 和 Y

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

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

移動與傳統補間動畫的差別

Animate 支援兩種不同補間動畫來建立移動:移動補間動畫及傳統補間動畫。

移動補間動畫 傳統補間動畫
功能強大且容易建立,提供對補間動畫的最大控制能力 建立步驟複雜,並且包含在舊版 Animate 中建立的所有補間動畫。 
提供更好的補間動畫控制能力 提供使用者特定功能
使用關鍵影格 使用屬性
由一個目標物件組成,而非完整補間動畫 可讓兩個具有相同或不同元件的關鍵影格製作成補間動畫
將文字當做可補間的類型,並且不會將文字物件轉換成影片片段 將文字物件轉換成圖像元件。
移動補間動畫範圍不允許使用影格指令碼。  傳統補間動畫可以使用影格指令碼。
移動補間動畫範圍可以在「時間軸」中延伸及調整大小,而且會被視為單一物件。  傳統補間動畫是由「時間軸」中可選取的個別影格群組所組成。
若要選取移動補間動畫範圍中的個別影格,請按住 Ctrl 並按一下 (Windows) 或按住 Command 並按一下 (Macintosh) 要選取的影格。  
加/減速會套用至移動補間動畫範圍的全長。您必須建立自訂的加/減速曲線,才能針對移動補間動畫的特定影格套用加/減速。
加/減速可以套用至補間動畫中關鍵影格之間的影格群組。 
每一個補間動畫只能套用一種顏色特效。 在兩個不同的顏色特效 (例如色調和 Alpha 透明度) 之間建立動畫。
用來將 3D 物件製成動畫。  您無法使用傳統補間動畫為 3D 物件建立動畫。
只有移動補間動畫可以另存成移動預設效果。 您可以替換元件,或者設定圖像元件要在屬性關鍵影格中顯示的影格數目。必須使用傳統補間動畫,製成的動畫才能包含這些技術。
   

移動與傳統補間動畫之間的相似處

  • 同一個圖層上可以有一個以上的傳統或移動補間動畫,但這兩種補間動畫不能同時存在於同一個圖層上。
  • 兩者都能讓特定物件類型成為補間動畫。

額外的資源

  • Jen DeHaan 在其 Flashthusiast.com 網站部落格提供有關 Animate 移動模型,以及移動補間動畫與傳統補間動畫之間差異的實用文章。

另請參閱

下載

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

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