ツールパネルで選択ツールをクリックします。
- Adobe Animate ユーザーガイド
- Animate の概要
- アニメーション
- Animate のアニメーションの基本
- Animate でフレームとキーフレームを使用する方法
- Animate でのフレームアニメーション
- Animate でのクラシックトゥイーンアニメーションの操作方法
- ブラシツール
- モーションガイド
- モーショントゥイーンと ActionScript 3.0
- モーショントゥイーンアニメーションについて
- モーショントゥイーンアニメーション
- モーショントゥイーンアニメーションの作成
- プロパティキーフレームの使用
- トゥイーンを使用した位置のアニメーション化
- モーションエディターを使用したモーショントゥイーンの編集
- トゥイーンアニメーションのモーションパスの編集
- モーショントゥイーンの操作
- カスタムイージングの追加
- モーションプリセットの作成と適用
- アニメーションのトゥイーンスパンの設定
- XML ファイルとして保存したモーショントゥイーンの操作
- モーショントゥイーンとクラシックトゥイーン
- シェイプトゥイーン
- Animate のボーンツールアニメーションの使用
- Animate でのキャラクターリグの操作
- Adobe Animate でのマスクレイヤーの使用
- Animate でのシーンの操作
- インタラクティブ機能
- ワークスペースとワークフロー
- ペイントブラシの作成と管理
- HTML5 Canvas ドキュメントでの Google フォントの使用
- Creative Cloud ライブラリと Adobe Animate の使用
- Animate のステージとツールパネルの使用
- Animate ワークフローとワークスペース
- HTML5 Canvas ドキュメントでの Web フォントの使用
- タイムラインと ActionScript
- 複数のタイムラインの操作
- 環境設定
- Animate オーサリングパネルの使用
- Animate でのタイムラインレイヤーの作成
- モバイルアプリおよびゲームエンジン用アニメーションの書き出し
- オブジェクトの移動とコピー
- テンプレート
- Animate での検索と置換
- 取り消し、やり直し、ヒストリーパネル
- キーボードショートカット
- Animate でのタイムラインの使用
- HTML 拡張機能の作成
- 画像とアニメーション GIF の最適化オプション
- 画像および GIF の書き出し設定
- Animate のアセットパネル
- マルチメディアとビデオ
- Animate のグラフィックオブイジェクトの変形と組み合わせ
- Animate でのシンボルインスタンスの作成と操作
- 画像トレース
- Adobe Animate でのサウンドの使用方法
- SVG ファイルの書き出し
- Animate で使用するビデオファイルの作成
- Animate にビデオを追加する方法
- Animate でのオブジェクトの描画および作成
- 線とシェイプの変更
- Animate CC での線、塗り、グラデーション
- Adobe Premiere Pro と After Effects の使用
- Animate CC のカラーパネル
- Animate で Flash CS6 ファイルを開く
- Animate でのクラシックテキストの操作
- Animate へのアートワークの挿入
- Animate に読み込まれたビットマップ
- 3D グラフィック
- Animate でのシンボルの操作
- Adobe Animate での線とシェイプの描画
- Animate でのライブラリの使用
- サウンドの書き出し
- Animate CC でのオブジェクトの選択
- Animate での Illustrator AI ファイルの操作
- ブレンドモードの適用
- オブジェクトの配置
- コマンドメニューを使用したタスクの自動化
- 多言語テキスト
- Animate でのカメラの使用
- グラフィックフィルター
- サウンドと ActionScript
- 描画の環境設定
- ペンツールを使用した描画
- プラットフォーム
- 他のドキュメントタイプ形式への Animate プロジェクトの変換
- カスタムプラットフォームサポート
- Animate での HTML5 Canvas ドキュメントの作成およびパブリッシュ
- WebGL ドキュメントの作成とパブリッシュ
- AIR for iOS 用アプリケーションのパッケージ化
- AIR for Android アプリケーションのパブリッシュ
- デスクトップ用 Adobe AIR のパブリッシュ
- ActionScript パブリッシュ設定
- ベストプラクティス - アプリケーションでの ActionScript の整理
- Animate での ActionScript の使用
- Animate ワークスペースのアクセシビリティ
- スクリプトの記述と管理
- カスタムプラットフォームサポートの有効化
- カスタムプラットフォームサポートの概要
- カスタムプラットフォームサポートプラグインの操作
- ActionScript 3.0 のデバッグ
- カスタムプラットフォームサポートの有効化
- 書き出しとパブリッシュ
- Animate CC からファイルを書き出す方法
- OAM パブリッシング
- SVG ファイルの書き出し
- Animate によるグラフィックとビデオの書き出し
- AS3 ドキュメントのパブリッシュ
- モバイルアプリおよびゲームエンジン用アニメーションの書き出し
- サウンドの書き出し
- ベストプラクティス - モバイルデバイス向けのコンテンツ作成のヒント
- ベストプラクティス - ビデオ規則
- ベストプラクティス - SWF アプリケーションのオーサリングガイドライン
- ベストプラクティス - FLA ファイルの構造化
- FLA ファイルを Animate 向けに最適化するベストプラクティス
- ActionScript パブリッシュ設定
- Animate のパブリッシュ設定の指定
- プロジェクターファイルの書き出し
- 画像とアニメーション GIF の書き出し
- HTML パブリッシュ用テンプレート
- Adobe Premiere Pro と After Effects の使用
- アニメーションのクイック共有とパブリッシュ
- トラブルシューティング
ステージを横切るトゥイーンインスタンスを配置すると、そのアニメーションのモーションパスがステージに表示されます。モーションパスは、トゥイーンインスタンスの空間移動を表す線です。モーションパス上の丸印(「トゥイーンドット」または「フレームドット」とも呼ばれます)は、タイムラインの進行に伴いターゲットオブジェクトがどこまで進むかを表しています。ターゲットオブジェクトの位置は、単一フレーム、またはフレームのグループとして表されます。
モーショントゥイーンのモーションパスは、以下の方法で編集できます。
トゥイーンスパンの任意のフレーム内のオブジェクト位置を変更します。
モーションパス全体をステージ上の別の位置に移動します。
選択ツール、ダイレクト選択ツールまたは自由変形ツールを使用してパスの形状またはサイズを変更します。
変形パネルまたはプロパティインスペクターを使用してパスの形状またはサイズを変更します。
修正/変形メニューのコマンドを使用します。
カスタマイズした線をモーションパスとして適用します。
モーションエディターを使用します。
「モーションパスを常に表示」オプションを使用すると、ステージの全レイヤーのすべてのモーションパスを同時に表示することができます。この表示は、異なるモーションパスを持ち、互いに交差するアニメーションを複数デザインする際に便利です。モーションパスまたはトゥイーンスパンを選択している場合は、プロパティインスペクターのオプションメニューからこのオプションを選択できます。
関連項目
選択ツールおよびダイレクト選択ツールを使用してモーションパスのシェイプを編集
選択ツールおよびダイレクト選択ツールを使用して、モーションパスのシェイプを変更することができます。選択ツールを使用すると、セグメントをドラッグしてシェイプを変更することができます。トゥイーンのプロパティキーフレームは、コントロールポイントとしてパスに表示されます。ダイレクト選択ツールを使用すると、それぞれの位置プロパティキーフレームに対応するパスのコントロールポイントやベジェハンドルが表示されます。これらのハンドルを使用して、プロパティキーフレームポイントの周囲のパスのシェイプ変更を行います。
円などの直線ではないモーションパスを作成した場合は、トゥイーンオブジェクトがパスに沿って移動しながら回転するように設定できます。パスに対して一定の向きを保つには、プロパティインスペクターで「パスに沿って回転」を選択します。
-
-
トゥイーンのターゲットインスタンスをクリックして、モーションパスをステージに表示します。
-
選択ツールを使用して、モーションパスの任意のセグメントをドラッグして、シェイプを変更します。最初にセグメントをクリックして選択しないでください。
-
パスのプロパティキーフレームポイントのベジェコントロールポイントを公開するには、ダイレクト選択ツールをクリックして、パスをクリックします。
プロパティキーフレームポイントは、モーションパスにコントロールポイント(小さな菱形)として表示されます。
-
コントロールポイントを移動するには、ダイレクト選択ツールでドラッグします。
-
コントロールポイントの周囲のパス曲線を調整するには、ダイレクト選択ツールでコントロールポイントのベジェハンドルをドラッグします。
ハンドルが拡張されていないときは、Alt キー(Windows)または Option キー(Mac OS)を押しながらコントロールポイントをドラッグして拡張できます。
- アンカーポイントを削除するには、アンカーポイント削除ツールを選択します。選択ツールで生成されるアンカーポイントのほとんどは、スムーズポイントです。アンカーポイントを切り替えるには、アンカーポイントの切り換えツールを選択します。アンカーがコーナーポイントに切り替わります。
- また、通常のアンカーポイントと同様に、ポイントから新規のベジェハンドルを引き出し、配置することもできます。
アンカーポイントの追加ツールを使用して、パスにアンカーポイントを追加することはできません。
トゥイーンオブジェクトの位置変更
モーションパスを編集するには、トゥイーンスパンの任意のフレームで、ステージ上にあるトゥイーンのターゲットインスタンスを移動します。現在のフレームにプロパティキーフレームがない場合は、Animate によって追加されます。
- ターゲットインスタンスの移動先となるフレームに再生ヘッドを配置します。
- 選択ツールを使用して、ターゲットインスタンスをステージ上の新しい位置にドラッグします。
モーションパスが更新され、新しい位置がパス内に含められます。モーションパス内のその他すべてのプロパティキーフレームは、元の位置に保持されます。
ステージ上のモーションパスの位置変更
ステージでモーションパス全体をドラッグするか、プロパティインスペクターでパスの位置を設定することができます。
-
ツールパネルで選択ツールをクリックします。
-
次のいずれかの操作を行って、モーションパスを選択します。
- タイムラインのトゥイーンスパンをクリックして、ステージのモーションパスをクリックします。
- ステージのトゥイーンオブジェクトをクリックして、モーションパスをクリックします。
- モーションパスとターゲットインスタンスの周囲にあるマーキーをドラッグして、その 2 つを選択します。
- (CS5.5 のみ)編集する各トゥイーンのモーションパスを Shift キーを押しながらクリックすることで、複数のモーションパスを選択できます。すべてのモーションパスを囲むようにマーキーをドラッグすることもできます。
-
次のいずれかの操作をおこなって、モーションパスを移動します。
- パスをステージ上の目的の位置にドラッグします。
- プロパティインスペクターでパスの X と Y 値を設定します。この X と Y 値は、モーションパスの境界ボックスの左上隅の値です。
- 矢印キーを使用してモーションパスを移動します。
自由変形ツールでのモーションパスの編集
- ツールパネルで自由変形ツールをクリックします。
- 自由変形ツールでモーションパスをクリックします。トゥイーンターゲットインスタンスをクリックしないでください。
- 自由変形ツールを使用して、パスを伸縮、傾斜または回転させます。
モーションパスをトゥイーンから削除
- 選択ツールでクリックすることにより、ステージ上のモーションパスを選択します。
- Delete キーを押します。
モーションパスを線としてコピー
- ステージ上のモーションパスをクリックして選択します。
- 編集/コピーを選択します。
パスを別のレイヤーに線としてペーストしたり、別のモーショントゥイーンのモーションパスとしてペーストしたりできます。
カスタマイズした線をモーションパスとして適用
異なるレイヤーまたは異なるタイムラインの線をトゥイーンのモーションパスとして適用することができます。
- トゥイーンレイヤーとは異なるレイヤー上の線を選択し、クリップボードにコピーします。
閉じている線は使用できません。 使用できるのは連続した線のみです。 - タイムラインでトゥイーンスパンを選択して、線をペーストします。Animate は、ペーストした線を、選択したトゥイーンスパンの新しいモーションパスとして適用します。トゥイーンのターゲットインスタンスは、新しい線に沿って移動するようになります。
- トゥイーンの開始位置と終了位置を入れ替えるには、トゥイーンスパンを右クリックするか(Windows)、または Command キーを押しながらクリックして(Mac OS)、トゥイーンスパンのコンテキストメニューでモーションパス/パスの入れ替えを選択します。