使用手冊 取消

如何在 Animate 中使用時間軸

  1. Adobe Animate 使用手冊
  2. Animate 簡介
    1. Animate 的新功能
    2. 視覺詞彙
    3. Animate 系統需求
    4. Animate 鍵盤快速鍵
    5. 在 Animate 中使用多個檔案類型
  3. 動畫
    1. Animate 中的動畫基本概念
    2. 如何在 Animate 中使用影格及關鍵影格
    3. Animate 中的逐格動畫
    4. 如何在 Animate 中使用傳統補間動畫
    5. 筆刷工具
    6. 移動導引線
    7. 移動補間動畫與 ActionScript 3.0
    8. 關於移動補間動畫
    9. 移動補間動畫
    10. 建立移動補間動畫
    11. 使用屬性關鍵影格
    12. 使用補間動畫將位置製成動畫
    13. 如何使用移動編輯器編輯移動補間動畫
    14. 編輯補間動畫的移動路徑
    15. 操作移動補間動畫
    16. 新增自訂加/減速
    17. 建立和套用移動預設效果
    18. 設定動畫補間動畫範圍
    19. 使用儲存為 XML 檔案的移動補間動畫
    20. 移動補間動畫與傳統補間動畫
    21. 形狀補間動畫
    22. 在 Animate 中使用骨塊工具動畫
    23. 在 Animate 進行角色製作
    24. 如何在 Adobe Animate 中使用遮色片圖層
    25. 如何在 Animate 中使用場景
  4. 互動
    1. 如何使用 Animate 建立按鈕
    2. 將 Animate 專案轉換成其他文件類型格式
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 在 Animate 中使用程式碼片段增加互動功能
    5. 建立自訂 HTML5 組件
    6. 在 HTML5 Canvas 中使用組件
    7. 建立自訂組件:範例
    8. 自訂組件的程式碼片段
    9. 最佳作法 - 使用 Animate 做廣告
    10. 虛擬實境編寫和發佈
  5. 工作區和工作流程
    1. 建立和管理繪圖筆刷
    2. 在 HTML5 Canvas 文件中使用 Google 字體
    3. 使用 Creative Cloud Libraries 和 Adobe Animate
    4. 使用 Animate 的舞台和工具面板
    5. Animate 工作流程和工作區
    6. 在 HTML5 Canvas 文件中使用網頁字體
    7. 時間軸與 ActionScript
    8. 使用多重時間軸
    9. 設定偏好設定
    10. 使用 Animate 編寫面板
    11. 使用 Animate 建立時間軸圖層
    12. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    13. 移動和複製物件
    14. 範本
    15. Animate 中的尋找和取代
    16. 還原、重做和操作記錄面板
    17. 鍵盤快速鍵
    18. 如何在 Animate 中使用時間軸
    19. 建立 HTML 擴充功能
    20. 影像和 GIF 動畫的最佳化選項
    21. 匯出影像和 GIF 的設定
    22. Animate 中的資源面板
  6. 多媒體和視訊
    1. 在 Animate 中變形及結合圖像物件
    2. 在 Animate 中建立並使用元件實體
    3. 影像描圖
    4. 如何在 Adobe Animate 中使用聲音
    5. 匯出 SVG 檔案
    6. 建立要在 Animate 中使用的視訊檔案
    7. 如何在 Animate 增加視訊
    8. 使用視訊提示點
    9. 使用 Animate 繪製及建立物件
    10. 調整線條和形狀
    11. 使用 Animate CC 中的筆畫、填色和漸層
    12. 使用 Adobe Premiere Pro 和 After Effects
    13. Animate CC 中的色彩面板
    14. 使用 Animate 開啟 Flash CS6 檔案
    15. 在 Animate 中使用傳統文字
    16. 將圖案放入 Animate 中
    17. Animate 中匯入的點陣圖
    18. 3D 圖像
    19. 在 Animate 中使用元件
    20. 使用 Adobe Animate 繪製線條和形狀
    21. 使用 Animate 中的元件庫
    22. 匯出聲音
    23. 在 Animate CC 中選取物件
    24. 在 Animate 中使用 Illustrator AI 檔案
    25. 使用噴刷工具套用圖樣
    26. 套用混合模式
    27. 排列物件
    28. 使用命令選單自動執行工作
    29. 多國語言文字
    30. 使用 Animate 中的攝影機
    31. 搭配使用 Animate 與 Adobe Scout
    32. 使用 Fireworks 檔案
    33. 圖像濾鏡
    34. 聲音和 ActionScript
    35. 繪圖偏好設定
    36. 使用鋼筆工具繪圖
  7. 平台
    1. 將 Animate 專案轉換成其他文件類型格式
    2. 自訂平台支援
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 建立並發佈 WebGL 文件
    5. 如何封裝 AIR for iOS 的應用程式
    6. 發佈 AIR for Android 應用程式
    7. Adobe AIR for Desktop 的發佈功能
    8. ActionScript 發佈設定
    9. 最佳作法 - 在應用程式中組織 ActionScript
    10. 如何搭配使用 ActionScript 與 Animate
    11. 最佳作法 - 輔助功能原則
    12. Animate 工作區中的輔助功能
    13. 撰寫和管理指令碼
    14. 啟用自訂平台的支援
    15. 自訂平台支援概觀
    16. 建立輔助功能內容
    17. 使用自訂平台支援外掛程式
    18. ActionScript 3.0 的除錯
    19. 啟用自訂平台的支援
  8. 匯出與發佈
    1. 如何從 Animate CC 匯出檔案
    2. OAM 發佈
    3. 匯出 SVG 檔案
    4. 使用 Animate 匯出圖像和視訊
    5. 發佈 AS3 文件
    6. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    7. 匯出聲音
    8. 匯出 QuickTime 視訊檔
    9. 使用 ActionScript 控制外部視訊播放
    10. 最佳作法 - 建立行動裝置內容的秘訣
    11. 最佳作法 - 視訊慣例
    12. 最佳作法 - SWF 應用程式編寫原則
    13. 最佳作法 - 建構 FLA 檔
    14. 最佳化 Animate 的 FLA 檔案的最佳作法
    15. ActionScript 發佈設定
    16. 指定 Animate 的發佈設定
    17. 匯出放映檔
    18. 匯出影像和 GIF 動畫
    19. HTML 發佈範本
    20. 使用 Adobe Premiere Pro 和 After Effects
    21. 快速分享和發佈您的動畫

