マニュアル キャンセル

Adobe Premiere Pro と After Effects の使用

  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 ライブラリと Adobe Animate の使用
    4. Animate のステージとツールパネルの使用
    5. Animate ワークフローとワークスペース
    6. HTML5 Canvas ドキュメントでの Web フォントの使用
    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 のパブリッシュ
    8. ActionScript パブリッシュ設定
    9. ベストプラクティス - アプリケーションでの ActionScript の整理
    10. Animate での ActionScript の使用
    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. FLA ファイルを Animate 向けに最適化するベストプラクティス
    13. ActionScript パブリッシュ設定
    14. Animate のパブリッシュ設定の指定
    15. プロジェクターファイルの書き出し
    16. 画像とアニメーション GIF の書き出し
    17. HTML パブリッシュ用テンプレート
    18. Adobe Premiere Pro と After Effects の使用
    19. アニメーションのクイック共有とパブリッシュ
  9. トラブルシューティング
    1. 解決済みの問題
    2. 既知の問題

 

Adobe Premiere Pro と Adobe Animate の操作

Adobe Premiere Pro は、プロフェッショナル向けのビデオ編集ツールです。Adobe Animate を使用して Web サイトやモバイル機器向けのインタラクティブコンテンツをデザインする場合、このようなプロジェクトのムービー編集に Adobe Premiere Pro を使用できます。Adobe Premiere Pro は、フレーム単位で厳密なビデオ編集を行うことができるプロフェッショナル向けツールです。コンピューター画面やモバイル機器上の再生用にビデオファイルを最適化できるツールなどを備えています。

Adobe Animate は、ビデオフッテージを Web やモバイル機器のプレゼンテーションに組み込むためのツールです。Adobe Animate の持つ技術面およびクリエイティブな面のメリットにより、ビデオをデータ、グラフィック、サウンドおよびインタラクティブコントロールと融合させることができます。FLV 形式のファイルは、ほとんどすべてのユーザーが表示できる形式で Web ページに簡単に配置できます。

ビデオファイルを他の標準形式で書き出す場合は、Adobe Animate を使用してビデオをリッチメディアアプリケーションにエンコードできます。最新の圧縮テクノロジーにより、小さいファイルサイズで可能な限り高品質の結果が出力されます。

Animate と After Effects の使用

Adobe® Animate® で作成したビデオやアニメーションを After Effects に読み込んで編集および調整できます。例えば、Animate からアニメーションやアプリケーションを QuickTime ムービーとして書き出し、次に、After Effects を使用してこのビデオを編集および調整できます。

Animate と After Effects では、次のものを含む一部の共通の概念に対して別々の用語を使用します。

  • After Effects のコンポジションは、Animate のムービークリップと同様です。

  • コンポジションパネルのコンポジションフレームは、Animate のステージと同様です。

  • After Effects のプロジェクトパネルは、Animate のライブラリパネルと同様です。

  • After Effects のプロジェクトファイルは、Animate の FLA ファイルと同様です。

  • After Effects からムービーをレンダリングして書き出し、Animate から SWF ファイルをパブリッシュします。

Animate からの QuickTime ビデオの書き出し

Animate を使用してアニメーションまたはアプリケーションを作成すると、Animate のファイル/書き出し/ムービーの書き出しコマンドを使用して、QuickTime ムービーとして書き出すことができます。Animate アニメーションでは、アニメーションのビデオ出力を最適化できます。Animate アプリケーションでは、アプリケーションのビデオが実行時にレンダリングされるので、ユーザーがビデオを操作できます。この結果、ビデオファイルに含めるアプリケーションのブランチや状態をキャプチャできます。

Animate でのビデオの読み込みとパブリッシュ

FLV ファイルを Animate に読み込むと、スクリプトや Animate コンポーネントなどの様々な手法を使用して、ビデオ周辺の視覚的なインターフェイスを制御できます。例えば、再生コントロールやその他のグラフィックも含めることができます。また、合成結果の FLV ファイルの上にグラフィックレイヤーを追加することもできます。

グラフィック、アニメーション、およびビデオの合成

Animate と After Effects には、ビデオやグラフィックの複雑な合成を実行するための多くの機能が含まれます。使用するアプリケーションは、個人的な好みや作成する最終出力によって異なります。

Animate は、After Effects より Web 指向のアプリケーションで、最終的なファイルサイズを小さくすることができます。また、Animate を使用すると、アニメーションを実行時に制御することもできます。After Effects はビデオやフィルムの制作に適しており、幅広い視覚効果を提供でき、最終出力としてビデオファイルを作成するために使用されます。

いずれのアプリケーションも、オリジナルのグラフィックやアニメーションの作成に使用できます。いずれもタイムラインを使用し、アニメーションをプログラムで制御するためのスクリプト機能を備えています。After Effects には、Animate よりも多くのエフェクトが含まれますが、スクリプト機能を比較すると、Animate の ActionScript® 言語の方が制御が充実しています。

いずれのアプリケーションでも、合成時に画像を別々のレイヤーに配置できます。これらのレイヤーは、必要に応じてオンとオフを切り替えることができます。また、いずれのアプリケーションでも、各レイヤーの内容にエフェクトを適用できます。

Animate では、合成内容はビデオコンテンツに直接影響を与えず、Flash Player での再生時にのみビデオの外観を変化させます。これに対し、After Effects では、読み込んだビデオを編集してビデオファイルを書き出す際に、画像とエフェクトを実際に合成します。

After Effects でのすべての描画とペイントは、読み込まれたビデオには影響を与えずに実行されるので、常に非破壊的です。Animate には、破壊的な描画モードと非破壊的な描画モードの両方があります。

SWF ファイルの After Effects への読み込み

Animate には、After Effects や Adobe® Illustrator® では表現できない、様々な描画ができる独自のベクトルアートツールがあります。SWF ファイルを After Effects に読み込み、他のビデオと合成したり、クリエイティブなエフェクトを使用してビデオとしてレンダリングしたりできます。インタラクティブな内容とスクリプトによるアニメーションは保持されません。キーフレームで定義されたアニメーションは保持されます。

After Effects に読み込まれた SWF ファイルは単一の連続ラスタライズされたレイヤーに分割・統合されます。この SWF ファイルのアルファチャンネルは保持されます。連続ラスタライズとは、画像を徐々に拡大するときに鮮明度が維持される機能のことです。この機能によって、SWF ファイルのルートレイヤーやオブジェクトを、After Effects 内でスムーズにレンダリングされる要素として使用できるので、各ツールの機能を十分に使用できます。

 高度なレイヤーモード(修正/ドキュメント/モード)は、デフォルトで有効になり、各レイヤーは、このモードでムービークリップとしてパブリッシュされます。高度なレイヤーモードをオンにしてパブリッシュされ、After Effects に読み込まれた SWF ファイルには、読み込まれるムービークリップと同じ制限があります。

.swf ファイルのパブリッシュ設定を指定する際に、カメラエフェクト、レイヤー深度および After Effects に対するペアレンティングが可能な互換 SWF を生成するオプションがあります。パブリッシュ設定ダイアログの「After Effects に最適化」オプションを選択します。また、このオプションは、FLA が After Effects にドラッグ&ドロップされた場合、デフォルトで有効になり、高度なレイヤー機能が After Effects でそのまま保持されます。

パブリッシュ設定
パブリッシュ設定

Animate FLA ファイルの After Effects への読み込み

Animate FLA ファイルを After Effects に読み込み、ビデオと合成したり、クリエイティブなエフェクトを追加してビデオとしてレンダリングしたりできるようになりました。After Effects は、プラグインを使用して Animate と連携できます。 

  1. Creative Cloud アプリケーションから Animate 19.0 および After Effects 16.0 をインストールします。 

  2. After Effects を起動してプロジェクトを作成します。

  3. ファイル/読み込み/ファイル...メニューへ移動します。

  4. sample.fla ファイルを選択し、読み込みを選択します。

     AS3 .fla を sample.fla ファイルとして使用します。

  5. 環境設定の読み込みダイアログで、すべてのレイヤーの FLA が生成された場所を参照し、「OK」をクリックします。

    デフォルトでは、保存されたファイルの場所を取得します。

    オーディオを読み込む」オプションを選択すると、FLA のメインタイムラインのオーディオが . mp3 または .wav サウンドファイルとして書き出されます。このオーディオは、After Effects に個別のレイヤーとして読み込まれます。

    すべてのレイヤーが After Effects のコンポジション内に読み込まれます。コンポジション内のレイヤーの順序は、Animate で使用されている順序と似ています。

     レイヤーエフェクトおよびカメラフィルターを使用している場合は、読み込み時に無視されます。

After Effects を使用したアニメーションの作成

After Effects がなければ、アニメーションは完成しません。ビデオに精緻さと見栄えを加えます。After Effects でアニメーションファイルを読み込んで作成する方法を学習するには、この例の最後にあるチュートリアルを参照して、次の手順に従ってください。

  1. ファイル/読み込みをクリックして目的の Animate CC ドキュメントを選択し、「OK」をクリックします。

  2. エフェクト/描画をクリックして、目的のエフェクトを選択します。

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト