マニュアル キャンセル

モーショントゥイーンの操作

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

 

アニメーションのフレームを選択したり、タイムライン上で移動するには様々な方法があります。また、ファイルをパブリッシュしたときにアニメーションが正確に再生されるようにアニメーションを修正する方法も数多くあります。

トゥイーンレイヤーでは、トゥイーンスパン、静的フレーム、空のキーフレームを使用できます。静的フレームと空のフレームは、フレームへの描画、グラフィックのペースト、選択フレームへのビットマップ読み込みなどに使用できます。これらのスパンおよびフレームは、同じレイヤー上で、または多くの別のレイヤーに移動できます。トゥイーンレイヤーでは、IK スパンやクラシックトゥイーンを使用できません。

トゥイーンスパンでは、ActionScript をフレームに記述することも、トゥイーンオブジェクトにアタッチすることもできません。しかし、トゥイーンレイヤー上のトゥイーンスパン以外のフレームならば、ActionScript を使用できます。コードを記述するときは、すべてアクションレイヤーにまとめてください(通常は、メインタイムラインの最上位のレイヤーをアクションレイヤーにします)。

トゥイーンを操作するには、トゥイーンレイヤーで以下のコンテキストメニューオプションを使用します。

  • トゥイーンを調整:選択したトゥイーンスパンのモーショントゥイーンを調整します。
  • トゥイーンの削除:選択したトゥイーンスパンからモーショントゥイーンを削除します。
  • 3D トゥイーン:トゥイーンの 3D プロパティ(モーションエディターで表示可能)を追加または削除します。モーショントゥイーンを追加する前または後にインスタンスで 3D ツールを使用すると、3D が自動的にアクティブになります。 
  • フレームアニメーションに変換:現在選択しているスパンをフレーム単位のアニメーションに変換します。 
  • モーションプリセットとして保存:現在選択しているスパンをモーションプリセットとして保存します。
  • フレームを挿入:トゥイーンスパンに選択した数のフレームを挿入します。 
  • フレームを削除:トゥイーンスパンまたは静的フレームから選択したフレームを削除します。スパン全体を選択すると、スパン全体が削除されます。
  • キーフレームの挿入:挿入するプロパティキーフレームのタイプをサブメニューから選択できます。例えば、このメニューを使用して、回転プロパティキーフレームを挿入できます。 
  • 空白キーフレームを挿入:このオプションを使用して、空のフレームに空白キーフレームを挿入できます。選択しているものがトゥイーンスパン内にある場合、このオプションは薄く表示されます。
  • キーフレームを削除:トゥイーンスパン内で使用した場合は、サブメニューが表示され、現在選択しているフレームから削除するプロパティキーフレームのタイプを選択できます。このオプションでは、フレーム 1 のキーフレームを削除できません。トゥイーンスパン外で使用した場合は、選択したキーフレームが削除されます。
  • キーフレームを表示:このオプションを使用して、選択したトゥイーンスパンで表示するプロパティキーフレームのタイプを選択できます。デフォルト設定では「すべて」ですが、プロパティキーフレームのタイプを 1 つ以上選択できます。
  • フレームをカット、コピー、ペースト:このオプションを使用して、トゥイーンスパンから一部または全部のフレームを切り取りまたはコピーし、新しい位置に貼り付けることができます。 
  • フレームのクリア:このオプションを使用して、選択したフレームを空白フレームに戻すことができます。選択したフレームがトゥイーンスパンの途中にある場合は、空白フレームの前後に 2 つのトゥイーンスパンが作成されます。
  • すべてのフレームを選択:このオプションを使用して、タイムライン上のすべてのフレームを選択できます。
  • モーションをコピー、ペースト:これらのオプションを使用して、選択したモーションのすべてのプロパティをコピーし、別のインスタンスに貼り付けることができます。 
  • プロパティをコピー、ペースト:これらのオプションを使用して、個々のフレームからプロパティキーフレームをコピーし、別のフレームに貼り付けることができます。このオプションを使用する場合は、1 つのフレームを選択してください。 
  • 特殊プロパティをペースト:選択したフレームのプロパティをコピーした後にこのオプションを使用します。 
  • モーションを分割:このオプションを使用して、1 つのトゥイーンスパンを 2 つのトゥイーンスパンにすることができます。このオプションは、フレームを 1 つ選択しているときに使用できます。 
  • モーションを結合:このオプションを使用して、連続するトゥイーンスパンを 1 つのトゥイーンスパンにできます。このオプションは、連続するトゥイーンスパンを 2 つ以上選択しているときに使用できます。 
  • キーフレームを反転:このオプションを使用して、選択したトゥイーンスパンのすべてのプロパティのキーフレームを反転させることができます。 
  • モーションパス/キーフレームをロービングに切り替え、キーフレームを非ロービングに切り替え:このオプションを使用して、選択したスパンのキーフレームのロービングと非ロービングを切り替えることができます。