關於時間軸

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

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

現代化時間軸

「時間軸」面板的外觀與風格已加強,其中包括清楚的影格間隔呈現、更方便讀取的影格和時間標記、增強的描圖紙、建立關鍵影格、空白影格等的按鈕。

全新的時間軸

時間軸控制項

時間軸標題直接呈現其他功能,看起來更加豐富。

時間軸標題

圖層檢視

只要按一下左上方的「圖層檢視」圖示,就能從預設的多重圖層檢視切換至目前圖層檢視。

多重圖層檢視
多重圖層檢視

單一圖層檢視
單一圖層檢視

攝影機

若要啟用或停用攝影機,請按一下攝影機按鈕。

圖層上層檢視

顯示圖層的上層階層。

圖層深度

此選項會建立圖層深度面板,讓您可以檢視清單中所提供作用中圖層的深度。 

註解:

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

描圖紙

描圖紙已經全面換新,變得更簡易。按一下描圖紙按鈕即可啟用描圖紙。描圖紙已進一步加強,以滑鼠右鍵按一下描圖紙範圍內的任何描圖紙影格,就能選擇性地排除 (及包含) 影格。 

主要描圖紙

執行下列其中一項:

  • 按一下「描圖紙」按鈕 ,即可啟用和停用描圖紙。啟用時,所有在「開始描圖紙」和「結束描圖紙」標記 (位於「時間軸」標題) 之間的影格都會在「文件」視窗中重疊成一個影格。
  • 對「描圖紙」按鈕 按住滑鼠,即可檢視和選取選項,例如選取的範圍、全部影格、錨點標記和進階設定。
  • 在「時間軸」中選取「描圖紙」圖示 (即「重複」圖示左邊的圖示)。

