マニュアル キャンセル

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. 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. 既知の問題

 

Animate ワークスペースのオーサリングパネルには、好みに合わせて調整可能なオーサリングコントロールとパブリッシュコントロールがあります。また、どのパネルも、利用しやすいように現在の場所からドラッグしたり、サイズを変更したり、画面上の好きな場所に移動したりすることができます。さらに、Animate ポップアップメニューには、画面上の特定の位置にパネルをロックするオプションが用意されています。ロックすると、作業中に誤ってパネルをドラッグしても動きません。 

ロックオプションを適用した Animate パネル
ロックオプションを適用した Animate パネル

プロパティインスペクターについて

プロパティインスペクターを使用することで、ステージおよびタイムラインのいずれにおいても、現在の選択で最も頻繁に使用される属性にすばやくアクセスすることができます。プロパティインスペクターでは、属性を制御するメニューやパネルを開かなくても、オブジェクトやドキュメント属性を変更できます。

プロパティインスペクターには、選択している内容に応じて、現在のドキュメント、テキスト、シンボル、シェイプ、ビットマップ、ビデオ、グループ、フレームまたはツールの情報および設定が表示されます。種類の異なるオブジェクトを複数選択すると、プロパティインスペクターには、選択したオブジェクトの総数が表示されます。

プロパティインスペクターを表示するには、ウィンドウ/プロパティを選択するか、Ctrl + F3(Windows)または Command + F3(Mac OS)を押します。

Animate 2020 リリースには、「ツール」、「オブジェクト」、「フレーム」、「ドキュメント」という 4 つのタブを備えた最新のプロパティインスペクターが用意されています。  各タブは、現在選択しているオブジェクトのプロパティに対応しています。 

ツール - 現在選択されているツールを示します。ツールに有効な PI(プロパティインスペクター)がない場合は、「ドキュメント」PI が表示され、「ツール」PI タブは無効になります。このタブには、現在選択されているツールのプロパティが表示されます。

オブジェクト - ステージで現在選択されているオブジェクトが表示されます。オブジェクトが選択されていない場合、このタブは無効になります。このタブには、現在選択されているツールのプロパティが表示されます。

フレーム - タイムラインで現在選択されているフレームが表示されます。フレームが選択されていない場合、このタブは無効になります。このタブには、現在選択されているツールのプロパティが表示されます。

ドキュメント - 現在操作しているドキュメントが表示されます。このタブには、現在開いているドキュメントに固有のプロパティの概要が表示されます。

ドキュメント PI
ドキュメントプロパティインスペクター

ツールプロパティインスペクター
ツールプロパティインスペクター

フレーム PI
フレームプロパティインスペクター

オブジェクト PI
オブジェクトプロパティインスペクター

プロパティパネルのその他のプロパティ

ハンドル
ドラッグ可能なセクション

ドラッグ可能なセクション

プロパティインスペクターのセクションがドラッグ可能になり、再配置できるようになりました。ドラッグ可能なセクションの上にマウスポインターを合わせると、ハンドルが表示されます。

クイックアクションセクション
クイックアクションセクション

クイックアクションツールバー

プロパティパネルでは、新しいクイックアクションセクションが追加され、ヘッダーセクションが更新されました。これにより、モードおよび関連機能が見つけやすくなり、すばやくアクセスできるようになりました。

更新されたヘッダーセクション
ビットマップ用の更新されたヘッダーセクション

最新のフィルター設定
最新のフィルター設定

最新のフィルター設定

「フィルター」セクションがアップグレードされ、フィルターの組み合わせを適用しやすくなりました。また、フィルターを他のフィルターの上または下にドラッグすることで、フィルターの順序を変更することもできます。  

カラーとスタイル
カラーとスタイル

最新の塗りと線

  • 「塗りと線」セクションが「カラーとスタイル」に名称変更されました。 
  • 塗りと線のカラーのアルファオプションが最前面に追加され、利用しやすくなりました。
  • シンプルで手間のかからない操作を実現するために、「スタイル」プロファイルオプションと「幅」プロファイルオプションについては、使用頻度が比較的少ないオプションが省略記号アイコンに移動されました。省略記号アイコンをクリックすると、これらのオプションを選択できます。
  • 「キャップ」および「結合」オプションには、最前面でアクセスできます。
  • 選択されているオブジェクトの部分に応じて、「線」または「塗り」オプションが表示されます。 

