- 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 の使用
- アニメーションのクイック共有とパブリッシュ
- トラブルシューティング
例えば、フレーム 1 と 20 がプロパティキーフレームの場合に、フレーム 1 でステージの左側にシンボルを配置し、そのシンボルをフレーム 20 ではステージの右側に移動させたとします。トゥイーンを作成すると、Animate は間にあるムービークリップのすべての位置を計算します。これにより、フレーム 1 からフレーム 20 を通してシンボルが左側から右側に移動するアニメーションが作成されます。Animate は、間にある各フレームについて、ムービークリップをステージ距離の 1/20 ずつ移動させます。
トゥイーンスパン
- オブジェクトの 1 つ以上のプロパティが時間と共に変化していく期間を示す、タイムライン内のフレームのグループです。
- 背景色が青色の単一レイヤーに含まれるフレームのグループとしてタイムラインに表示されます。
- トゥイーンスパンを単一のオブジェクトとして選択し、タイムライン上のある位置から別の位置（別のレイヤーを含む）にドラッグできます。
- 各トゥイーンスパンでアニメーション化できるのは、ステージ上の 1 つのオブジェクトのみです。このオブジェクトはトゥイーンスパンの「ターゲットオブジェクト」と呼ばれます。
プロパティキーフレーム
- トゥイーンスパン内のフレームで、ここではトゥイーンのターゲットオブジェクトの 1 つ以上のプロパティ値を明示的に定義します。
- これらのプロパティには、位置、アルファ（透明度）、カラーの濃淡などがあります。
- 定義されたプロパティごとに固有のキーフレームがあります。
- 1 つのフレームに複数のプロパティを設定すると、各プロパティのプロパティキーフレームはそのフレームに置かれます。
- トゥイーンスパンの各プロパティおよびそのプロパティキーフレームを参照するには、モーションエディターを使用します。
- タイムラインでどのタイプのプロパティキーフレームを表示するかも、トゥイーンスパンのコンテキストメニューから選択できます。
トゥイーン可能なオブジェクトおよびプロパティ
トゥイーンできるオブジェクトタイプには、ムービークリップ、グラフィック、ボタンシンボルおよびテキストフィールドなどがあります。トゥイーン可能なこれらのオブジェクトのプロパティは以下のとおりです。
2D X、Y の位置
3D Z の位置（ムービークリップのみ）
2D 回転（Z 軸周り）
3D X、Y、Z 回転（ムービークリップのみ）：3D モーションでは、パブリッシュ設定で FLA ファイルのターゲットが ActionScript 3.0 および Flash Player 10 以上のバージョンになっている必要があります。Adobe AIR も 3D モーションをサポートしています。
傾斜 X、Y
伸縮 X、Y
カラー効果：アルファ（透明度）、明度、濃淡および高度なカラー設定などがあります。シンボルと TLF テキストに適用されているカラー効果のみ、トゥイーンできます。これらのプロパティをトゥイーンすることで、オブジェクトがある色から別の色にフェードインまたはフェードアウトするように表示できます。クラシックテキストのカラー効果をトゥイーンするには、テキストをシンボルに変換する必要があります。
フィルタープロパティ（グラフィックシンボルに対しては、フィルターは適用できません）
モーショントゥイーンとクラシックトゥイーンの違い
Animate では、モーションを作成するためのトゥイーンとして、モーショントゥイーンとクラシックトゥイーンの 2 種類がサポートされています。
| モーショントゥイーン | クラシックトゥイーン |
| 強力でありながら作成が容易で、トゥイーンアニメーションをきめ細かく制御できます。 | 作成方法が複雑で、以前のバージョンの Animate で作成されたすべてのトゥイーンを含みます。 |
| トゥイーンをきめ細かく制御できます。 | ユーザー固有の機能を提供します。 |
| キーフレームを使用します。 | プロパティを使用します。 |
| トゥイーン全体が 1 つのターゲットオブジェクトで構成されます。 | 同じまたは異なるシンボルを含む 2 つのキーフレーム間でトゥイーンできます。 |
| テキストもトゥイーン可能なタイプと見なされます。そのため、テキストオブジェクトをムービークリップに変換しません。 | テキストオブジェクトをグラフィックシンボルに変換します。 |
| モーショントゥイーンスパンでは、フレームスクリプトは使用できません。 | クラシックトゥイーンではフレームスクリプトを使用できます。 |
| モーショントゥイーンスパンはタイムラインで伸縮とサイズ変更が可能であり、単一オブジェクトとして扱われます。 | クラシックトゥイーンは、タイムラインで個別に選択可能なフレームのグループで構成されます。 |
| モーショントゥイーンスパン内のフレームを個別に選択するには、Ctrl キー（Windows）または Command キー（Mac OS）を押しながらフレームをクリックします。 | |
| モーショントゥイーンスパン全体の長さにわたってイージングを適用します。モーショントゥイーンの特定のフレームのみイージングするには、カスタムイージング曲線の作成が必要です。 |
イージングをトゥイーン内のキーフレーム間のフレームのグループに適用できます。 |
| 各トゥイーンにつき 1 つのカラー効果を適用できます。 | 濃淡とアルファ透明度など、2 つの異なるカラー効果をアニメーション化できます。 |
| 3D オブジェクトをアニメーション化できます。 | クラシックトゥイーンを使用して 3D オブジェクトをアニメーション化することはできません。 |
| モーションプリセットとして保存できるのはモーショントゥイーンのみです。 | シンボルを入れ替えたり、プロパティキーフレームに表示するグラフィックシンボルのフレーム数を設定したりできます。このような手法を使用するアニメーションには、クラシックトゥイーンが必要です。 |
モーショントゥイーンとクラシックトゥイーンの類似点
- 同じレイヤーにクラシックトゥイーンとモーショントゥイーンの一方を複数配置することはできますが、この 2 種類のトゥイーンを同じレイヤーに混在させることはできません。
- モーショントゥイーンとクラシックトゥイーンは、どちらも特定のタイプのオブジェクトだけをトゥイーンの対象とすることができます。
その他の関連ヘルプ
- クラシックトゥイーンアニメーションの操作
- ビデオ：モーションエディターでアニメーションを作成
- モーションエディターを使用したモーショントゥイーンの編集
- アニメーションの基本
- フレームアニメーション
- Animate におけるドキュメントタイプとその用途
単一レイヤーおよびレイヤー間におけるタイムラインレイヤーとオブジェクトの重ね順。
ステージおよびプロパティインスペクターでのオブジェクトの移動と変形
タイムラインの使用（オブジェクトの存続期間や特定の時間位置でのオブジェクトの選択操作など）。
トゥイーン可能およびネストされたシンボル
の使用オプション：選択ツールおよびダイレクト選択ツールを使用したベジェ曲線の編集。これらのツールは、トゥイーンモーションパスの編集にも使用できます。詳細については、モーションエディターを使用したモーショントゥイーンの編集を参照してください。
