使用手冊 取消

使用 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. 使用 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. 已知問題

 

匯出應用程式偏好設定

您可以在專家和新手偏好設定之間切換,  也可以將自己的應用程式設定匯出為單一檔案,其中包括工具列設定、鍵盤快速鍵和其他應用程式設定。  將您的應用程式偏好設定帶到不同裝置使用,就像匯出再匯入檔案一樣簡單。

匯出應用程式偏好設定

匯出偏好設定
匯出偏好設定 – 匯出儲存的所有或選取的設定,以便帶到其他電腦或與其他裝置搭配使用

匯出影像與圖像

PNG 連續圖畫

您可以從「元件庫」或「舞台」的個別影片片段、按鈕或圖像元件匯出一系列影像檔案。匯出期間,Animate (先前稱為 Flash Professional) 會為元件中的每個影格建立個別影像檔案。如果從「舞台」匯出,影像輸出會保留您曾經套用至元件實體的任何變形 (例如縮放)。

若要匯出 PNG 連續圖畫:

  1. 選取「元件庫」或「舞台」上的單一影片片段、按鈕或圖像元件。

  2. 以滑鼠右鍵按一下選項並選擇「匯出 PNG 連續圖畫」。

  3. 在「另存新檔」對話方塊中,選擇輸出的位置並按一下「確定」。

     

  4. 在「匯出 PNG 連續圖畫」對話方塊中設定您想要的選項。

    寬度 - 影像輸出的寬度。您可以藉由變更此值來縮放輸出。預設值為元件內容的寬度。

    高度 - 影像輸出的高度。您可以藉由變更此值來縮放輸出。預設值為元件內容的高度。

    解析度 - 影像輸出的解析度。預設值為 72dpi。

    顏色 - 影像輸出的位元深度。您可以選擇 8、24 或 32 位元。預設值為 32 位元,支援透明度。如果您選擇不支援透明度的 24 位元或 8 位元,「背景」設定就會變更為「舞台」。請參閱下面內容。

    背景 - 做為影像輸出背景顏色的顏色。只有在「顏色」選項設定為 8 位元或 24 位元時,才能使用這個設定。當「顏色」設定為 32 位元時,影像背景一律為透明。當「顏色」選項設定為 8 位元或 24 位元時,「背景」選項會預設為「舞台」顏色。在 8 位元或 24 位元的影像中,您可以將設定變更為「不透明」,然後從顏色挑選器選取背景顏色。或者,為背景選擇 Alpha 值,以建立透明度。

    平滑化 - 切換是否將平滑化套用至影像輸出的邊緣。如果您不是使用透明背景,且影像採用不同於目前「舞台」顏色的背景顏色,請關閉這個選項。

  5. 按一下「匯出」匯出 PNG 連續圖畫。

匯出 GIF 動畫

您可以在 Animate 中執行下列步驟以匯出 GIF 動畫檔案:

  1. 移至「檔案 > 匯出 > 匯出 GIF 動畫」。

    隨即出現對話方塊。 

  2. 在對話方塊中,選擇您所要的選項並按一下「完成」,將您的動畫匯出為 GIF 動畫檔案。

    您也可以選擇「檔案 > 匯出 > 匯出影像」,以匯出靜態 GIF 影像檔案。

將影像和圖像匯出至 CC Library

若要將您的影像或圖像匯出至 CC Library,請選取「視窗 > CC Library」。

「CC Libraries」視窗隨即出現。 

按一下「CC Libraries」視窗左下角的 + 圖示,選取影像或圖像檔案,然後按一下「增加」。

FXG 圖形交替格式 (Animate 不建議使用)

關於 FXG 檔案

FXG 格式是 Animate /Flash 平台的圖形交替檔案格式。FXG 是以 MXML 子集為基礎,而 MXML 則是 Flex 架構使用的 XML 型程式設計語言。FXG 格式可讓設計人員與開發人員以絕佳的精確度交換圖形內容,進而協助他們更有效率地協同合作。設計人員可以使用 Adobe 設計工具來建立圖形並將它們匯出為 FXG 格式。然後,您就可以在 Adobe Flash Builder 和 Adobe Flash Catalyst 等工具中使用 FXG 檔案來開發豐富的網際網路使用經驗和應用程式。

