Animate CC 時間軸與各種影格
更新於 發佈於 閱讀時間約 2 分鐘
要構成動畫的二大元素『時間』與『動畫內容』，在Animate中都是仰賴時間軸控制版，動畫內容即是以圖層來構成，而動畫時間的控制就得仰賴時間軸上的『影格』，來進行動畫設計製作與記錄。
1.時間軸
Adobe Animate CC 中的「時間軸」會隨著時間的經過，在圖層與影格中組織並控制文件內容。就像影片一樣，Animate 文件會將時間長度分成多個影格。圖層就像是多張底片層層相疊，每個圖層包含出現在舞台上的不同影像。「時間軸」的主要組件是圖層、影格和播放磁頭。
文件中的圖層會在時間軸左邊的欄中列出。
(A)每個圖層中包含的影格，會出現在圖層名稱右邊的列中。
「時間軸」頂端的「時間軸」標題會顯示影格編號。
(B)播放磁頭會指出目前在「舞台」上顯示的影格。播放文件時，播放磁頭會從時間軸的左方移至右方。
根據預設，播放磁頭會在到達結尾時重複播放。顯示在「時間軸」底部的「時間軸」狀態欄位會顯示選取的影格編號、目前影格速率，以及目前影格的經過時間。
(A)每個圖層中包含的影格，會出現在圖層名稱右邊的列中。
「時間軸」頂端的「時間軸」標題會顯示影格編號。
(B)播放磁頭會指出目前在「舞台」上顯示的影格。播放文件時，播放磁頭會從時間軸的左方移至右方。
根據預設，播放磁頭會在到達結尾時重複播放。顯示在「時間軸」底部的「時間軸」狀態欄位會顯示選取的影格編號、目前影格速率，以及目前影格的經過時間。
2. 影格
在時間軸上的基本影格種類有三種：
(1) 靜態影格
影格是任何動畫的核心，指定時間和移動的每個區段。影片中的影格總數，以及影格播放速度，決定影片的整體長度。
影格是任何動畫的核心，指定時間和移動的每個區段。影片中的影格總數，以及影格播放速度，決定影片的整體長度。
(2) 關鍵影格
「關鍵影格」是在「時間軸」中顯示新元件實體的影格。關鍵影格也可以是包含 ActionScript® 程式碼以控制文件某些部分的影格。
「關鍵影格」是在「時間軸」中顯示新元件實體的影格。關鍵影格也可以是包含 ActionScript® 程式碼以控制文件某些部分的影格。
(3) 空白關鍵影格
您也可以在時間軸中增加「空白關鍵影格」，做為稍後要加入之元件的預留位置，或將這個影格保留空白。
您也可以在時間軸中增加「空白關鍵影格」，做為稍後要加入之元件的預留位置，或將這個影格保留空白。
使用關鍵影格，您就可以設定位置、增加錨點、動作、註解等等。
3. 影格速率
影格速率 (在 Adobe Animate CC 中播放動畫的速度) 是以每秒影格數 (FPS) 測得。影格速率太慢會讓動畫看起來斷斷續續的，而太快又會讓動畫的細節變得模模糊糊的，結論是若需要有較多的動畫動作細節表現時就需要較大的影格速率值。新的 Animate 文件預設的影格速率為 24 fps，通常能在網路上產生最佳的播放效果 (電影的標準速率也是 24 fps)。
動畫的複雜度以及播放動畫的電腦速度都會影響播放的流暢度。所以，若要決定最佳的影格速率，請在多台具有不同處理功能的電腦上測試動畫。由於您只會為整個 Animate 文件指定一個影格速率，因此，請在建立動畫前，先設定想要的影格速率。影格速率最後會決定播放磁頭在「時間軸」移動的速率。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果
為什麼會看到廣告
29會員
129內容數
多媒體設計的專業能力養成過程，除了有效率學習軟體之外，更重要的是各個軟體間的整合應用!
Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等，相關的整合應用有機會皆會與大家分享喔~
留言0
查看全部
你可能也想看
Google News 追蹤
提問的內容越是清晰，強者、聰明人越能在短時間內做判斷、給出精準的建議，他們會對你產生「好印象」，認定你是「積極」的人，有機會、好人脈會不自覺地想引薦給你
Animation Presets 是預設的動畫效果和屬性設定，套用後就可以做出動畫效果。
Animate Out 是預設的文字出場(離開)效果。
Animation Presets 是預設的動畫效果和屬性設定，套用後就可以做出動畫效果，無需從零開始進行複雜的調整。
其中的 Animate In 是讓文字以各種動畫方式進場。可用來製作標題或字幕進場的動畫。
從2021年就在日本巡迴的《Animage雜誌和吉卜力展》，現在從1/8～4/6在華山1914文創園區東2C、D棟展出。
Ae 小技巧：Motion Tile 連續圖 / 背景
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
我們最早就是在做動畫，從一般廣告開始，慢慢去擴展不同的類型，比如說遊戲、角色動畫、電視與電影的特效……等等，但是越做越專業的情況下，我們就想再去做一些延伸，像是虛擬攝影棚跟虛擬製作，我們找到這些工作項目的共通元素去發展，甚至到後面我們還去做互動設計、沉浸式多媒體展覽與現在時下最熱門的AI生成技術。
在 After Effects 中，彈跳效果（Bounce Expression）可以讓層看起來像是受到彈簧或重力的影響，常用於創建自然的運動效果。這些表達式可以應用於位置（Position）、比例（Scale）、透明度（Opacity）等屬性。
Ae 小技巧：製作3D 方塊
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
提問的內容越是清晰，強者、聰明人越能在短時間內做判斷、給出精準的建議，他們會對你產生「好印象」，認定你是「積極」的人，有機會、好人脈會不自覺地想引薦給你
Animation Presets 是預設的動畫效果和屬性設定，套用後就可以做出動畫效果。
Animate Out 是預設的文字出場(離開)效果。
Animation Presets 是預設的動畫效果和屬性設定，套用後就可以做出動畫效果，無需從零開始進行複雜的調整。
其中的 Animate In 是讓文字以各種動畫方式進場。可用來製作標題或字幕進場的動畫。
從2021年就在日本巡迴的《Animage雜誌和吉卜力展》，現在從1/8～4/6在華山1914文創園區東2C、D棟展出。
Ae 小技巧：Motion Tile 連續圖 / 背景
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
我們最早就是在做動畫，從一般廣告開始，慢慢去擴展不同的類型，比如說遊戲、角色動畫、電視與電影的特效……等等，但是越做越專業的情況下，我們就想再去做一些延伸，像是虛擬攝影棚跟虛擬製作，我們找到這些工作項目的共通元素去發展，甚至到後面我們還去做互動設計、沉浸式多媒體展覽與現在時下最熱門的AI生成技術。
在 After Effects 中，彈跳效果（Bounce Expression）可以讓層看起來像是受到彈簧或重力的影響，常用於創建自然的運動效果。這些表達式可以應用於位置（Position）、比例（Scale）、透明度（Opacity）等屬性。
Ae 小技巧：製作3D 方塊
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。