建立要在 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 可以將數位視訊影片加入網頁式簡報中。FLV 和 F4V (H.264) 視訊格式提供了技術與創意優勢,可讓您將資料、圖像、聲音和互動控制與視訊結合運用。FLV 和 F4V 視訊讓您可以輕鬆地將視訊以幾乎所有人都能檢視的格式放到網頁上。

您選擇部署視訊的方式,不但會決定建立視訊內容的方式,也會決定您在 Animate 中整合這些視訊的方式。您可以採用下列方式將視訊納入 Animate 中:

使用 Adobe Media Server 串流視訊

您可以將視訊內容裝載在 Adobe® Media Server 上,這是提供即時媒體的最佳化伺服器解決方案。Adobe Media Server 使用即時訊息通訊協定 (RTMP),這個通訊協定是專為即時伺服器應用程式 (例如串流視訊與音效內容) 所設計。您可以自行架設 Adobe Media Server,或者使用裝載的「Flash 視訊串流服務」(Flash® Video® Streaming Service,FVSS)。Adobe 已和數家「內容傳送網路」(CDN) 供應商成為合作夥伴,可提供主機代管服務,並以高效能的穩定網路傳送隨選 FLV 或 F4V 檔視訊。FVSS 是以 Adobe Media Server 所建置,並直接整合至 CDN 網路的傳送、追蹤和報告基礎架構中,能讓您以最有效率的方式向潛在觀眾群傳送 FLV 或 F4V 檔,而不必費心自行設定及維護串流伺服器硬體和網路。

若要控制視訊播放並提供使用者直覺式視訊控制項,以便與串流視訊互動,請使用 FLVPlayback 組件、Adobe® ActionScript® 或 Open Source Media Framework (OSMF)。如需使用 OSMF 的詳細資訊,請參閱 OSMF 文件

採漸進方式從網站伺服器下載視訊

如果您沒有 Adobe Media Server 或 FVSS 的存取權,或您的視訊需求僅限於提供少量視訊內容的小流量網站,可以考慮採用「漸進式下載」。從網站伺服器以漸進式下載視訊片段,雖然無法像 Adobe Media Server 般享有即時效能,但是您可以使用較大的視訊片段,同時又能將發佈的 SWF 檔大小降至最低。

若要控制視訊的播放,並為使用者提供直覺式視訊控制項,讓他們能與視訊互動,請使用 FLVPlayback 組件或 ActionScript。

在 Animate 文件中內嵌視訊

您可以將檔案較小、長度較短的視訊檔案直接嵌入至 Animate 文件,並發佈成 SWF 檔案的一部分。如果將視訊內容直接嵌入至 Animate SWF 檔案中,會大幅增加發佈檔案的大小,因此只適用於小型的視訊檔案 (長度通常為十秒鐘以內)。此外,在 Animate 文件中使用較長的視訊片段時,音效與視訊同步化 (也稱為音效/視訊同步) 也可能成為不同步。將視訊檔嵌入至 SWF 檔中的另一個缺點就是您必須在更新視訊後重新發佈 SWF 檔。

註解:

當您嘗試在導引線圖層或隱藏的圖層以外的圖層上發佈具有 H264 視訊內容的 FLA 檔案時,會出現警告訊息,指出您要發佈的目標平台不支援內嵌的 H.264 視訊。

控制視訊播放

使用 FLVPlayback 組件即可在 Animate 中控制視訊的播放。您可以撰寫自訂的 ActionScript 來播放外部視訊串流,或者撰寫自訂的 ActionScript,針對嵌入的視訊,在「時間軸」中控制視訊的播放。

FLVPlayback 組件

讓您快速地將功能完整的 FLV 播放控制項加入 Animate 文件,同時提供漸進式下載和串流 FLV 或 F4V 檔案的支援。FLVPlayback 能讓您輕鬆地為使用者建立直覺式視訊控制項,讓他們不僅可控制視訊的播放,也能在視訊介面上套用現成的外觀或您自訂的外觀。如需詳細資訊,請參閱 FLVPlayback 組件

Open Source Media Framework (OSMF)

OSMF 可讓開發人員輕易選擇並結合可外掛的組件,進而創造高品質且功能完善的播放體驗。如需詳細資訊,請參閱 OSMF 文件

使用 ActionScript 控制外部視訊

使用 NetConnectionNetStream ActionScript 物件,在執行階段播放 Animate 文件中的外部 FLV 或 F4V 檔案。如需詳細資訊,請參閱使用 ActionScript 控制外部視訊播放