建立 FXG 檔案時,向量圖形會直接儲存在檔案中。FXG 中沒有對應標記的元素會匯出成為點陣圖圖形,並供 FXG 檔案參考。這些元素包括點陣圖、某些濾鏡、某些混合模式、漸層、遮色片和 3D。其中有些效果可以匯出成為 FXG,但無法由開啟 FXG 檔案的應用程式匯入。

當您使用 FXG 匯出功能來匯出包含向量和點陣圖影像的檔案時,就會與 FXG 檔案一起建立個別的資料夾。這個資料夾名為 <filename.assets> 而且包含與 FXG 檔案相關聯的點陣圖影像。

如需有關 FXG 檔案格式的詳細資訊,請參閱 FXG 2.0 規格

FXG 匯出限制

Animate 允許您在舞台上選取一或多個物件,以匯出為 FXG。匯出為 FXG 格式時,會保留物件與圖層名稱。

下列項目在儲存為 FXG 檔案時有所限制:

  • 九宮格縮放:可匯出,但只能使用 Adobe Illustrator 讀取。

  • 聲音與視訊:不匯出。

  • 組件:不匯出。

  • 多個影格的補間動畫與動畫:不匯出,但選取的影格會匯出為靜態物件。

  • 內嵌字體:不匯出。

  • Button 元件:Animate 僅匯出按鈕的「一般」狀態。

  • 3D 屬性:不匯出。

  • 反向運動 (IK) 屬性:不匯出。

  • 文字特質:部分特質可能不匯出。

以 FXG 格式匯出 Animate 內容

在 Animate 中,有兩種方式可將內容匯出為 FXG 格式:

  • 若要將「舞台」上的物件匯出為 FXG,請選取物件並選擇「匯出 > 匯出選取範圍」,然後從「存檔類型」選單選取 FXG 格式。

  • 若要將整個舞台儲存為 FXG,請選擇「匯出 > 匯出影像」,然後從「存檔類型」選單選取「Adobe FXG」。

JPEG 連續圖畫和 JPEG 影像

這些選項符合 JPEG 的「發佈設定」選項。然而,「符合螢幕」會在匯出的影像出現在螢幕上時,讓影像符合 Animate 內容的大小。「符合影片」會使 JPEG 影像與 Animate 內容相符,並且維持原始影像的比例。

PNG 連續圖畫和 PNG 影像

PNG 匯出設定選項與 PNG 的「發佈設定」選項相似 (您也可以加以套用),但有以下例外:

尺寸

可將匯出之點陣圖影像的大小,設定為您在「寬度」和「高度」欄位中輸入的像素數目。

解析度

以 dpi 為單位輸入解析度。若要使用螢幕解析度,並維持原始影像的比例,請選取「符合螢幕」。

顏色

與 PNG「發佈設定」索引標籤的「位元深度」選項相同,可設定建立影像時所用每個像素的位元數。對於 256 色影像,請選取 8 位元;數千種顏色的影像,請選取 24 bpc;具有透明度及數千種顏色的影像 (32 bpc),請選取含 Alpha 的 24 bpc。位元深度越高,檔案便越大。

包含

選擇匯出最小影像區域,或是指定完整文件大小。

註解:

匯出的 GIF 尺寸限制為小於 4000 像素的值。這項尺寸限制適用於 CS6 以後的版本。

註解:

如果選取「256 色」選項,「純色遞色」選項便不會運作。這表示,如果為 GIF 選取的色彩配置是 256 色,GIF 影像便不會呈現遞色。

(Animate 不建議使用) 點陣圖 (BMP) 影像

建立要在其他應用程式中使用的點陣圖影像。「匯出點陣圖」對話方塊包含下列選項:

尺寸

以像素為單位,設定匯出之點陣圖影像的大小。您所指定的大小會一直與原始影像具有相同比例。

