マニュアル キャンセル

モーションプリセットの作成と適用

  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 デザインコミュニティのメンバーが提供するプリセットを活用することもできます。

 

 モーションプリセットに設定できるのはモーショントゥイーンのみです。クラシックトゥイーンをモーションプリセットとして保存することはできません。

関連項目

モーションプリセットの適用

モーションプリセットを適用するには:

  1. ステージ上のトゥイーン可能なオブジェクトを選択します。トゥイーン不可のオブジェクトにモーションプリセットを適用すると、そのオブジェクトをシンボルに変換するためのオプションが表示されます。
  2. モーションプリセットパネルでプリセットを選択します。
  1. パネルの「適用」ボタンをクリックして、パネルメニューから「現在の位置に適用」を選択します。

モーションは、ステージのムービークリップの現在の位置からモーションが開始するように適用されます。プリセットにモーションパスが関連付けられている場合、モーションパスがステージに表示されます。

プリセットを適用するには、Shift キーを押しながら「適用」ボタンをクリックするか、またはパネルメニューから「現在の位置で終了」を選択します。

別のレイヤーにある複数のフレームを選択してモーションプリセットを適用することもできますが、この場合、選択した各フレームに存在するトゥイーン可能なオブジェクトは 1 つのみである必要があります。

モーションプリセットのプレビュー

Animate にあらかじめ用意されているモーションプリセットは、モーションプリセットパネルでプレビュー表示できます。これにより、そのトゥイーンプリセットをドキュメント内のオブジェクトに適用するとどんなアニメーションになるかを予想できます。自分で作成したり、読み込んだりしたカスタムプリセットについては、独自のプレビューを追加できます。

  1. モーションプリセットパネルを開きます。
  2. 一覧からモーションプリセットを選択します。
    パネルの上部にあるプレビューセクションでプレビューが再生されます。
  1. プレビューの再生を停止するには、モーションプリセットパネルの外側をクリックします。

ステージでトゥイーン可能なオブジェクト(シンボルインスタンスまたはテキストフィールド)を選択した状態で、「適用」ボタンをクリックしてプリセットを適用できます。1 つのオブジェクトにつき、1 つのプリセットを適用できます。同じオブジェクトに対して、さらに別のプリセットを適用すると、最初に適用したプリセットが後から適用したプリセットに置き換えられます。

ステージ上のオブジェクトにプリセットを適用すると、タイムラインに作成されたトゥイーンはモーションプリセットパネルとの関連を持たなくなります。モーションプリセットパネルでプリセットを削除したり名前変更しても、そのプリセットを使用して作成されたトゥイーンには影響しません。既存のプリセットを新しいプリセットで上書き保存しても、元のプリセットを使用して作成した既存のトゥイーンには影響しません。

各モーションプリセットには、特定数のフレームが含まれています。プリセットを適用すると、その特定数のフレームを含むトゥイーンスパンがタイムラインに作成されます。ターゲットオブジェクトに異なる長さのトゥイーンが適用されている場合、トゥイーンスパンはモーションプリセットの長さに一致するよう自動調整されます。トゥイーンスパンの長さは、プリセットを適用した後にタイムラインで調整できます。

3D モーションを含むモーションプリセットを適用できるのは、ムービークリップインスタンスのみです。トゥイーン 3D プロパティは、グラフィックシンボルやボタンシンボル、またはクラシックテキストフィールドには適用されません。2D または 3D モーションプリセットは、2D または 3D ムービークリップに適用できます。

トゥイーンをカスタムモーションプリセットとして保存

トゥイーンプリセットを作成または変更した後に、そのプリセットを新しいモーションプリセットとして保存できます。新しいプリセットは、モーションプリセットパネルのカスタムプリセットフォルダーに表示されます。

カスタムトゥイーンをプリセットとして保存するには:

  1. 以下のいずれかのアイテムを選択します。

    • タイムラインのトゥイーンスパン

    • カスタムトゥイーンを適用したステージ上のオブジェクト

    • ステージ上のモーションパス

  2. モーションプリセットパネルで「選択範囲をプリセットとして保存」ボタンをクリックするか、選択アイテムのコンテキストメニューから「モーションプリセットとして保存」を選択します。

    新しいプリセットがモーションプリセットパネルに表示されます。Animate により、プリセットは XML ファイルとして保存されます。これらのファイルは次のディレクトリに保存されます。

    • Windows:<hard disk>\Documents and Settings\<user>\Local Settings\Application Data\Adobe\Animate\<language>\Configuration\Motion Presets\

    • Macintosh:<hard disk>/Users/<user>/Library/Application Support/Adobe/Animate CC/<language>/Configuration/Motion Presets/

     カスタムプリセットの保存、削除、名前変更を取り消すことはできません。

モーションプリセットの読み込み

モーションプリセットは XML ファイルとして保存されます。XML トゥイーンファイルを読み込んで、モーションプリセットパネルに追加できます。

メモ:XML ファイルとして読み込まれたモーションプリセットは、モーショントゥイーンにのみ追加できます。

  1. モーションプリセットパネルメニューから「読み込み」を選択します。

  2. 開くダイアログボックスで、読み込む XML ファイルを指定して「開く」をクリックします。

モーションプリセットの書き出し

モーションプリセットを XML ファイルとして書き出して、他の Animate ユーザーと共有できます。

  1. モーションプリセットパネルでプリセットを選択します。
  2. パネルメニューから「書き出し」を選択します。
  3. 名前を付けて保存ダイアログボックスで XML ファイルの名前と保存先を選択し、「保存」をクリックします。

モーションプリセットの削除

モーションプリセットパネルからプリセットを削除できます。プリセットを削除すると、その XML ファイルがディスクから削除されます。プリセットを後でまた使用したい場合は、プリセットのコピーを書き出して保存しておいてください。

  1. モーションプリセットパネルで削除するプリセットを選択します。

  2. 次のいずれかの操作を行います。

    • パネルメニューから「削除」を選択します。
    • パネルの「削除」ボタンをクリックします。

カスタムプリセットのプレビューの作成

カスタムモーションプリセットをプレビューするには、トゥイーン処理されたアニメーションを表示する SWF ファイルを、モーションプリセットの XML ファイルと同じディレクトリに保存します。

  1. トゥイーンアニメーションを作成して、カスタムプリセットとして保存します。

  2. トゥイーンの動作のみを含んだ FLA ファイルを作成します。FLA ファイルにカスタムプリセットと同じ名前を付けて保存します。

  3. パブリッシュ」コマンドを使用して、FLA ファイルから SWF ファイルを作成します。

  4. 保存したカスタムモーションプリセット XML ファイルと同じディレクトリに SWF ファイルを配置します。これらのファイルは次のディレクトリに保存されます。

    • Windows:<hard disk>\<users>\Application Data\Local\Adobe\Animate CC\<language>\Configuration\Motion Presets\
    • Macintosh:<hard disk>/Users/<user>/Library/Application Support/Adobe/Animate CC/<language>/Configuration/Motion Presets/

    モーションプリセットパネルでカスタムトゥイーンを選択すると、そのプレビューが表示されるようになります。

 Adobe

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

新規ユーザーの場合

Adobe MAX 2024

Adobe MAX
クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン

Adobe MAX

クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン

Adobe MAX 2024

Adobe MAX
クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン

Adobe MAX

クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン