關於時間軸

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

Timeline

時間軸會顯示動畫在文件中的位置,包括逐格動畫、補間動畫和移動路徑。時間軸中圖層區段的控制項可以讓您隱藏、顯示、鎖定或解除鎖定圖層,以及將圖層內容顯示為外框。您可以將「時間軸」影格拖曳到相同或不同圖層中的新位置。

ws_timeline

註解:

播放動畫時會顯示實際的影格速率。如果電腦無法快速計算並顯示動畫,則這個影格速率可能與文件影格速率設定不同。

描圖紙

請執行下列其中一項:

  • 在「時間軸」中選取「描圖紙」圖示 (即「重複」圖示左邊的圖示)。所有在「開始描圖紙」和「結束描圖紙」標記 (位於「時間軸」標題) 之間的影格都會在「文件」視窗中重疊成一個影格。
  • 選取 將描圖紙的影格顯示成外框。

如需詳細資訊,請參閱使用描圖紙

變更時間軸的外觀

根據預設,「時間軸」會顯示在主文件視窗下方。若要變更時間軸的位置,將「時間軸」從文件視窗拆離,然後在它自己的視窗中保持浮動。您可以將其固定在所選擇的任何其他面板上。您也可以隱藏時間軸。

若要變更可見圖層與影格的數目,請調整「時間軸」的大小。當「時間軸」包含超過所能顯示的圖層時,若要檢視其他圖層,請使用「時間軸」右側的捲軸。

ws_timeline_gripper
拖曳時間軸

  • 當「時間軸」鎖定至文件視窗時,若要移動它,請拖曳「時間軸」左上角的標題列標籤。

  • 若要將未鎖定的「時間軸」鎖定至應用程式視窗,請將標題列標籤拖曳至文件視窗頂端或底部。

  • 若要將未鎖定的「時間軸」鎖定至其他面板,請將「時間軸」標題列標籤拖曳到您選擇的位置。若要防止「時間軸」鎖定至其他面板,請在拖曳時按住 Control 鍵。會出現藍色橫條,指出「時間軸」將鎖定到的位置。

  • 若要加長或縮短「時間軸」面板中的圖層名稱欄位,請拖曳「時間軸」中圖層名稱與影格部分之間的分隔列。

自訂時間軸檢視

  1. 若要顯示「影格檢視」彈出式選單,請按一下「時間軸」右上角的「影格檢視」。

    ws_new_frame_view01
    影格檢視彈出式選單。

  2. 請選取下列其中一個選項:

    • 若要變更影格儲存格的寬度,請選取「極小」、「較小」、「一般」、「中」或「大」 (「大」影格寬度設定在檢視聲音波形的細節時非常有用)。

    • 若要減低影格儲存格列的高度,請選取「較短」。


      較短與一般影格檢視選項。

    • 若要開啟或關閉連續影格著色,請選取「著色的影格」。

    • 在將影格縮放成符合時間軸影格大小後,若要顯示每個影格內容的縮圖,請選取「預覽」。這個預覽會更改外觀內容的大小,因而需要額外的畫面空間。

    • 若要顯示每個完整影格的縮圖 (包括空白部分),請選取「預覽內容」。這個預覽非常適合用來檢視整個動畫過程中,元素在其影格中移動的方式。
    • 若要自訂時間軸檢視中的影格數目,請使用「調整時間軸檢視大小」滑桿列。您也可以使用「調整時間軸檢視大小」滑桿列旁邊的「符合檢視中較少影格」或「符合檢視中較多影格」按鈕。
    • 使用「將時間軸縮放重設為預設等級」按鈕,將檢視重設為預設等級。

     

    TimelineZoom-After
    時間軸縮放

變更時間軸中的圖層高度

  1. 請執行下列其中一項:

    • 按兩下「時間軸」中圖層的圖示 (圖層名稱左邊的圖示)。

    • 在圖層名稱上按右鍵 (Windows) 或按 Control + 按一下該圖層名稱 (Macintosh),再從快顯選單中選取「屬性」。

    • 選取「時間軸」中的圖層,再選取「修改 > 時間軸 > 圖層屬性」。

  2. 在「圖層屬性」對話方塊中,選取「圖層高度」的選項,再按一下「確定」。

設定圖層透明度

請執行下列其中一項:

  • 若要將可見度設為透明,請在時間軸的「眼睛」欄使用 shift + 按一下圖層。
  • 按兩下「時間軸」中圖層的圖示 (圖層名稱左邊的圖示)。
  • 在圖層名稱上按右鍵 (Windows) 或按 Control + 按一下 (Macintosh) 該圖層名稱,再從快顯選單中選取「屬性」。在「圖層屬性」對話方塊中,選取「可見度 > 透明」。
  • 在圖層名稱上按右鍵 (Windows) 或按 Command + 按一下 (Macintosh) 圖層名稱,再選取「將其他項目顯示為透明」。

調整時間軸面板大小

  • 如果時間軸鎖定在主應用程式視窗上,請拖曳時間軸與舞台區域之間的分隔列。

  • 如果時間軸未鎖定在主應用程式視窗上,請拖曳時間軸的右下角 (Windows) 或右下角的大小方塊 (Macintosh)。

移動播放磁頭

時間軸頂端的紅色播放頭會隨著文件播放而移動,以指出舞台上目前顯示的影格。時間軸標題會顯示動畫的影格編號。若要在「舞台」中顯示影格,請將播放磁頭移動到「時間軸」中該影格的位置。

若要在使用多個影格時顯示特定影格,請沿著時間軸移動播放磁頭。

  • 若要移至某個影格,請按一下「時間軸」標題中的影格位置,或將播放磁頭拖曳到所要的位置。

  • 若要使目前影格顯示於時間軸中心,請按一下時間軸底部的「影格置中」按鈕。
  • 在時間軸啟用「重複」選項之後,您現在可以隨著其他動畫,在某個影格範圍內重複串流音效。
ws_move_playhead
移動播放磁頭

同時檢視時間與影格

時間軸會顯示時間 (單位為秒) 與影格編號。這個功能可以讓您更快地將影格轉換至時間,同時也能讓您了解動畫處理過程中每秒多少影格 (fps) 值的設定。 

在下方的螢幕快照中,時間軸每秒顯示 20 個影格 (fps):

display-of-time
同時檢視時間與影格

您也可以隱藏時間軸上的時間標記。前往「編輯 > 偏好設定 > 一般」,然後選取「隱藏時間軸上的時間標記」。

hide-timemarkers-timeline
「隱藏時間軸上的時間標記」選項

管理動畫速度

縮放影格範圍、根據時間間隔製作動畫即可管理動畫速度,或者使用時間控制可延長和壓縮動畫。 

縮放影格範圍

您可以在不變更動畫速度的情況下變更動畫的每秒影格數 (fps)。變更 fps 時使用「縮放影格範圍」選項,可讓時間保持不變。

scale-frame-spans
「縮放影格範圍」選項

根據時間間隔來製作動畫

將影格範圍調整為 1s2s3s 或任何想要的間隔。這項功能適用於傳統補間動畫範圍、形狀補間動畫範圍、移動補間動畫範圍、關鍵影格範圍,或空白關鍵影格範圍。

custom-frame-by-frame
使用特定時間間隔的自訂逐格動畫。

「轉換為逐格動畫」選項位於「修改」選單中。您也可以在「鍵盤」快速鍵對話方塊中指定想要的按鍵,以便執行這些工作。

使用時間軸控制項延長或壓縮動畫

您可以延長或減少時間軸上選取範圍的時間。選取影格範圍,然後將時間軸上選取範圍的右邊緣往前或往後拖曳。時間軸內的影格會自動調整。

您可以拖曳時間軸的範圍多次重複動畫 (x2、x3 等)。您也可以在延長影格之後,將其壓縮回原來的位置。 

選取時間軸中的影格、按一下,然後拖曳選項右側反白標示的邊緣。

frameselection_rightborder
影格選取範圍和邊框

拖曳時 (如下方螢幕快照所示),您可以以倍數方式檢視動畫,如 x2x3 等等。

stretchselectedframes
拖曳時顯示延伸的影格。

在下方的螢幕快照中,您能以 x2 的倍數檢視延長的範圍。x2 是所選範圍大小的兩倍。x3 是範圍原始大小的三倍。

stretchedspans
拖曳後延長的範圍。

關鍵影格瀏覽

您可以在作用中的圖層上,使用「控制」選單瀏覽不同的關鍵影格。您也可以使用 Alt+.Alt+, 前後移動至時間軸的下一個或上一個關鍵影格。

關鍵影格瀏覽選項和鍵盤快速鍵
關鍵影格瀏覽選項和鍵盤快速鍵

您可以在作用中的圖層上,使用圖層上的向左和向右控制項瀏覽不同的關鍵影格。此外,還可使用選單和鍵盤快速鍵。 

navigation-controls
圖層上顯示向左和向右控制項的時間軸。

註解:

您可以使用網頁導覽快速鍵,如 Alt+Shift+, 可向後導覽,Alt+Shift+. 可向前導覽。

從舞台平移時間軸

現在您可以使用新的「時間拖曳」工具直接從舞台拖曳「時間軸」。這個工具會與「手形」工具一同放在「工具」面板的群組內。您也可以使用空白鍵 + T 鍵的鍵盤快速鍵暫啟用這個工具。在時間軸向左或向右拖曳以平移的方向檢視。

scrub-tool
顯示時間拖曳工具

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

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