2020-02-05|閱讀時間 ‧ 約 3 分鐘

Animate CC 時間軸與各種影格

要構成動畫的二大元素『時間』與『動畫內容』,在Animate中都是仰賴時間軸控制版,動畫內容即是以圖層來構成,而動畫時間的控制就得仰賴時間軸上的『影格』,來進行動畫設計製作與記錄。

1.時間軸
Adobe Animate CC 中的「時間軸」會隨著時間的經過,在圖層與影格中組織並控制文件內容。就像影片一樣,Animate 文件會將時間長度分成多個影格。圖層就像是多張底片層層相疊,每個圖層包含出現在舞台上的不同影像。「時間軸」的主要組件是圖層、影格和播放磁頭。
文件中的圖層會在時間軸左邊的欄中列出。 (A)每個圖層中包含的影格,會出現在圖層名稱右邊的列中。 「時間軸」頂端的「時間軸」標題會顯示影格編號。 (B)播放磁頭會指出目前在「舞台」上顯示的影格。播放文件時,播放磁頭會從時間軸的左方移至右方。 根據預設,播放磁頭會在到達結尾時重複播放。顯示在「時間軸」底部的「時間軸」狀態欄位會顯示選取的影格編號、目前影格速率,以及目前影格的經過時間。

2. 影格
在時間軸上的基本影格種類有三種:
(1) 靜態影格 影格是任何動畫的核心,指定時間和移動的每個區段。影片中的影格總數,以及影格播放速度,決定影片的整體長度。
(2) 關鍵影格 「關鍵影格」是在「時間軸」中顯示新元件實體的影格。關鍵影格也可以是包含 ActionScript® 程式碼以控制文件某些部分的影格。
(3) 空白關鍵影格 您也可以在時間軸中增加「空白關鍵影格」,做為稍後要加入之元件的預留位置,或將這個影格保留空白。
使用關鍵影格,您就可以設定位置、增加錨點、動作、註解等等。

3. 影格速率
影格速率 (在 Adobe Animate CC 中播放動畫的速度) 是以每秒影格數 (FPS) 測得。影格速率太慢會讓動畫看起來斷斷續續的,而太快又會讓動畫的細節變得模模糊糊的,結論是若需要有較多的動畫動作細節表現時就需要較大的影格速率值。新的 Animate 文件預設的影格速率為 24 fps,通常能在網路上產生最佳的播放效果 (電影的標準速率也是 24 fps)。
動畫的複雜度以及播放動畫的電腦速度都會影響播放的流暢度。所以,若要決定最佳的影格速率,請在多台具有不同處理功能的電腦上測試動畫。由於您只會為整個 Animate 文件指定一個影格速率,因此,請在建立動畫前,先設定想要的影格速率。影格速率最後會決定播放磁頭在「時間軸」移動的速率。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果

分享至
成為作者繼續創作的動力吧!
藉由Animate CC製作網頁上的動畫,並發佈成HTML5+CANVAS+JAVASCRIPT格式,已是最有效率設計製作專業網頁動畫效果的方式,筆者將藉由此空間分享與介紹Animate CC製作網頁動畫技巧,歡迎一起讓網頁上的內容動起來!
從 Google News 追蹤更多 vocus 的最新精選內容從 Google News 追蹤更多 vocus 的最新精選內容

發表回應

成為會員 後即可發表留言