此面板中的部分描圖紙參數是現有的功能,例如外框模式、描圖紙先前/未來影格顏色偏好設定、錨點標記。

  • 僅限關鍵影格模式:僅顯示描圖紙範圍中的關鍵影,亦即在補間動畫的影格之間略過。
  • 起始不透明度:作用中影格任一邊上的第一個描圖紙影格的不透明度。
  • 遞減:每個描圖紙影格間的百分比差異減少。
  • 限制:啟用限制時,上一個和下一個影格的範圍是相同的,除非使用者從時間軸編輯範圍。

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

此面板中的部分描圖紙參數是現有的功能,例如外框模式、描圖紙先前/未來影格顏色偏好設定、錨點標記。

·       僅限關鍵影格模式:僅顯示描圖紙範圍中的關鍵影,亦即在補間動畫的影格之間略過。

·       起始不透明度:作用中影格任一邊上的第一個描圖紙影格的不透明度。

·       遞減:每個描圖紙影格間的百分比差異減少。

限制:啟用限制時,上一個和下一個影格的範圍是相同的,除非使用者從時間軸編輯範圍。
進階描圖紙
進階設定

A. 第一個描圖紙影格的不透明度 B. 減少描圖紙影格間的不透明度 C. 僅顯示關鍵影格 D. 錨點標記 

編輯多個影格

此選項可讓您檢視和編輯所選範圍內多個影格的內容。

對「編輯多個影格」按鈕按住滑鼠,即可檢視和選取「編輯選取的範圍」,並編輯所有影格。按一下即可停用和啟用「編輯多個影格」模式。

編輯多個影格

建立補間動畫

對「建立補間動畫」圖示按住滑鼠,即可檢視和選取選項。選取時間軸中的影格範圍,並按一下「建立補間動畫」,以根據目前的選取範圍建立補間動畫。

建立補間動畫

變更時間軸的外觀

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

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

拖曳時間軸

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

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

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

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

自訂時間軸檢視

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

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

    • 若要變更圖層的大小,請選取「大」、「中」或「較短」。(「大」影格寬度設定在檢視聲音波形的細節時非常有用)。
    • 在將影格縮放成符合時間軸影格大小後,若要顯示每個影格內容的縮圖,請選取「預覽」。這個預覽會更改外觀內容的大小,因而需要額外的畫面空間。
    • 若要將「時間軸控制項」移到頂端或底部,請分別選取「檔頭頂端」或「檔頭底部」。
    • 若要放大和縮小「時間軸」,請使用「時間軸調整檢視大小」滑桿。
    表頭的時間軸
    表頭的時間軸

    表尾的時間軸
    表尾的時間軸

變更時間軸中的圖層高度

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

    • 按一下「時間軸」表頭中的功能表選單選取「短」、「中」或「高」。

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

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

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

    較短圖層高度
    較短圖層高度

    高圖層高度
    高圖層高度

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

圖層標色和鎖定

您可以按一下圖層名稱後面的點,將圖層鎖定或標色,以便識別。啟用時,具有圖層外框顏色的底線會出現在圖層間,以便快速辨識。 

圖層標色

設定圖層不透明度

執行下列其中一項:

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

調整時間軸面板大小

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

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

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

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

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

  • 若要使目前影格顯示於時間軸中心,請按一下時間軸底部的「影格置中」按鈕。
  • 現在,只要拖曳到重複區段上,就能建立重複範圍。讓您可以匯出選取範圍中的影格 (做為影片或視訊)。
  • 在時間軸啟用「重複」選項之後,您也可以隨著其他動畫,在某個影格範圍內重複串流音效。
重複選項
重複

同時檢視時間與影格

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

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

同時檢視時間與影格

管理動畫速度

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

縮放影格範圍

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

「縮放影格範圍」選項

根據時間間隔來製作動畫

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