関連項目

モーショントゥイーンのコピーとペースト

トゥイーンスパン間で、トゥイーンプロパティをコピーできます。トゥイーンプロパティは新しいターゲットオブジェクトに適用されますが、ターゲットオブジェクトの位置は変更されません。新しいターゲットオブジェクトの位置を変更せずに、ステージのある領域から別の領域にあるオブジェクトにトゥイーンを適用できます。

  1. コピーするトゥイーンプロパティが含まれるトゥイーンスパンを選択します。
  2. 編集/タイムライン/モーションをコピーを選択します。
  3. コピーされたトゥイーンを受け取るトゥイーンスパンを選択します。
  4. 編集/タイムライン/モーションをペーストを選択します。
  5. トゥイーンプロパティがターゲットトゥイーンスパンに適用され、コピーしたトゥイーンスパンに合わせてトゥイーンスパンの長さが調整されます。

モーショントゥイーンをアクションパネルにコピーする、または別のプロジェクトで ActionScript® として使用するには、「ActionScript 3.0 にモーションを書き出してコピー」コマンドを使用します。

モーショントゥイーンプロパティのコピーとペースト

選択したフレームから同じトゥイーンスパンまたは別のトゥイーンスパンの別のフレームにプロパティをコピーできます。プロパティ値は、プロパティがペーストされたときに選択されたフレームだけに追加されます。2D 位置プロパティを 3D トゥイーンにペーストすることはできません。

これらの操作では、環境設定(編集/環境設定)の「スパンベースのフレーム選択」が有効になっていることが前提となります。

  1. Ctrl + Alt キー(Windows)または Command + Option キー(Mac OS)を押しながらフレームをクリックし、トゥイーンスパン内の単一フレームを選択します。
  2. 選択したフレームを右クリック(Windows)または Command キーを押しながらクリック(Mac OS)して、コンテキストメニューから「プロパティをコピー」を選択します。
  3. Ctrl + Alt キー(Windows)または Command + Option キー(Mac OS)を押しながらフレームをクリックし、コピーされたプロパティを受け取る単一フレームを選択します。目的のフレームはトゥイーンスパン内にある必要があります。
  4. コピーされたプロパティを選択したフレームにペーストするには、次のいずれかの操作をします。
  • コピーしたすべてのプロパティをペーストするには、ターゲットのトゥイーンスパンで選択したフレームを右クリック(Windows)または Command キーを押しながらクリック(Mac OS)します。コンテキストメニューから「プロパティをペースト」を選択します。
  • コピーした一部のプロパティをペーストするには、ターゲットのトゥイーンスパンで選択したフレームを右クリック(Windows)または Command キーを押しながらクリック(Mac OS)します。コンテキストメニューから「特殊プロパティをペースト」を選択します。
  • 表示されるダイアログボックスで、ペーストするプロパティを選択して「OK」をクリックします。

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

新規ユーザーの場合

Adobe MAX 2025

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

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