您可以使用視訊行為指令 (預先製作好的 ActionScript 指令碼) 來控制視訊播放。

控制時間軸中的內嵌視訊

若要控制內嵌視訊檔的播放,您必須撰寫 ActionScript,控制包含視訊的「時間軸」。如需詳細資訊,請參閱使用時間軸控制視訊播放

視訊匯入精靈

「視訊匯入精靈」可簡化將視訊匯入至 Animate 文件的程序,它會引導您完成選取現有視訊檔案的程序,然後匯入檔案以使用於三種不同視訊播放案例的其中一種。「視訊匯入」精靈會為您所選擇的匯入與播放方法提供基本設定,您稍後可以視特定的需要修改您的選擇。

「視訊匯入」對話方塊提供下列視訊匯入選項:

使用播放組件載入外部視訊

匯入視訊並建立 FLVPlayback 組件的實體,以控制視訊的播放。當您準備好將 Animate 文件發佈成 SWF 並上傳至網站伺服器時,也必須將視訊檔上傳至網站伺服器或 Adobe Media Server,並以上傳的視訊檔位置設定 FLVPlayback 組件。

在 SWF 中內嵌 FLV 並在時間軸中播放

將 FLV 內嵌於 Animate 文件中。以這種方式匯入視訊時,視訊會放置於「時間軸」中,您可以在此看到以時間軸影格所表示的各個視訊影格。內嵌的 FLV 視訊檔案會成為 Animate 文件的一部分。

注意:將視訊內容直接嵌入至 Animate SWF 檔案中,會大幅增加發佈檔案的大小,因此只適用於小型的視訊檔案。此外,在 Animate 文件中使用較長的視訊片段時,音效與視訊同步化 (也稱為音效/視訊同步) 也可能成為不同步。

在時間軸中嵌入 H.264 視訊

將 H.264 視訊內嵌於 Animate 文件中。當您使用這個選項匯入視訊時,視訊會放在舞台上,在設計階段做為您製作動畫的指引。當您拖曳或播放時間軸時,舞台將會顯示視訊中的影格。此外,還會播放相關影格的音效。

注意:

  • 當您嘗試在導引線圖層或隱藏的圖層以外的圖層上發佈具有 H264 視訊內容的 FLA 檔案時,會出現警告訊息,指出您要發佈的目標平台不支援內嵌的 H.264 視訊。

視訊格式和 Animate

若要將視訊匯入 Animate,您必須使用以 FLV 或 H.264 格式編碼的視訊。「視訊匯入」精靈 (「檔案 > 匯入 > 匯入視訊」) 會檢查您選取要匯入的視訊檔,如果視訊可能不是 Animate 所能播放的格式,就會對您提出警告。如果視訊既不是 FLV 也不是 F4V 格式,您可以使用 Adobe® Media® Encoder 將視訊以適當的格式編碼。

Adobe Media Encoder

Adobe® Media® Encoder 是一個獨立的編碼應用程式,可供 Adobe® Premiere® Pro、Adobe® Soundbooth® 和 Animate 等程式用來輸出特定媒體格式。視程式而定,Adobe Media Encoder 會提供一個專用的「匯出設定」對話方塊,內含與特定匯出格式如 Adobe Flash Video 和 H.264 格式相關的各種設定。針對每一種格式,「匯出設定」對話方塊提供了幾個專為特定播放媒體所設計的預設值。您也可以儲存自訂的預設值,並視需要與其他使用者分享。

如需有關使用 Adobe Media Encoder 以 H.264 或 F4V 格式編碼視訊的資訊,請參閱使用 Adobe Media Encoder

H.264、On2 VP6 和 Sorenson Spark 視訊轉碼器

使用 Adobe Media Encoder 編碼視訊時,您可以選擇三種不同視訊轉碼器的其中一種,用來編碼與 Animate 搭配使用的視訊內容:

H.264

Flash Player 自 9.0.r115 版起已將 H.264 視訊轉碼器納入支援。與之前的 Flash 視訊轉碼器相比,採用這種轉碼器的 F4V 視訊格式提供的位元傳輸率品質已大幅改善,但其運算需求較 Flash Player 7 和 8 隨附的 Sorenson Spark 及 On2 VP6 視訊轉碼器更高。

注意:如果您需要使用支援 Alpha 色版的視訊以進行複合,必須使用 On2 VP6 視訊轉碼器;F4V 不支援 Alpha 視訊色版。

On2 VP6

在建立 FLV 檔供 Flash Player 8 或更新版本使用時,預設使用的視訊轉碼器是 On2 VP6 轉碼器。On2 VP6 轉碼器可提供:

  • 以同樣的資料速率編碼,可產生比 Sorenson Spark 轉碼器更高的視訊品質

  • 支援使用 8 位元 Alpha 色版建立複合視訊

    為了能在相同的資料速率下,支援產生更高品質的視訊,On2 VP6 轉碼器在編碼時的速度明顯地比較慢,同時在解壓縮和播放視訊時,耗用的用戶端電腦處理器資源也會比較多。 因此,您應該衡量存取 FLV 視訊內容的對象最常使用的基本電腦設備,仔細考慮最符合大部分觀眾需求的方案。

Sorenson Spark

如果要發佈的 Animate 文件必須與 Flash Player 6 和 7 相容,您應該使用 Flash Player 6 中加入的 Sorenson Spark 視訊轉碼器。如果大多數目標使用者都使用舊型電腦,您應該考慮使用 Sorenson Spark 視訊轉碼器來編碼 FLV 檔,因為這在播放時的運算需求比 On2 VP6 或 H.264 視訊轉碼器來得低。

如果您的 Animate 內容是以動態方式載入 Flash Professional 視訊 (使用漸進式下載或 Adobe Media Server),只要使用者是透過 Flash Player 8 或更新版本來檢視您的內容,您就可以使用 On2 VP6 視訊,而不需重新發佈當初為了與 Flash Player 6 或 7 搭配使用而建立的 SWF 檔案。將 On2 VP6 視訊串流或下載到 Animate SWF 版本 6 或 7,並使用 Flash Player 8 或更新版本播放內容,您就不必特別為了供 Flash Player 8 及更新版本使用而重新建立 SWF 檔案。

註解:

只有 Flash Player 8 和 9 同時支援發佈和播放 On2 VP6 視訊。

轉碼器

SWF 版本 (發佈版本)

Flash Player 版本 (播放時需要)

Sorenson Spark

6

6, 7, 8

7

7, 8, 9, 10

On2 VP6

6, 7, 8

8, 9, 10

H.264

9.2 或更新版本

9.2 或更新版本

建立 Adobe FLV 和 F4V 視訊的秘訣

為了以最佳方式傳送 FLV 或 F4V 視訊,請遵循下列原則:

在最終輸出之前都以專案的原生格式處理視訊

如果將預先壓縮的數位視訊格式轉換為 FLV 或 F4V 之類的其他格式,則先前的編碼器可能會造成視訊雜訊。第一次壓縮已經對視訊套用了編碼演算法,且降低了視訊的品質、影格大小與速率。 該壓縮作業也可能造成數位鬼影或雜訊。 這些雜訊會影響最終的編碼過程,也可能需要更高的資料速率來編碼品質較佳的檔案。

影片內容盡量簡單

請避免使用複雜的轉場,因為這類內容不但壓縮效果不佳,而且壓縮後的視訊在播放時,動作變化看起來會「不順暢」。 通常最好是使用剪切處理,而不要使用溶解特效。 令人目不暇給的連續視訊,例如從第一軌道後方往前放大物件、「頁面剝落」或字體環狀移動,最後從螢幕消失的效果,它們的壓縮效果通常不會太好,因此請盡量少用。

找出適合觀眾電腦的資料速率

將視訊傳送到網際網路時,請以較低的資料速率來產生檔案。 對擁有高速 Internet 連線的使用者而言,他們檢視檔案時幾乎沒有載入延遲,但對撥接上網的使用者來說,他們就必須等待檔案下載。 請製作簡短的影片片段,將下載時間限制在撥接使用者可接受的範圍內。

選取合適的影格速率

影格速率指的是每秒鐘播放的影格數目 (fps)。 如果影片片段的資料速率較高,使用較低的影格速率,可以改善透過有限頻寬播放的品質。 例如,如果您要壓縮較為靜態的影片片段,將影格速率減半或許只會節省 20% 的資料速率。 然而,如果要壓縮含有許多動作的視訊,降低影格速率對於資料速率便會有比較大的影響。

因為使用原生影格速率的視訊效果看起來較好,因此如果傳送通道和播放平台許可的話,請使用較高的影格速率。 如需更多有關透過網路傳送的詳情,請聯絡您的網路服務商。 如果是行動裝置,則請使用裝置特定的編碼預設集,以及透過 Adobe Premiere Pro 中 Adobe Media Encoder 所提供的裝置模擬器。如果您需要降低影格速率,請將影格速率除以整數,方能得到最好的效果。

選取符合資料速率和影格比例的影格大小

在既定的資料速率 (連接速度) 下,增加影格大小會降低視訊品質。 在選取編碼設定的影格大小時,也必須考慮影格速率、來源資料和個人偏好。 為了避免 Pillarbox 的黑帶效果,請務必選擇與來源影片相同比例的影格大小。 例如,如果將 NTSC 影片編碼為 PAL 影格大小,就會導致 Pillarbox 效果。

Adobe Media Encoder 提供了幾個預設的 Adobe FLV 或 F4V 視訊。其中包括針對各種電視標準,以不同資料速率所提供的預設集影格大小和影格速率。 請使用下列的一般影格大小清單 (以像素表示) 做為指引,或實驗不同的 Adobe Media Encoder 預設集以找出專案的最佳設定。

撥號數據機 NTSC 4 x 3

162 x 120

撥號數據機 PAL 4 x 3

160 x 120

T1/DSL/纜線 NTSC 4 x 3

648 x 480

T1/DSL/纜線 PAL 4 x 3

768 x 576

達到最佳效能的串流

若要縮短下載時間、提供深度的互動和瀏覽功能,或監控服務品質,請使用 Adobe Media Server 串流 Adobe FLV 或 F4V 視訊檔,或者使用 Adobe 網站所提供其中一個「Adobe Flash 視訊串流服務」合作夥伴的代管服務。如需「漸進式下載」和「使用 Adobe Media Server 進行串流」之間差別的詳細資訊,請參閱 Flash 開發人員中心網站上的「提供 Flash 視訊:瞭解漸進式下載和串流視訊之間的差別」。

瞭解漸進式下載時間

瞭解要花多久時間下載足夠的視訊,才能在不暫停下來完成下載的情況下播放到視訊結束。 在視訊片段的第一部分進行下載時,您可能想要顯示其他的內容以掩飾下載作業。 對於較短的影片片段,請使用下面的公式:暫停 = 下載時間 – 播放時間 + 10% 的播放時間。 例如,假設視訊片段長度為 30 秒,而且要花一分鐘下載,便應該給該片段 33 秒的緩衝時間 (60 秒 - 30 秒 + 3 秒 = 33 秒)。

移除雜訊和交錯

為了達到最佳的編碼效果,可能需要移除雜訊和交錯。

原始影片的品質越高,最終成品的品質就越好。 雖然網際網路視訊的影格速率和大小通常都比不上電視的品質,但電腦顯示器的顏色真實度、飽和度、清晰度和解析度都優於傳統電視。 即使視窗不大,影像品質對於數位視訊來說,也比標準類比電視來得重要。 在電視上很難讓人注意到的鬼影和雜訊,在電腦螢幕上都看得很清楚。

Adobe Animate 是針對在電腦螢幕和其他裝置上進行漸進式顯示而設計,而不是針對電視之類裝置的交錯式顯示。在漸進式顯示上檢視的交錯式影片,可能會在高速動作區域顯示出間隔的垂直線條。 因此,Adobe Media Encoder 會為其處理的所有視訊影片移除交錯現象。

以相同的原則要求音效

製作音效時的考量,和製作視訊是一樣的。 若要得到良好的音效壓縮結果,一開始就必須使用品質良好的音效。 如果您打算為 CD 裡的資料進行編碼,最好使用直接數位傳送的方式錄製檔案,而不要透過音效卡的類比輸入, 因為音效卡會引入不必要的數位類比轉換過程,而可能會在來源音效中產生雜訊。 Windows 和 Macintosh 平台都有直接數位傳送工具。 如果要從類比來源錄製檔案,請盡量使用品質最好的音效卡。

註解:

如果來源音效檔為單聲道,建議您將檔案編碼為單聲道來與 Animate 搭配使用。如果您是使用 Adobe Media Encoder 及其中的編碼預設項目進行編碼,請務必檢查此預設項目是將檔案編碼為單聲道還是立體聲,並且視需要選取單聲道。

教學課程和範例

下列視訊教學課程與文章提供您有關在 Animate 中建立與準備視訊的詳細說明。有些項目會顯示 CS3 或 CS4,但仍然適用於 CS5。

 
Adobe 標誌

登入您的帳戶