請使用本文,了解 Animate CC 中「時間」的各個組件。

時間軸

Adobe Animate CC 中的「時間軸」會隨著時間的經過,在圖層與影格中組織並控制文件內容。就像影片一樣,Animate 文件會將時間長度分成多個影格。圖層就像是多張底片層層相疊,每個圖層包含出現在舞台上的不同影像。「時間軸」的主要組件是圖層、影格和播放磁頭。

  • 文件中的圖層會在時間軸左邊的欄中列出。
  • 每個圖層中包含的影格,會出現在圖層名稱右邊的列中。
  • 「時間軸」頂端的「時間軸」標題會顯示影格編號。
  • 播放磁頭會指出目前在「舞台」上顯示的影格。播放文件時,播放磁頭會從時間軸的左方移至右方。

根據預設,播放磁頭會在到達結尾時重複播放。顯示在「時間軸」底部的「時間軸」狀態欄位會顯示選取的影格編號、目前影格速率,以及目前影格的經過時間。

如需有關「時間軸」的詳細資訊,請參閱如何在 Animate 中使用時間軸時間軸教學課程

影格

影格位於任何動畫的核心,指定時間和移動的每個區段。影片中的影格總數,以及影格播放速度,決定影片的整體長度。

若要深入了解影格,請參閱影格文章和建立逐格動畫文章。

影格範圍

關鍵影格及跟隨關鍵影格的一般影格範圍,稱為連續關鍵影格。時間軸可以包含任意個連續關鍵影格。如果連續的關鍵影格包含舞台上可見的圖像內容,則跟隨關鍵影格的一般影格將會呈現灰色。如果連續的關鍵影格未包含圖像內容,則跟隨關鍵影格的一般影格會呈現白色。

關鍵影格

就像影片一樣,Adobe Animate CC 文件會將時間長度分成多個影格。您可以在「時間軸」中使用這些影格來組織及控制文件的內容。您可以依據您要影格物件在完成內容中出現的順序來排列時間軸中的影格順序。

「關鍵影格」是 Adobe Animate CC 中的影格,在「時間軸」中顯示新元件實體。關鍵影格也可以是包含 ActionScript 程式碼以控制文件某些部分的影格。

您也可以在「時間軸」中新增空白關鍵影格,做為稍後要加入之元件的預留位置,或將這個影格保留空白。「時間軸」中的黑點表示單一關鍵影格。單一關鍵影格後的淺灰色影格,內含相同的內容。

這些影格在範圍的最後一個影格位置上,都有一個垂直的黑色線段以及一個空的矩形。位於開頭關鍵影格的黑點以及黑色箭頭和藍色背景表示傳統補間動畫。

請不要將關鍵影格與屬性關鍵影格混淆,屬性關鍵影格的「時間軸」圖示為實色菱形,而標準關鍵影格圖示則為空白或填色的圓形。

多影格編輯

編輯多個影格。

FPS

每秒影格數

影格速率 (在 Adobe Animate CC 中播放動畫的速度) 是以每秒影格數 (FPS) 測得。影格速率太慢會讓動畫看起來斷斷續續的,而太快又會讓動畫的細節變得模模糊糊的。新的 Animate 文件預設的影格速率為 24 fps,通常能在網路上產生最佳的播放效果 (電影的標準速率也是 24 fps)。

動畫的複雜度以及播放動畫的電腦速度都會影響播放的流暢度。所以,若要決定最佳的影格速率,請在多台具有不同處理功能的電腦上測試動畫。由於您只會為整個 Animate 文件指定一個影格速率,因此,請在建立動畫前,先設定想要的影格速率。影格速率最後會決定播放磁頭在「時間軸」移動的速率。

請參閱動畫基本概念文章,深入了解每秒影格數。

加/減速

加/減速技巧可用來修改 Adobe Animate CC 計算補間動畫屬性關鍵影格間屬性值的方式。若未設定加/減速,Animate 會以相同的速度在動畫的每個影格上移動補間動畫物件。透過加/減速,您可以調整補間動畫物件的速度,使移動看起來更為自然,並建立複雜的動畫。加/減速是套用到補間動畫的屬性值的數學曲線。

補間動畫的最後效果是結合補間動畫與加/減速曲線中屬性值範圍的結果,可讓補間動畫物件緩慢和加快開始、快速及慢速啟動,或者這些效果的一些組合。

例如,當您在「舞台」製作汽車的動畫,若汽車從停止狀態緩慢地啟動,並逐漸加快速度建立動量,移動會更加逼真。「屬性」檢測器中套用的加/減速會影響補間動畫中包含的所有屬性。在「移動編輯器」中套用的加/減速可能會影響補間動畫的單一屬性、屬性群組或所有屬性。

請參閱形狀補間動畫如何編輯移動補間動畫,取得有關加/減速的詳細資訊。

描圖紙

使用描圖紙可以比較前後影格,並調整目前影格中的物件。在描圖紙處於開啟的狀態 (預設設定) 時,連續動畫的其中一個影格會依次出現在「舞台」上。

顯示的影格會對應至「時間軸」中的播放磁頭位置。當描圖紙啟用時,播放磁頭下的影格會以全彩顯示,但周圍的影格會呈現灰色,看起來就像是每個影格都畫在一張半透明的描圖紙上,而且這些紙張彼此相疊。

呈現灰色的影格無法編輯,僅顯示做為視覺參考之用。

如需有關描圖紙的詳細資訊,請參閱建立逐格動畫時間軸

圖層

圖層可以協助您組織 Adobe Animate CC 文件中的圖案。您可以在一個圖層上繪製及編輯物件,而不影響另一個圖層上的物件。在「舞台」區域上,當其中圖層內沒有物件時,您就可以透視到下方的圖層。若要對圖層或資料夾進行繪圖、上色或修改,請選取「時間軸」的圖層,讓它變成作用中的狀態。圖層或資料夾名稱旁的鉛筆圖示,代表「時間軸」中的圖層或資料夾處於作用中狀態。

一次只能有一個作用中的圖層,但一次可以選取一個以上的圖層。當您建立 Animate 文件時,文件中只包含一個圖層。您可以增加更多圖層,組織文件中的圖案、動畫及其他元素。您也可以隱藏、鎖定或重新排列圖層。 

您所能建立的圖層數目只受限於電腦記憶體,圖層並不會增加發佈的 SWF 檔案大小。只有當您將物件放置到圖層中時,才會增加檔案的大小。為了協助建立複雜的效果,您可以使用特殊導引線圖層以方便繪圖和編輯,以及建立遮色片圖層。

若要深入了解圖層,請前往建立時間軸圖層

遮色片圖層

遮色片圖層包含了當做遮色片使用的物件,以隱藏其下方的選定圖層部分。只有未遭到遮色片覆蓋的遮色片圖層部分才能看見。

若要了解如何使用遮色片圖層,請參閱使用 Animate CC 中的遮色片圖層

導引線圖層

在 Adobe Animate CC 中繪圖時,若要將物件對齊,請建立導引線圖層,並將其他圖層上的物件與您在導引線圖層上建立的物件對齊。任何圖層都可以是導引線圖層。導引線圖層會以圖層名稱左邊的導引線圖示表示。這樣不會匯出導引線圖層,而導引線圖層也不會顯示在已發佈的 SWF 檔案中。

雖然您無法將移動補間動畫圖層或反向運動姿勢圖層拖曳到導引線圖層,但是可以將一般圖層拖曳到導引線圖層。這會將導引線圖層轉換為移動導引線圖層,並且將一般圖層連結至這個新的移動導引線圖層。

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

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