「トゥイーンを削除」オプション

トゥイーンを削除
トゥイーンを削除

プロパティインスペクター内でトゥイーンを削除するためのオプションが「トゥイーン」セクションに用意されるようになりました。

「コンテンツに合わせる」オプション

「コンテンツに合わせる」オプション
「コンテンツに合わせる」オプション

ドキュメント設定セクションで 1 回クリックして「コンテンツに合わせる」オプションを使用できるようになりました。

更新されたカメラツール PI

更新されたカメラオプション
更新されたカメラオプション

すべてのカラー効果とフィルターがカメラに組み込まれるようになりました。

更新された多角形、長方形、楕円、テキスト、マジックワンドツールプロパティ

多角形ツール、長方形ツール、楕円ツール、テキストツール、マジックワンドツールのプロパティインスペクターパネルは更新されて、アクセスしやすくなり、すっきりとしたユーザーインターフェイスになりました。

多角形
多角形

静止テキスト
静止テキスト

ライブラリパネルについて

ライブラリパネル(ウィンドウ/ライブラリ)では、Animate で作成したシンボルを保存および整理します。また、ビットマップグラフィック、サウンドファイル、ビデオクリップなど、読み込んだファイルも保存できます。ライブラリパネルを使用すると、ライブラリアイテムをフォルダーに整理したり、ドキュメント内での使用回数を表示したりできます。また、名前、タイプ、日付、使用回数または ActionScript® リンケージ識別子ごとにアイテムを並べ替えることもできます。例えば、アニメーション GIF を読み込むと、ルートフォルダーの下に GIF というフォルダーが作成され、ファイルが配置されます。また、シンボル名やリンケージ名を検索フィールドに入力することで、ライブラリパネルを検索できます。多くの複数オブジェクト選択のプロパティを設定することもできます。

オーディオクリップが選択された状態のライブラリパネル
オーディオクリップが選択された状態のライブラリパネル

アクションパネルについて

アクションパネルでは、オブジェクトまたはフレームの ActionScript コードの作成と編集を行います。フレーム、ボタン、またはムービークリップのインスタンスを選択することによって、アクションパネルがアクティブになります。選択している内容によって、アクションパネルのタイトルが「ボタンアクション」、「ムービークリップアクション」、または「フレームアクション」に変更されます。

フレーム内に stop() アクションを表示するアクションパネル
フレーム内に stop() アクションを表示するアクションパネル

アクションパネルを表示するには、ウィンドウ/アクションを選択するか、F9 キーを押します。アクションパネルについて詳しくは、アクションパネルの概要を参照してください。

ムービーエクスプローラーの使用(Animate では非推奨)

ムービーエクスプローラーを使用することで、ドキュメントのコンテンツを表示し整理することができ、またドキュメントのエレメントを修正用に選択することができます。ムービーエクスプローラーには、現在使用されているエレメントのリストが、操作可能な階層ツリー構造で表示されます。

ムービーエクスプローラーを使用して、以下の操作を実行します。

  • ムービーエクスプローラーに表示する、ドキュメント内のアイテムカテゴリをフィルターします。

  • 選択したカテゴリを、シーン、シンボル定義、またはその両方として表示します。

  • ナビゲーションツリーを開いて、閉じます。

  • ドキュメント内のエレメントを名前で検索します。

  • 他の開発者が作成した Animate ドキュメントの構造を確認します。

  • 特定のシンボルまたはアクションのすべてのインスタンスを検索します。

  • ムービーエクスプローラーに表示されている表示リストをプリントします。

ムービーエクスプローラーには、選択したアイテムを操作したり、ムービーエクスプローラーの表示を変更できる、パネルメニューやコンテキストメニューが用意されています。ムービーエクスプローラーパネルにある、下に三角形が付いたチェックマークはパネルメニューを表します。

注意:

スクリーンを操作する場合は、使用するムービーエクスプローラーの機能が若干異なります。

ムービーエクスプローラーの表示

  1. ウィンドウ/ムービーエクスプローラーを選択します。

ムービーエクスプローラーに表示するアイテムのカテゴリのフィルター

  • テキスト、シンボル、ActionScript、読み込まれたファイル、またはフレームとレイヤーを表示するには、「表示」オプションの右側にあるフィルターボタンをクリックします。表示するアイテムをカスタマイズするには、「カスタマイズ」ボタンをクリックします。これらのエレメントを表示するには、ムービーエクスプローラー設定ダイアログボックスの「表示」領域でオプションを選択します。

  • シーンにアイテムを表示するには、ムービーエクスプローラーパネルメニューから「ムービーエレメントを表示」を選択します。

  • シンボルに関する情報を表示するには、ムービーエクスプローラーパネルメニューから「シンボル定義の表示」を選択します。

注意:

ムービーエレメントを表示」オプションと「シンボル定義の表示」オプションの両方を同時にアクティブにすることができます。

「検索」ボックスによるアイテムの検索

  1. 「検索」ボックスに、アイテム名、フォント名、ActionScript ストリングまたはフレーム番号を入力します。「検索」機能では、ムービーエクスプローラーに表示されるすべてのアイテムが検索されます。

ムービーエクスプローラーでのアイテムの選択

  1. ナビゲーションツリーでアイテムをクリックします。複数のアイテムを選択するには、Shift キーを押しながらクリックします。

    選択したアイテムの完全パスが、ムービーエクスプローラーの下部に表示されます。ムービーエクスプローラーでシーンを選択すると、そのシーンの最初のフレームがステージに表示されます。ムービーエクスプローラーでエレメントを選択すると、そのエレメントを含むレイヤーがロックされていない場合、ステージ上でそのエレメントが選択されます。

ムービーエクスプローラーパネルメニューまたはコンテキストメニューコマンドの使用

  1. 次のいずれかの操作をします。
    • パネルメニューを表示するには、ムービーエクスプローラーパネルでパネルメニューコントロールをクリックします。

    • コンテキストメニューを表示するには、ムービーエクスプローラーのナビゲーションツリーで、アイテムを右クリック(Windows)または Control キーを押しながらクリック(Mac OS)します。

  2. メニューからオプションを選択します。

    移動

    ドキュメント内で選択されたレイヤー、シーンまたはフレームに移動します。

    シンボル定義への移動

    「シンボル定義」を選択すると、ムービーエクスプローラーの「ムービーエレメント」領域で選択されたシンボルのシンボル定義にジャンプします。シンボル定義には、そのシンボルに関連するすべてのファイルが表示されます(「シンボル定義の表示」オプションは必ず選択してください。定義については、このリストを参照してください)。

    シンボルインスタンスの選択

    ムービーエクスプローラーの「シンボル定義」領域で選択されたシンボルのインスタンスを含むシーンにジャンプします(必ず「ムービーエレメントを表示」オプションを選択してください)。

    ライブラリに表示

    ドキュメントのライブラリで選択したシンボルをハイライト表示します(ライブラリパネルが表示されていない場合、Animate によって自動的に開かれます)。

    名前を変更

    選択したエレメントの新しい名前を入力することができます。

    同じ位置で編集

    選択したシンボルをステージで編集することができます。

    新規ウィンドウで編集

    選択したシンボルを新規ウィンドウで編集することができます。

    ムービーエレメントを表示

    シーンに組み込まれたドキュメントにエレメントを表示します。

    シンボル定義の表示

    シンボルに関係するすべてのエレメントを表示します。

    すべてのテキストをクリップボードにコピー

    選択したテキストをクリップボードにコピーします。スペルチェックやその他の編集については、テキストを外部のテキストエディターにペーストします。

    カット、コピー、ペースト、クリア

    選択したエレメントに対して、これら一般的機能が実行されます。表示リストでアイテムを変更すると、ドキュメント内の対応するアイテムが変更されます。

    ブランチの展開

    選択したエレメントのナビゲーションツリーを展開します。

    ブランチを畳む

    選択したエレメントのナビゲーションツリーを畳みます。

    その他を畳む

    選択したエレメントを含まないナビゲーションツリーのブランチを畳みます。

    印刷

    ムービーエクスプローラーに表示されている階層表示をプリントします。

Animate コンポーネントおよびコンポーネントパネルの使用

Animate のコンポーネントは、Animate ドキュメントに特定の機能を追加できる再使用可能なパッケージモジュールです。コンポーネントにはグラフィックとコードを含めることができるので、Animate プロジェクトに簡単に追加できる構築済みの機能になります。例えば、ラジオボタン、ダイアログボックスまたはプリロードバーをコンポーネントにすることができます。また、タイマー、サーバー接続ユーティリティ、カスタム XML parser のように、まったくグラフィックを含んでいないものもコンポーネントにできます。

ActionScript を作成した経験が少ない方でも、コンポーネントをドキュメントに追加したり、プロパティインスペクターやコンポーネントインスペクターパネルでパラメーターを設定したりできます。ビヘイビアーパネルを使用して、イベントを操作できます。例えば、Web ページへ移動ビヘイビアーを Button コンポーネントに追加できます。ActionScript コードをいっさい記述しなくても、ボタンがクリックされると Web ブラウザーで URL を開くことができます。

作成するアプリケーションの堅牢性を高めるには、コンポーネントを動的に作成します。ActionScript を使用して、実行時にプロパティを設定し、メソッドを呼び出します。また、イベントリスナーモデルを使用して、イベントを処理します。

コンポーネントパネルを使用したコンポーネントの挿入

ユーザーが最初にコンポーネントをドキュメントに追加したときに、Animate はそれをムービークリップとしてライブラリパネルに読み込みます。コンポーネントパネルにあるコンポーネントをライブラリパネルに直接ドラッグし、そのインスタンスをステージに追加することもできます。いずれの場合も、コンポーネントをライブラリに追加した後でなければ、そのクラスエレメントにアクセスできません。

  1. ウィンドウ/コンポーネントを選択します。

  2. コンポーネントパネルからコンポーネントを選択して、ステージまたはライブラリパネルにドラッグします。コンポーネントがライブラリに追加されると、複数のインスタンスをステージにドラッグできます。
  3. プロパティインスペクターまたはコンポーネントインスペクターを使用して、必要なコンポーネントを設定します。コンポーネントで使用するパラメーターについて詳しくは、Animate ドキュメントで使用している ActionScript のバージョンに対応するコンポーネントのマニュアルを参照してください。

コンポーネントパラメーターパネルの使用

Animate デザイナーは、Animate に外部コンポーネントを読み込み、それらのコンポーネントを使用して、アニメーションを作成できます。このワークフローを効率化するために、Animate にはコンポーネントパラメーターセクションがパネルとして用意されています。このパネルは、Animate のステージング環境内でサイズを変更することや、移動することができます。また、パネルを固定することもできます。それには、パネルの右上隅にあるハンバーガーアイコンをクリックして、メニューからロックオプションを選択します。

このパネルを開くには、プロパティインスペクターの「パラメーターを表示」を使用するか、ウィンドウ/コンポーネントパラメーターを使用します。ダイアログでパラメーターに値を追加できます。

「パラメーターを表示」ボタン
「パラメーターを表示」ボタン

コンポーネントパラメーターパネル
コンポーネントパラメーターパネル

さらに、HTML5 カスタムコンポーネントの開発者は、HTML/CSS ベースのユーザーインターフェイスを使用して、パラメーターを操作できます。

Web サービスパネルについて

(Animate では非推奨)Web サービスのリストの表示、Web サービスの更新、Web サービスの追加または削除は、Web サービスパネルで実行できます。ウィンドウ/他のパネル/Web サービスをクリックします。Web サービスパネルに Web サービスを追加すると、作成するすべてのアプリケーションから Web サービスを利用できるようになります。

Web サービスパネルの「Web サービスの更新」ボタンをクリックすると、すべての Web サービスを一度に更新できます。ステージを使用せずに ActionScript コードを記述する場合には、Web サービスパネルを使用して Web サービスを管理できます。

 Adobe

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

新規ユーザーの場合

Adobe MAX 2025

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

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

Adobe MAX 2025

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

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