請使用本文,了解 Animate CC 中的 OAM 發佈。

您現在可以將 HTML5 Canvas、ActionScript 或 WebGL 格式的 Animate 內容匯出成 OAM (.oam) 動畫 Widget 檔案。從 Animate 產生的 OAM 檔案可以放置在 Dreamweaver、Muse 和 InDesign 等其他 Adobe 應用程式中。

將動畫內容匯出及發佈成 OAM 格式

  1. 選取「檔案 > 發佈設定 > OAM 套件」。選取「OAM 套件」核取方塊。

  2. 在「輸出檔案」欄位中,瀏覽套件位置並輸入套件名稱。

  3. 在「海報影像」區段內,選取下列其中一個選項:

    • 選取「從目前影格產生 (PNG)」,從目前影格的內容產生。選取「透明」,將透明 PNG 設定為「海報影像」。
    • 選取「使用這個檔案」,將外部 PNG 檔案指定為「海報影像」。
    OAM 發佈設定

針對 Canvas 文件類型建立具有透明背景的 OAM

  1. 開啟您要匯出的 Canvas 文件。

  2. 在「屬性」面板中,選取「舞台顏色」並將「Alpha 百分比」設為 0。

  3. 使用「發佈設定」中的選項,發佈為 OAM。

    畫布透明度

針對 Canvas 文件類型建立具有回應的 OAM

  1. 選取「檔案 > 發佈設定」。

  2. 在「基本」索引標籤中,選取「作出回應」核取方塊。這可確保動畫會參照寬度、高度或兩者而回應,並且根據不同尺寸來調整已發佈輸出的大小。結果會是具有回應、鮮明且清晰的 HiDPI 相容輸出。

    回應縮放

  3. 使用「發佈設定」中的選項,發佈為 OAM。

在其他 Adobe 應用程式 (Muse) 中使用 OAM 的範例

  1. 啟動 Adobe Muse 並開啟您要編輯的網站。

  2. 在「規劃」視圖中,按兩下您要將動畫加入其中的頁面名稱。

  3. 選擇「檔案 > 置入」,然後瀏覽以選取您網站資料夾中的 OAM 檔案。

  4. 按一下頁面以放置動畫。

  5. 使用「選取」工具,將動畫放置在頁面上所要的位置。請注意,雖然 Muse 中的動畫背景看似不透明,但當您預視或發佈頁面時,背景是透明的。

  6. 選擇「檔案 > 在瀏覽器中預視頁面」,確認動畫如預期般顯示。如果您要進行任何變更,請返回 Muse 並重新放置頁面元素。如果您檢視「資源」面板,將會發現 .OAM 檔案現在列為資源。

  7. 按一下「控制面板」中的「發佈連結」。選擇所要的選項,並按一下「確定」以發佈網站更新。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策