使用特定時間間隔的自訂逐格動畫。

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

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

現在,您可以在「展開影格範圍」欄位輸入想要的影格數目,以擴充所選影格的影格持續時間。所選影格的持續時間會加上「展開影格範圍」中輸入的數字。

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

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

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

影格選取範圍和邊框

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

拖曳時顯示延伸的影格。

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

拖曳後延長的範圍。

現在,在「展開影格範圍」欄位輸入想要的數字,即可擴充影格持續時間。所選影格的持續時間會加上「展開影格範圍」中輸入的數字。

瀏覽時間軸

關鍵影格瀏覽

現在,您可以按一下「退後一個影格」或「往前一個影格」按鈕,移到上一個或下一個影格。此外,對「退後一個影格」或「往前一個影格」按鈕按住滑鼠,還可以分別移到第一個或最後一個影格。

按一下「播放」按鈕,即可檢視您的動畫預覽。

VCR 控制項

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

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

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

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

註解:

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

插入影格和關鍵影格

只要在時間軸上按個按鈕,就能增加關鍵影格、空白關鍵影格和影格。對「關鍵影格」圖示按住滑鼠,即可檢視和選取選項。選取時間軸中的影格,並按一下「關鍵影格」圖示,以根據目前的選取範圍插入影格、關鍵影格或空白關鍵影格。

在「時間軸」面板中插入關鍵影格或空白關鍵影格,現在具有視覺化回饋。微微的光暈表示操作已執行。

建立關鍵影格

在「時間軸」面板中插入關鍵影格或空白關鍵影格,現在具有視覺化回饋。微微的光暈表示操作已執行。

僅限作用中的圖層模式

「時間軸檢視」圖示經過修改,加入新的模式,稱為「僅限作用中的圖層」。若只要檢視時間軸中的作用中圖層,請對「時間軸檢視」選項按住滑鼠,並選取「僅限作用中的圖層」。

從舞台平移時間軸

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

可自訂的時間軸工具列

利用可自訂的時間軸,您可以選擇要在時間軸工具列中顯示的動作按鈕。在時間軸的功能表選單中,按一下「自訂時間軸工具」。

A -「時間軸」功能表選單 B – 選單選項,以自訂時間軸工具列
A -「時間軸」功能表選單 B – 選單選項,以自訂時間軸工具列

隨即顯示具有工具列按鈕的面板,這些按鈕可在時間軸工具列中新增或移除。按一下面板外任何一處,關閉面板。當面板開啟時,其中就會選取時間軸工具列上顯示的按鈕。若要切換按鈕選項,請按一下適用的按鈕。變更會立即出現在時間軸工具列中。 

時間軸工具面板
A -「工具」面板 B – 影格按鈕群組 C - 補間動畫按鈕群組 D – 重設

時間軸工具列有幾個選項會組成一個按鈕。長按該按鈕就會顯示按鈕群組中的所有選項。

例如,「插入關鍵影格」或影格群組按鈕底下有下列四個選項:

  • 關鍵影格
  • 空白關鍵影格
  • 影格
  • 自動關鍵影格

在工具列面板中,上述選項會以群組按鈕及個別按鈕形式顯示。如果選取群組按鈕,則該群組中的個別按鈕會自動取消選取。再者,如果選取群組中的任何個別按鈕,則會取消選取群組按鈕。

「工具面板」中存在兩個這種群組。一個是插入關鍵影格或影格,另一個則是插入補間動畫。

「工具面板」中有幾個按鈕是成對選取及取消選取。例如,關鍵影格往後或往前的按鈕,以及往後和往前一個影格的按鈕。

如果您要捨棄組態面板中的任何變更,並將時間軸工具列回復成預設狀態,請按一下「重設時間軸控制」。

觀看影片,了解如何自訂時間軸

下一步?

我們已為您介紹如何使用和個人化您的「時間軸」。現在,您可以學習如何使用資源面板
來建立動畫。

更多類似項目

Adobe 標誌

登入您的帳戶

[Feedback V2 Badge]