トゥイーンを使用した位置のアニメーション化

  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. アニメーションのクイック共有とパブリッシュ

トゥイーンをレイヤー上のオブジェクトに追加すると、Animate は次のいずれかを行います。

  • そのレイヤーをトゥイーンレイヤーに変換します。
  • そのレイヤー上のオブジェクトの元の重ね順を保持するために、新しいレイヤーを作成します。

レイヤーは以下の規則に従って追加されます。

  • 選択したオブジェクト以外のオブジェクトがレイヤー上に存在しない場合、レイヤーはトゥイーンレイヤーに変換されます。

  • レイヤーの重ね順の最下部(他のすべてのオブジェクトの下)を選択した場合、レイヤーは元のレイヤーの上に作成されます。この新しいレイヤーには選択されていないアイテムが保持されます。元のレイヤーがトゥイーンレイヤーになります。

  • レイヤーの重ね順の最上部(他のすべてのオブジェクトの上)を選択した場合、新しいレイヤーが作成されます。選択されているアイテムは新しいレイヤーに移動され、そのレイヤーがトゥイーンレイヤーになります。

  • レイヤーの重ね順の中間(選択されているアイテムの上下にオブジェクトが存在する位置)を選択した場合、2 つのレイヤーが作成されます。1 つのレイヤーに新しいトゥイーンが保持され、その上にあるもう 1 つのレイヤーには、重ね順の最上部の選択されていないアイテムが保持されます。重ね順の最下部にある選択されていないアイテムは、新規に挿入されたレイヤーの下にある元のレイヤー上に残ります。

トゥイーンレイヤーには、トゥイーンスパン、静止フレーム、ActionScript を含めることができます。ただし、トゥイーンスパンを含むトゥイーンレイヤーのフレームには、トゥイーンオブジェクト以外のオブジェクトを含めることはできません。同じフレームにオブジェクトを追加したいときは、別のレイヤー上に配置します。

関連項目

タイムライン上でのオブジェクトのトゥイーン

オブジェクトをステージ間で移動またはスライドさせるには:

  1. ステージでトゥイーンする 1 つのシンボルインスタンスまたはテキストフィールドを選択します。選択できるのは、標準レイヤー、ガイドレイヤー、マスクレイヤー、マスクの対象レイヤーのいずれかに含まれているオブジェクトです。選択したオブジェクトに他のオブジェクトが含まれている場合や、1 つのレイヤー上の複数のオブジェクトが含まれている場合は、選択したオブジェクトがムービークリップシンボルに変換されます。

  2. 選択範囲を反転するには、オブジェクトを右クリックして「選択範囲を反転」を選択します。

  3. 次のいずれかの操作をします。

    • 挿入/モーショントゥイーンを選択します。

    • 選択アイテムまたは現在のフレームを右クリック(Windows)または Command キーを押しながらクリック(Mac OS)して、コンテキストメニューから「モーショントゥイーンを作成」を選択します。

    トゥイーン用に選択項目をシンボルに変換ダイアログボックスが表示されたら、「OK」をクリックして、選択アイテムをムービークリップシンボルに変換します。

    トゥイーンオブジェクト以外のアイテムがレイヤー上に存在しない場合、Animate はそのオブジェクトを含むレイヤーをトゥイーンレイヤーに変換します。レイヤー上に他のオブジェクトが存在する場合、Animate はレイヤーを挿入して重ね順を保持します。トゥイーンオブジェクトは自身の固有のレイヤーに配置されます。

    元のオブジェクトがタイムラインの最初のフレームのみに存在する場合、トゥイーンスパンの長さは 1 秒の持続時間と同じになります。元のオブジェクトが複数の連続するフレーム内に存在する場合、トゥイーンスパンには元のオブジェクトで使用されるフレーム数が含まれます。

  4. タイムライン上のトゥイーンスパンの右端か左端をドラッグし、スパンを目的のフレーム数に拡大/縮小します。トゥイーン内の既存のプロパティキーフレームは、スパンの端の移動に比例して移動します。

    既存のキーフレームを移動せずにスパンの端だけを移動するには、トゥイーンスパンの端を Shift キーを押しながらドラッグします。

  5. トゥイーンにモーションを追加するには、トゥイーンスパン内のフレームに再生ヘッドを配置し、オブジェクトを新しい位置にドラッグします。

    モーションパスがステージに表示されます。このモーションパスは、トゥイーンスパンの最初のフレーム内の位置から新しい位置へのパスを示します。オブジェクトの X プロパティと Y プロパティを明示的に定義しているため、再生ヘッドを含むフレームの X と Y にプロパティキーフレームが追加されます。プロパティキーフレームは、トゥイーンスパンに小さい菱形で表示されます。

    注意:

    デフォルトでは、すべてのプロパティタイプのプロパティキーフレームがタイムラインに表示されます。表示するプロパティキーフレームのタイプを選択するには、トゥイーンスパンを右クリック(Windows)または Command キーを押しながらクリック(Mac OS)して、キーフレームを表示/プロパティタイプを選択します。

  6. オブジェクトに対して別の位置を指定する場合は、再生ヘッドをトゥイーンスパン内の別のフレームに配置し、ステージ上のオブジェクトを別の位置にドラッグします。

    指定したすべての位置が含まれるようモーションパスが調整されます。

  7. 3D 回転または位置をトゥイーンするには、3D 回転ツールまたは 3D 移動ツールを使用します。最初に 3D プロパティキーフレームを追加するフレームに再生ヘッドを配置してください。

    注意:

    複数のトゥイーンを同時に作成するには、トゥイーン可能なオブジェクトを複数のレイヤーに配置し、それらのレイヤーすべてを選択して、挿入モーショントゥイーンを選択します。同じ方法で、モーションプリセットを複数のオブジェクトに適用することもできます。

アドビのロゴ

アカウントにログイン