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 ライブラリと 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. ビデオのキューポイントの操作
    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. Adobe Scout での Animate の使用
    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 のパブリッシュ
    8. ActionScript パブリッシュ設定
    9. ベストプラクティス - アプリケーションでの ActionScript の整理
    10. Animate での ActionScript の使用
    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. FLA ファイルを Animate 向けに最適化するベストプラクティス
    15. ActionScript パブリッシュ設定
    16. Animate のパブリッシュ設定の指定
    17. プロジェクターファイルの書き出し
    18. 画像とアニメーション GIF の書き出し
    19. HTML パブリッシュ用テンプレート
    20. Adobe Premiere Pro と After Effects の使用
    21. アニメーションのクイック共有とパブリッシュ

アセットパネルを使用したアニメーションの方法を説明します。

アセットパネルとは

アセットパネルには、すぐに使用できるアセットが用意されており、アニメーションプロジェクトで使用できます。プロパティパネルと共に、ほとんどのワークスペースの右上隅にあるタブグループに、アセットパネルがあります。アセットパネルが表示されていない場合、ウィンドウ/アセットを選択することで、有効にできます。

アセットパネルからアセットを使用するには、アセットをステージにドラッグ&ドロップします。

アセットパネルの場所
アセットパネルの場所

アセットパネルのセクション

アセットパネルには 2 つのタブがあります。

  1. デフォルト:Animate のアセットパッケージが含まれる
  2. カスタム:ユーザーによって書き出されたアセットが含まれる

デフォルト」タブには、「アニメーション」、「静的」、「サウンドクリップ」の 3 つのセクションがあります。

カスタム」タブには、「アニメーション」、「静的」の 2 つのセクションがあります。

 

アセットパネルのタブおよびセクション
アセットパネルのタブおよびセクション

アニメーション」セクションには、複数のフレームを含むシンボルがあります。「静的」セクションには、1 つのフレームと、画像を含むシンボルがあります。「サウンドクリップ」には、サンプルのバックグラウンドおよびイベントサウンドがあります。

アセットの検索

デフォルト」タブおよび「カスタム」タブのすぐ下にあるテキストボックスに、検索テキストを入力します。Animate では、検索テキストに一致する名前を持つアセットを検索します。検索結果は、複数のセクションにまたがる可能性があるので、すべてのセクションを展開して検索結果を確認するようにします。

アセットのフィルタリング

アニメーション」および「静的」セクションのアセットは、フィルタリングしてすばやく検索できます。メインフィルターを使用すると、キャラクター、プロパティ、背景などのカテゴリごとにアセットをフィルタリングできます。2 番目のフィルターは、リグアセットを探している場合に便利です。リグ、モーションを含むリグ、オブジェクトとしてアセットをフィルタリングできます。

サウンドクリップ」セクションを使用すると、タイプに基づいてアセットをフィルタリングできます。

  1. バックグラウンドサウンド
  2. イベントサウンド

バックグラウンドサウンドは、通常、イベントサウンドより長くなります。

アセットのフィルタリング
アセットのフィルタリング

リグのフィルタリング
リグのフィルタリング

サウンドクリップのフィルタリング
サウンドクリップのフィルタリング

アセットの書き出し

パネルにアセットを追加するには、2 つの方法があります。ライブラリパネルで、アセットに変換するシンボルを選択します。アセットを右クリックして、「アセットを書き出し」または「アセットとして保存」オプションを選択します。

アセットを書き出し:アセットをファイルとして保存できます。後で、アセットパネルに読み込みことができます。

アセットとして保存:ファイルに保存することなく、直接アセットパネルに保存できます。

Animate の別のインスタンスでアセットを使用したい場合、または他のユーザーとアセットを共有したい場合は、「アセットを書き出し」オプションを選択します。

どちらのオプションでも、アセットを書き出しダイアログボックスが開きます。

ライブラリからの書き出し
ライブラリからの書き出し

アセットを書き出し
アセットを書き出し

シンボルをアセットとして書き出す場合、いくつかのオプションを利用できます。シンボルの様々な属性を組み合わせて書き出すことができます。 
シンボルにアーマチュアレイヤーが含まれる場合、モーションおよびオブジェクトを含む、または含まないボーンを書き出すことができます。

リグでないシンボルの場合、オーディオを含む、または含まないオブジェクトを書き出すことができます。

モーションおよびオーディオは、個別に選択できません。

選択したオプションに応じて、タイプフィールドに、アセットが配置されるアセットパネルのセクションが表示されます。また、書き出されたアセットは、「カスタム」タブに保存されることに注意してください。

カンマ区切りのタグ名を指定することもできます。これは、検索操作中に使用されます。

アセットを書き出し」を選択している場合、「書き出し」をクリックして、ファイル保存ダイアログボックスを開きます。「アセットとして保存」を選択している場合は、書き出されたアセットが「カスタム」タブに追加されます。

アセットの読み込み、名前を変更、削除

アセットは、アセットパネルの「カスタム」タブに読み込むことができます。パネルの左下隅にある + ボタンをクリックして、ファイルを選択します。アセットファイル .ana 形式を選択します。

アセットの読み込み、名前を変更または削除
A - アセットを読み込み、B - アセットを削除、C - アセットの名前を変更または削除

アセットのダウンロード
A - ダウンロード B - 削除 C - 名前を変更または削除

アセットを削除するには、アセットを選択し、パネルの右下隅にあるアイコンをクリックします。また、アセットを右クリックして、「削除」を選択することもできます。メニューから「名前を変更」オプションを選択すると、アセットの名前を変更できます。

アセットのダウンロード

「デフォルト」タブの左下隅にあるクラウドアイコンをクリックすると、Animate サーバーからアセットをダウンロードできます。アセットは、小さいバッチでダウンロードされます。クラウドアイコンを複数回クリックして、その他のアセットをダウンロードします。サーバーのすべてのアセットがダウンロードされると、クラウドアイコンは無効になります。

アセットパネルの使用方法を学習するためのビデオを視聴してください。

次のステップ

ここでは、アセットパネルを使用したアニメーションの方法について説明しました。次に、高度なリグを使用した、キャラクターへのリグの追加方法について学習できます。

アドビのロゴ

アカウントにログイン