解析度

以每英吋的點數 (dpi) 為單位設定匯出點陣圖影像的解析度,並根據繪圖大小自動計算寬度和高度。若要將解析度設成與顯示器相符,可以選取「符合螢幕」。

顏色深度

指定影像的位元深度。有些 Windows 應用程式不支援點陣圖影像較新的每個色版 32 位元 (bpc) 深度。如果您使用 32 bpc 格式時發生問題,請使用 24 bpc 格式。

平滑化

可對匯出的點陣圖套用消除鋸齒功能。消除鋸齒可產生較高品質的點陣圖影像,但會在彩色背景上的影像周圍產生灰色像素的暈圈。如果出現暈圈,請將它取消選取。

Animate 文件 (SWF)

若要將 Animate 內容放置在其他應用程式 (例如 Dreamweaver),可以將整份文件匯出為 SWF 檔案。Animate 會使用 FLA 檔案的「發佈設定」中的目前設定來匯出 SWF 檔案。

使用 Adobe Media Encoder 匯出 HD 視訊

Animate 可讓您將補間動畫、元件和圖像匯出成各種格式的高畫質視訊。「視訊匯出」功能已經增強,可與 Adobe Media Encoder 緊密整合。

在 Animate 中,您可以選取 AME 支援的任何視頻格式及其預設,如果選取適當的選項,Animate 可確保視頻在 AME 中自動排隊甚至處理。處理成功完成後,您將收到通知。

此外,還可以匯出所有場景或所需的要迴圈的場景,對於特定場景,可以匯出所有幀或幀範圍。

以 Animate 匯出的 HD 視訊可以與具有 Communications 功能的應用程式搭配使用,作為視訊會議、串流和分享之用。

根據預設,Animate 只能匯出成 QuickTime 影片 (.MOV) 檔案。若要使用匯出功能,您必須安裝最新的 QuickTime Player 版本,因為匯出 MOV 檔案時 Animate 會使用 QuickTime 元件庫。

HD 視訊匯出工作流程已重新經過模型化,因為 Animate 現在已與 Adobe Media Encoder 整合在一起。它可讓您將 MOV 檔案轉換成各種其他格式。總歸一句,Adobe Media Encoder 已最佳化成可以只顯示 Animate 內容的相關匯出格式。如需有關使用 Adobe Media Encoder 編碼和轉存視訊的詳細資訊,請參閱編碼以及轉存視訊和音訊

註解:

當您從 Creative Cloud 桌面應用程式安裝 Animate 時,就會自動安裝 Adobe Media Encoder。

舊版與新版匯出視訊工作流程的差異

新版工作流程與 CS6 和更早版本的匯出視訊工作流程不同。

主要不同之處在於:

  • 與 Adobe Media Encoder 整合:Animate 已經與 Adobe Media Encoder 7.0 整合,並且更早版本未取決於 AME。
  • 匯出格式:Animate 只能匯出 QuickTime 影片。
  • HD 視訊:Animate 可讓您匯出 HD 視訊。

此外,CS6 工作流程過去存在下列問題:

  • 使用 QuickTime 的 MOV 匯出工作流程容易出錯,而且會耗用許多記憶體。
  • AVI 匯出不支援影片片段。

在 Animate 中,上述問題都已獲得修正,包括影格遺失問題。有了 Adobe Media Encoder 工作流程,您就可以在 Animate 中順暢地匯出成 MOV 檔案。您可以運用全新的 AME 工作流程,將 Animate 內容匯出至 MOV 檔案,並於稍後使用 AME 將 MOV 檔案轉換成任何所需的輸出。

從影格 #2 開始匯出

視「時間軸」的建構方式而定,匯出的視訊可能是下列任一案例的結果:

  1. 如果根時間軸上有一個以上的影格,匯出將會從影格 #2 開始。
  2. 如果根時間軸上只有一個影格,匯出將會包含影格 #1。
  3. 如果根時間軸上有一個以上的影格,並且影格 #1 加入了 ActionScript 或聲音,將不會呼叫該影格。

匯出 HD 視訊

在您開始匯出之前,請先執行下列動作:

  • 安裝 QuickTime
  • 將影格速率設定為等於或小於 60 fps 的值。如需詳細資訊,請參閱動畫基礎概念
  1. 建立或開啟現有 FLA。

  2. 前往「檔案 > 匯出 > 匯出視訊」。

    匯出視訊
    「匯出視訊」對話方塊

  3. 在「匯出視訊」對話方塊中,「顯示寬度」和「顯示高度」會假設為針對「舞台」大小所設定的寬度和高度值。

  4. 在「匯出視訊」對話方塊設定您所要的選項:

    • 顯示大小 HW:根據您要匯出的解析度設定顯示大小,結果會依您所選的 HD 視訊或標準匯出設定而有所不同。設定的值分別等於「舞台」的「寬度」和「高度」。如果您想要變更「顯示寬度」和「顯示高度」值,請據此修改「舞台」大小。Animate 會根據「舞台」尺寸維持比例。
    • 「忽略舞台顏色 (產生 Alpha 色版)」:使用舞台顏色建立 Alpha 色版。Alpha 色版會編碼為透明軌道,讓您將匯出的 QuickTime 影片重疊於其他內容上,以更改背景顏色或場景。
    • 「在 Adobe Media Encoder 中轉換視訊」:如果您想要使用 AME 將匯出的 MOV 檔案轉換成不同格式,請選取這個選項。選取後,AME 會在 Animate 完成匯出視訊時啟動。
    • 「匯出視訊的路徑」:輸入或瀏覽至您要匯出視訊的路徑。
    • 「停止匯出」:指定 Animate 何時終止匯出。
      • 「達到最後一個影格時」:如果您希望在最後一個影格終止,請選取這個選項。
    在達到最後一個影格時停止匯出
    在達到最後一個影格時停止匯出

    • 「停止匯出」:指定 Animate 何時終止匯出。
      • 「經過後續時間之後」:選取這個選項可指定您要在特定時間間隔後終止匯出。這個選項可讓您個別匯出視訊的區段。
    在 1 分 15 秒後停止匯出
    在 1 分 15 秒後停止匯出

    在 3 秒後停止匯出
    在 3 秒後停止匯出

  5. 按一下「匯出」。如果您選取了「在 Adobe Media Encoder 中轉換視訊」選項,就會啟動 AME,並且匯出的 MOV 檔案會出現在新佇列中。若要深入了解如何使用 AME 編碼及轉換視訊,請參閱編碼以及轉存視訊和音訊

匯出 SVG 連續圖畫

有了「匯出」設定的全新升級,使用者可以將目前的時間軸匯出為「SVG 連續圖畫」。請按一下「檔案 > 匯出 > 匯出影片…」並將「另存新檔」選取為「SVG 連續圖畫」。

匯出 SVG 連續圖畫
匯出 SVG 連續圖畫

將動畫資產匯出成視訊、動畫 GIF 等

Animate 具有有效的發佈程序,可將您的動畫資產匯出成動畫 GIF、視訊等。想要了解如何匯出您的動畫嗎?請觀賞此範例結尾的教學課程並依照下列步驟執行。

  1. 按一下「檔案」>「匯出」>「匯出視訊」。

  2. 在「匯出視訊」對話方塊中,選擇下列選項:

    • 顯示大小:設定的值分別等於「舞台」的「寬度」和「高度」。
    • 忽略舞台顏色 (產生 Alpha 色版):使用舞台顏色建立 Alpha 色版。
    • 在 Adobe Media Encoder 中轉換視訊:將匯出的 MOV 檔案轉換成不同格式。
    • 停止匯出:選擇必要選項,以終止匯出。
    • 瀏覽:輸入您要匯出視訊所在的路徑。
  3. 按一下「匯出」。

如何將您的動畫資產匯出成視訊、動畫 GIF 和其他格式。

請觀賞影片,了解如何將您的視訊匯出成動畫 GIF 和其他格式。

更快、更輕鬆地獲得協助

新的使用者?