使用手冊 取消

時間

  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. 使用 Animate 繪製及建立物件
    9. 調整線條和形狀
    10. 使用 Animate CC 中的筆畫、填色和漸層
    11. 使用 Adobe Premiere Pro 和 After Effects
    12. Animate CC 中的色彩面板
    13. 使用 Animate 開啟 Flash CS6 檔案
    14. 在 Animate 中使用傳統文字
    15. 將圖案放入 Animate 中
    16. Animate 中匯入的點陣圖
    17. 3D 圖像
    18. 在 Animate 中使用元件
    19. 使用 Adobe Animate 繪製線條和形狀
    20. 使用 Animate 中的元件庫
    21. 匯出聲音
    22. 在 Animate CC 中選取物件
    23. 在 Animate 中使用 Illustrator AI 檔案
    24. 套用混合模式
    25. 排列物件
    26. 使用命令選單自動執行工作
    27. 多國語言文字
    28. 使用 Animate 中的攝影機
    29. 圖像濾鏡
    30. 聲音和 ActionScript
    31. 繪圖偏好設定
    32. 使用鋼筆工具繪圖
  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. Animate 工作區中的輔助功能
    12. 撰寫和管理指令碼
    13. 啟用自訂平台的支援
    14. 自訂平台支援概觀
    15. 使用自訂平台支援外掛程式
    16. ActionScript 3.0 的除錯
    17. 啟用自訂平台的支援
  8. 匯出與發佈
    1. 如何從 Animate CC 匯出檔案
    2. OAM 發佈
    3. 匯出 SVG 檔案
    4. 使用 Animate 匯出圖像和視訊
    5. 發佈 AS3 文件
    6. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    7. 匯出聲音
    8. 最佳作法 - 建立行動裝置內容的秘訣
    9. 最佳作法 - 視訊慣例
    10. 最佳作法 - SWF 應用程式編寫原則
    11. 最佳作法 - 建構 FLA 檔
    12. 最佳化 Animate 的 FLA 檔案的最佳作法
    13. ActionScript 發佈設定
    14. 指定 Animate 的發佈設定
    15. 匯出放映檔
    16. 匯出影像和 GIF 動畫
    17. HTML 發佈範本
    18. 使用 Adobe Premiere Pro 和 After Effects
    19. 快速分享和發佈您的動畫
  9. 疑難排解
    1. 已修正問題
    2. 已知問題

 

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

時間軸

移動補間動畫中的時間軸

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

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

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

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

影格

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

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

影格範圍

移動補間動畫中的影格範圍

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

關鍵影格

Animate CC 中的影格及關鍵影格

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

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

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

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

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

多影格編輯

移動補間動畫中的多影格編輯

編輯多個影格。

FPS

每秒影格數

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

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

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

加/減速

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

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

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

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

描圖紙

Animate CC 中的描圖紙

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

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

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

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

圖層

移動補間動畫中的圖層

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

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

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

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

遮色片圖層

Animate CC 中的遮色片圖層

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

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

導引線圖層

移動補間動畫中的導引線圖層

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

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

更快、更輕鬆地獲得協助

新的使用者?