使用手冊 取消

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. 快速分享和發佈您的動畫

與 Animate (先前稱為 Flash Professional CC) 中的多數項目相同,動畫也不需要任何 ActionScript。不過,您可以選擇使用 ActionScript 來建立動畫。

動畫類型

Animate 提供幾種建立動畫和特效的方法。每一種方法都會以不同的方式建立有趣的動畫內容。

Animate 支援下列動畫類型:

移動補間動畫

使用移動補間動畫在兩個影格中設定物件的屬性,例如位置和 Alpha 透明度。然後 Animate 就會補上兩者之間的影格屬性值。補間動畫對於由連續動作或物件變形構成的動畫非常有幫助。移動補間動畫以連續的影格範圍形式出現在「時間軸」上,而且根據預設可將影格選取為單一物件。移動補間動畫容易建立而且效能強大。

傳統補間動畫

傳統補間動畫和移動補間動畫相似,但是建立的方式比較複雜。傳統補間動畫可以使用合併式補間動畫不能使用的某些特定動畫特效。

反向運動姿勢 (已於 Animate 中被取代)

反向運動姿勢可讓您延伸和彎曲形狀物件,以及連結元件實體群組,使元件實體的移動顯得更自然。當您將骨塊新增至形狀或一組元件後,您可以以不同的關鍵影格變更骨塊或元件的位置。Animate 會在之間的影格中內插位置。

形狀補間動畫

在形狀補間動畫中,您會先在「時間軸」中的一個特定影格上繪製形狀,然後在另一個特定影格上更改該形狀或繪製另一個形狀。Animate 接著會在影格之間補上一個中間形狀,創造某個形狀變化為另一個形狀的動畫。

逐格動畫

這個動畫技巧可讓您為「時間軸」中的每一個影格,指定不同的線條圖。使用這個技巧所建立的特效,就像是以快速連續播放影片的影格。這個技術適用於複雜動畫,因為其中每個影格的圖像元素都必須不同。

關於影格速率

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

動畫的複雜度以及播放動畫的電腦速度都會影響播放的流暢度。所以,若要決定最佳的影格速率,請在多台電腦上測試動畫。

由於您只會為整個 Animate 文件指定一個影格速率,因此請在開始建立動畫前設定好這個速率。

識別時間軸中的動畫

Animate 會在「時間軸」中,藉由在每個包含內容的影格中顯示不同的指示器的方式來區分補間動畫和逐格動畫。

下列影格內容指示器會出現在「時間軸」中:

  • 藍色背景的影格範圍表示移動補間動畫。範圍內第一個影格中若顯示黑色點,表示補間動畫範圍具備指定給它的目標物件。黑色菱形代表最後一個影格,以及任何其他屬性關鍵影格。屬性關鍵影格,是內含由您所明確定義之屬性變更的影格。您可以用滑鼠右鍵按一下 (Windows) 或 Command+按一下 (Macintosh) 移動補間動畫範圍,然後選擇快顯選單中的「檢視關鍵影格 > 類型」,以選擇要顯示哪些類型的屬性關鍵影格。預設 Animate 會顯示所有類型的屬性關鍵影格。範圍內所有其他影格內含目標物件之補間動畫屬性的插補值。

     

     

  • 第一個影格中的空心點表示移動補間動畫的目標物件已移除。補間動畫範圍仍會包含其屬性關鍵影格,並且可套用新的目標物件。

     

     

  • 綠色背景的影格範圍,代表反向運動 (IK)「姿勢圖層」。姿勢圖層內含 IK 骨架和「姿勢」。「時間軸」中的每一個姿勢都顯示為黑色菱形。Animate 會補上兩個姿勢之間的影格中骨架的位置。

     

     

  • 位於開頭關鍵影格的黑點以及黑色箭頭和藍色背景表示「傳統補間動畫」。

     

     

  • 虛線表示傳統補間動畫損毀或不完整,例如遺漏最後一個關鍵影格。

     

     

  • 位於開頭關鍵影格的黑點以及黑色箭頭和淡綠色背景表示「形狀補間動畫」。

     

     

  • 黑點表示單一關鍵影格。單一關鍵影格後的淺灰色影格,內含相同的內容。這些影格在範圍的最後一個影格位置上,都有一個垂直的黑色線段以及一個空的矩形。

     

     

  • 小寫 a 表示影格有由「動作」面板指定的影格動作。

     

     

  • 紅色旗標表示影格包含標籤。

     

     

  • 綠色雙斜線表示影格包含註解。

     

     

  • 金色錨點表示影格是一個命名錨點。

     

關於補間動畫中的圖層

Animate 文件中的每個場景都可包含任意數目的「時間軸」圖層。請使用圖層及圖層資料夾,以組織連續動畫的內容,以及分隔動畫物件。以圖層和資料夾來組織這些物件,可以避免在重疊時移除、連結或以區段分隔這些物件。若要建立一個動畫,並讓該動畫包含的移動補間動畫同時具有一個以上的元件或文字欄位,請將每一個物件放置於不同的圖層上。您可以使用一個圖層做為背景圖層來包含靜態圖案,並且使用其他圖層來包含個別的動畫物件。

當您建立移動補間動畫時,Animate 會將包含您選取要建立成補間動畫之物件的圖層,轉換成補間動畫圖層。補間動畫圖層具有一個補間動畫圖示,該圖示位於「時間軸」中的圖層名稱旁。

如果其他物件與補間動畫物件位於相同圖層,Animate 會視需要,在原始圖層的上方或下方加入新的圖層。任何存在於補間動畫物件下方且位於其原始圖層的物件都會移至原始圖層的新圖層下方。任何原始圖層上位於補間動畫物件上方的物件,都會移至原始圖層上方的新圖層。Animate 會將這些新的圖層插入「時間軸」中任何原有的圖層之間。這樣 Animate 就可以保存「舞台」上所有圖像物件的原始堆疊順序。

補間動畫圖層僅能包含補間動畫範圍 (內含補間動畫的連續影格群組)、靜態影格或空白影格。每個補間動畫範圍僅能包含單一目標物件,以及此目標物件的選擇性移動路徑。由於您無法在補間動畫圖層中繪圖,所以請在其他圖層上建立額外的補間動畫或靜態影格,再將其拖曳至補間動畫圖層。若要將影格指令碼放在補間動畫圖層上,請在其他圖層上建立好後再拖曳至補間動畫圖層。影格指令碼只能位於移動補間動畫範圍以外的影格中。一般而言,最好的做法是將所有影格指令碼放置在另一個圖層中,而且這個圖層只包含 ActionScript。

當某個文件中包含數個圖層時,追蹤或編輯圖層上方的一個或多個物件便十分困難。如果您一次只處理一個圖層的內容,這項工作就比較容易。若要隱藏或鎖定目前未使用的圖層,請在「時間軸」中按一下圖層名稱旁的「眼睛」圖示或「鎖定」圖示。使用圖層資料夾可協助您將圖層組織成可管理的群組。

將補間動畫的物件分散到圖層

當您將移動補間動畫套用至物件時,Animate 會自動將這個物件移至它自己的補間動畫圖層。但是,您也可以將物件分散到個別的圖層中。例如,當您在組織內容時,可以選擇自行分散物件。手動分散也適用於將動畫套用至物件,還能精確控制物件在圖層之間移動的方式。

當您使用「分散至圖層」命令 (「修改 > 時間軸 > 分散至圖層」) 時,Animate 會將每個選取的物件分散至全新且不同的圖層。未選取的物件 (包括其他影格中的物件) 會保留在原始圖層中。

您可以將「分散至圖層」命令套用到「舞台」上任何類型的元素,包括圖像物件、實體、點陣圖、視訊片段和已被打散的文字區塊。

關於新圖層 (以分散至圖層所建立)

在「分散至圖層」作業期間建立的新圖層會根據該圖層包含的元素名稱命名:

  • 包含元件庫資源 (如元件、點陣圖或視訊片段) 的新圖層將會收到和資源相同的名稱。

  • 包含命名實體的新圖層將會收到實體的名稱。

  • 包含來自打散文字區塊之字元的新圖層將會以該字元命名。

  • 包含圖像物件 (沒有名稱) 的新圖層會被命名成 Layer1 (或 Layer2,以此類推),因為圖像物件沒有名稱。

    Animate 會將新的圖層插入選取的任何圖層下方。新圖層會根據選取元件原本的建立順序由上至下排列。若是打散的文字,則圖層會按照字元順序排列,可能是由左至右、由右至左或由上至下。例如,假設您將文字「FLASH」打散,並分散至各圖層,則名稱分別為 F、L、A、S 和 H 的新圖層,就會按照順序由上而下排列,最上方為 F。這些圖層會立即顯示在原本包含這個文字的圖層之下。

將物件分散到圖層

  1. 選取您要分散至不同圖層的物件。物件可以位於單一圖層或數個圖層中,包括不連續的圖層。
  2. 請執行下列其中一項:
    • 選取「修改 > 時間軸 > 分散至圖層」。
    • 在其中一個選取的物件上按一下右鍵 (Windows) 或 Control+按一下 (Macintosh),然後選取「分散至圖層」。

將物件分散至關鍵影格以建立補間動畫

Animate 的新功能

Animate 會自動讓您將物件個別分散至關鍵影格。您可以在舞台上組織內容時選擇分散物件。以手動而言,這個程序既冗長又耗時。在個別關鍵影格上放置物件,藉此建立補間動畫時,分散會非常好用。您可以分別將不同物件或物件狀態指定給個別關鍵影格。實際上,在這些關鍵影格間拖曳播放磁頭時,補間動畫的效果是顯而易見的。

當您使用「分散至關鍵影格」命令時,Animate 會將每個選取的物件分散至新的個別關鍵影格。未選取的物件 (包括其他影格中的物件) 會保留在原始圖層中。

您可以將「分散至關鍵影格」命令套用到「舞台」上的任何元素,包括圖像物件、實體、點陣圖、視訊片段和文字區塊。

關於使用分散至關鍵影格建立的新關鍵影格

  • 進行「分散至關鍵影格」作業期間所建立的新關鍵影格會依照選取物件的順序排列。
  • 在執行「分散至關鍵影格」作業時,圖層上若有任何物件仍處於取消選取的狀態,這類物件的原始影格就會維持不受到影響。選取用於分散的物件會獲得關鍵影格的指定,以啟動原始內容最後一個影格的下一個影格。例如,假設 Object1Object2 位於具有 50 個影格的圖層上。選擇 Object1 進行分散時,會放置在第 51 個關鍵影格上。

將物件分散至關鍵影格

  1. 選取您要分散至不同圖層的物件。物件可以位於單一圖層或數個圖層中,包括不連續的圖層。

  2. 以滑鼠右鍵按一下 (Windows) 或 Control+按一下 (Macintosh) 其中一個選取的物件,然後選取「分散至關鍵影格」。

額外的資源

下列文章說明如何使用 Animate 中的動畫:

Adobe 標誌

登入您的帳戶