開始之前
注意:與 Animate (先前稱為 Flash Professional CC) 中的多數項目相同,動畫也不需要任何 ActionScript。不過,您可以選擇使用 ActionScript 來建立動畫。
在建立補間動畫之前,若能瞭解下列 Animate 概念,將會非常有幫助:
在舞台上繪圖
單一圖層和跨圖層中的物件時間軸圖層和堆疊順序
在「舞台」上和「屬性」檢測器中移動及轉換物件
使用時間軸,包括物件、存留期間並根據時間點選取物件。請參閱影格與關鍵影格了解基本概念。
元件和元件屬性。可補間的元件類型包括影片片段、按鈕及圖像。文字也可補間。
巢狀元件。元件實體可以插到其他元件內。
選擇性:使用「選取」和「選取細部」工具來編輯貝茲曲線。這些工具可用來編輯補間動畫移動路徑。如需詳細資訊,請參閱使用移動編輯器編輯移動補間動畫。
如需有關這些概念的詳細資訊,請參閱此頁面底部的連結清單。
瞭解移動補間動畫
移動補間動畫是針對不同影格中的某個物件屬性指定不同的值所建立的動畫。Animate 會計算該屬性在這兩個影格之間的值。「補間動畫」這個術語是來自於「在兩者之間」。
例如,您可在影格 1 中的「舞台」左邊放置一個元件,然後將它移動到影格 20 中的「舞台」右邊。當您建立補間動畫後,Animate 會計算影片片段中間的所有位置。結果會是一個元件由左邊移動至右邊 (從影格 1 至影格 20) 的動畫。在中間的每個影格裡,Animate 會將影片片段移動「舞台」二十分之一的距離。
「補間動畫範圍」是「時間軸」中的一組影格,在這組影格中,物件含有一或多個會隨時間改變的屬性。在「時間軸」中,補間動畫範圍會顯示為一組影格,位於具有藍色背景的單一圖層中。這些補間動畫範圍能以單一物件的方式選取,並在「時間軸」中從某個位置拖曳至另一個位置,包括拖曳至另一個圖層。在每個補間動畫範圍內,只能針對「舞台」上的一個物件製作動畫。此物件稱為補間動畫範圍的「目標物件」。
「屬性關鍵影格」是補間動畫範圍內的一個影格,在這個補間動畫範圍內,您可以為補間動畫的目標物件明確定義一個或多個屬性值。這些屬性可能包括位置、Alpha (透明度)、色調等。您所定義的每一個屬性都有自己的屬性關鍵影格。如果您在某一個影格中設定了多個屬性,則這些屬性的屬性關鍵影格都會位於該影格中。您可以在「移動編輯器」中,檢視補間動畫範圍的每一個屬性及其屬性關鍵影格,也可以在補間動畫範圍的快顯選單中,選擇要在「時間軸」中顯示哪些類型的屬性關鍵影格。
將影格 1 至影格 20 的影片片段製成補間動畫的前述範例中,影格 1 與 20 是屬性關鍵影格。您可使用 Animate 中的「屬性」檢測器、「移動編輯器」及其他工具來定義您想製成動畫的屬性值。您可以在選擇的影格中指定這些屬性值,Animate 會將所需的屬性關鍵影格加入至補間動畫範圍。Animate 會為位於所建立屬性關鍵影格間的影格補上每個屬性值。
注意:「關鍵影格」一詞指的是「時間軸」中,元件實體第一次出現在「舞台」上的所在影格。另一個詞彙「屬性關鍵影格」指的是針對移動補間動畫中,位於特定時間或影格的物件屬性所定義的值。
如果某個補間動畫物件在補間時移動了在「舞台」上的位置,就表示有一個移動路徑與補間動畫範圍產生關聯。這個移動路徑會顯示補間動畫物件在「舞台」上移動期間的路徑。您可以使用「選取」、「選取細部」、「轉換錨點」、「移除錨點」和「自由變形」工具,以及「修改」選單中的命令,編輯「舞台」上的移動路徑。如果您沒有對位置進行補間處理,「舞台」上就不會顯示移動路徑。此外,您也可以將現有的路徑貼至「時間軸」內的補間動畫範圍,以將該路徑套用為移動路徑。
補間動畫是一種建立運動的有效方法,不但會隨著時間變化,還能將檔案大小降到最低。在補間動畫中,只有您指定的屬性關鍵影格值會儲存在 FLA 檔和已發佈的 SWF 檔中。
可補間的物件與屬性
可補間動畫的物件類型包括影片片段、圖像和按鈕元件,以及文字欄位。這些可補間之物件的屬性包括下列各項:
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 建立的所有補間動畫,在建立時更為複雜。移動補間動畫可提供對補間動畫更完整的控制,而傳統補間動畫則可提供部分使用者所需的特殊功能。
移動補間動畫和傳統補間動畫之間的差異包括:
傳統補間動畫會使用關鍵影格。物件的新實體會出現在關鍵影格中。移動補間動畫只能與一個物件實體有關聯,而且使用的是屬性關鍵影格而不是關鍵影格。
移動補間動畫是由整個補間動畫範圍內的一個目標物件所組成。傳統補間動畫允許在兩個關鍵影格 (包含相同或不同元件的實體) 之間建立補間動畫。
兩者都能讓特定物件類型成為補間動畫。當您將移動補間動畫套用到不允許的物件類型時,Animate 可讓您選擇在建立補間動畫時將這些物件類型轉換為影片片段。套用傳統補間動畫會將這些物件類型轉換為圖像元件。
移動補間動畫會將文字視為可補間的類型,而且不會將文字物件轉換為影片片段;而傳統補間動畫則會將文字物件轉換為圖像元件。
移動補間動畫範圍不允許使用影格指令碼。傳統補間動畫可以使用影格指令碼。
補間動畫目標上的任何物件程式碼,在移動補間動畫範圍的過程中都不會改變。
移動補間動畫範圍可以在「時間軸」中延伸及調整大小,而且會被視為單一物件。傳統補間動畫是由「時間軸」中可選取的個別影格群組所組成。
若要選取移動補間動畫範圍中的個別影格,請按住 Ctrl 並按一下 (Windows) 或按住 Command 並按一下 (Macintosh) 要選取的影格。
使用傳統補間動畫,加/減速可以套用至補間動畫中關鍵影格之間的影格群組。使用移動補間動畫時,加/減速會套用至移動補間動畫範圍的全長。您必須建立自訂的加/減速曲線,才能針對移動補間動畫的特定影格套用加/減速。
您可以使用傳統補間動畫,在兩個不同的顏色效果 (例如色調和 Alpha 透明度) 之間建立動畫。針對每一個補間動畫,移動補間動畫只能套用一種顏色效果。
只有移動補間動畫可以用來為 3D 物件建立動畫。您無法使用傳統補間動畫為 3D 物件建立動畫。
只有移動補間動畫可以另存成移動預設效果。
使用移動補間動畫時,您無法替換元件,也無法設定圖像元件在屬性關鍵影格中顯示的影格數。必須使用傳統補間動畫,製成的動畫才能包含這些技術。
同一個圖層上可以有一個以上的傳統或移動補間動畫,但這兩種補間動畫不能同時存在於同一個圖層上。
額外的資源
下列文章與資源是說明移動補間動畫與傳統補間動畫之間的差異:
在 Animate 中建立簡單動畫 (Adobe.com)
Animate 的移動移轉指南 (Adobe.com)
Jen DeHaan 在其 Flashthusiast.com 網站部落格提供有關 Animate 移動模型,以及移動補間動畫與傳統補間動畫之間差異的實用文章。