ファイル/パブリッシュ設定/OAM パッケージを選択します。「OAM パッケージ」チェックボックスをオンにします。
- Adobe Animate ユーザーガイド
- Animate の概要
- アニメーション
- Animate のアニメーションの基本
- Animate でフレームとキーフレームを使用する方法
- Animate でのフレームアニメーション
- Animate でのクラシックトゥイーンアニメーションの操作方法
- ブラシツール
- モーションガイド
- モーショントゥイーンと ActionScript 3.0
- モーショントゥイーンアニメーションについて
- モーショントゥイーンアニメーション
- モーショントゥイーンアニメーションの作成
- プロパティキーフレームの使用
- トゥイーンを使用した位置のアニメーション化
- モーションエディターを使用したモーショントゥイーンの編集
- トゥイーンアニメーションのモーションパスの編集
- モーショントゥイーンの操作
- カスタムイージングの追加
- モーションプリセットの作成と適用
- アニメーションのトゥイーンスパンの設定
- XML ファイルとして保存したモーショントゥイーンの操作
- モーショントゥイーンとクラシックトゥイーン
- シェイプトゥイーン
- Animate のボーンツールアニメーションの使用
- Animate でのキャラクターリグの操作
- Adobe Animate でのマスクレイヤーの使用
- Animate でのシーンの操作
- インタラクティブ機能
- ワークスペースとワークフロー
- ペイントブラシの作成と管理
- HTML5 Canvas ドキュメントでの Google フォントの使用
- Creative Cloud ライブラリと Adobe Animate の使用
- Animate のステージとツールパネルの使用
- Animate ワークフローとワークスペース
- HTML5 Canvas ドキュメントでの Web フォントの使用
- タイムラインと ActionScript
- 複数のタイムラインの操作
- 環境設定
- Animate オーサリングパネルの使用
- Animate でのタイムラインレイヤーの作成
- モバイルアプリおよびゲームエンジン用アニメーションの書き出し
- オブジェクトの移動とコピー
- テンプレート
- Animate での検索と置換
- 取り消し、やり直し、ヒストリーパネル
- キーボードショートカット
- Animate でのタイムラインの使用
- HTML 拡張機能の作成
- 画像とアニメーション GIF の最適化オプション
- 画像および GIF の書き出し設定
- Animate のアセットパネル
- マルチメディアとビデオ
- Animate のグラフィックオブイジェクトの変形と組み合わせ
- Animate でのシンボルインスタンスの作成と操作
- 画像トレース
- Adobe Animate でのサウンドの使用方法
- SVG ファイルの書き出し
- Animate で使用するビデオファイルの作成
- Animate にビデオを追加する方法
- Animate でのオブジェクトの描画および作成
- 線とシェイプの変更
- Animate CC での線、塗り、グラデーション
- Adobe Premiere Pro と After Effects の使用
- Animate CC のカラーパネル
- Animate で Flash CS6 ファイルを開く
- Animate でのクラシックテキストの操作
- Animate へのアートワークの挿入
- Animate に読み込まれたビットマップ
- 3D グラフィック
- Animate でのシンボルの操作
- Adobe Animate での線とシェイプの描画
- Animate でのライブラリの使用
- サウンドの書き出し
- Animate CC でのオブジェクトの選択
- Animate での Illustrator AI ファイルの操作
- ブレンドモードの適用
- オブジェクトの配置
- コマンドメニューを使用したタスクの自動化
- 多言語テキスト
- Animate でのカメラの使用
- グラフィックフィルター
- サウンドと ActionScript
- 描画の環境設定
- ペンツールを使用した描画
- プラットフォーム
- 他のドキュメントタイプ形式への Animate プロジェクトの変換
- カスタムプラットフォームサポート
- Animate での HTML5 Canvas ドキュメントの作成およびパブリッシュ
- WebGL ドキュメントの作成とパブリッシュ
- AIR for iOS 用アプリケーションのパッケージ化
- AIR for Android アプリケーションのパブリッシュ
- デスクトップ用 Adobe AIR のパブリッシュ
- ActionScript パブリッシュ設定
- ベストプラクティス - アプリケーションでの ActionScript の整理
- Animate での ActionScript の使用
- Animate ワークスペースのアクセシビリティ
- スクリプトの記述と管理
- カスタムプラットフォームサポートの有効化
- カスタムプラットフォームサポートの概要
- カスタムプラットフォームサポートプラグインの操作
- ActionScript 3.0 のデバッグ
- カスタムプラットフォームサポートの有効化
- 書き出しとパブリッシュ
- Animate CC からファイルを書き出す方法
- OAM パブリッシング
- SVG ファイルの書き出し
- Animate によるグラフィックとビデオの書き出し
- AS3 ドキュメントのパブリッシュ
- モバイルアプリおよびゲームエンジン用アニメーションの書き出し
- サウンドの書き出し
- ベストプラクティス - モバイルデバイス向けのコンテンツ作成のヒント
- ベストプラクティス - ビデオ規則
- ベストプラクティス - SWF アプリケーションのオーサリングガイドライン
- ベストプラクティス - FLA ファイルの構造化
- FLA ファイルを Animate 向けに最適化するベストプラクティス
- ActionScript パブリッシュ設定
- Animate のパブリッシュ設定の指定
- プロジェクターファイルの書き出し
- 画像とアニメーション GIF の書き出し
- HTML パブリッシュ用テンプレート
- Adobe Premiere Pro と After Effects の使用
- アニメーションのクイック共有とパブリッシュ
- トラブルシューティング
この記事では、Animate での OAM パブリッシングについて説明します。
HTML5 Canvas、ActionScript または WebGL の Animate コンテンツを OAM(.oam)アニメーションウィジェットファイルを書き出すことができます。Animate から生成された OAM ファイルは、Dreamweaver、Muse、InDesign など他のアドビアプリケーションに配置できます。
Animate コンテンツを OAM 形式に書き出してパブリッシュ
-
-
「出力ファイル」フィールドで、パッケージの場所を参照し、パッケージ名を入力します。
-
「ポスター画像」セクション内で、次のいずれかのオプションを選択します。
- 現在のフレームのコンテンツから生成するには、「現在のフレームから作成 (PNG)」を選択します。透明 PNG をポスター画像として設定するには、「透明」を選択します。
- 外部 PNG ファイルをポスター画像として指定するには、「このファイルを作成」を選択します。
Canvas ドキュメントタイプ用の透明な背景を使用して OAM を作成
-
書き出したい Canvas ドキュメントを開きます。
-
プロパティパネルで、「ステージの色」を選択し、「アルファ : %」を 0 に設定します。
-
「パブリッシュ設定」のオプションを使用して OAM としてパブリッシュします。
Canvas ドキュメントタイプのレスポンシブ OAM を作成
-
ファイル/パブリッシュ設定を選択します。
-
「基本」タブで、「レスポンシブにする」チェックボックスをオンにします。この設定を選択すると、アニメーションは幅、高さまたはその両方に関してレスポンシブになり、パブリッシュされる出力のサイズが各種フォームファクターに基づいて変更されます。結果は、レスポンシブで、よりシャープ、より鮮明な HiDPI 準拠の出力になります。
-
「パブリッシュ設定」のオプションを使用して OAM としてパブリッシュします。
他のアドビアプリケーション(Adobe Muse)で OAM を使用する例
-
Adobe Muse を起動し、編集したいサイトを開きます。
-
プランビューで、アニメーションを追加するページの名前をダブルクリックします。
-
ファイル/配置を選択した後、自分のサイトフォルダーに移動して OAM ファイルを選択します。
-
アニメーションを配置するページの上を 1 回クリックします。
-
選択ツールを使用して、ページ上の希望の位置にアニメーションを配置します。アニメーションの背景は Muse では不透明になりますが、ページをプレビューまたはパブリッシュすると透明になります。
-
ファイル/ブラウザーでページをプレビューを選択して、アニメーションが期待どおりに表示されることを確認します。変更を加えたい場合は、Muse に戻ってページエレメントを再配置します。アセットパネルを見ると、.OAM ファイルがアセットとしてリストされています。
-
コントロールパネルの「パブリッシュ」リンクをクリックします。希望のオプションを選択し、「OK」をクリックしてサイトの更新をパブリッシュします。