- 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 の使用
- アニメーションのクイック共有とパブリッシュ
- トラブルシューティング
Flash Professional のモーションガイドに関するドキュメントです。アニメーション化するオブジェクトのパスを定義することで、作成するアニメーションを拡充します。
概要
Adobe Animate(旧 Flash Professional CC)のモーションガイドでは、アニメーション化するオブジェクトのパスを定義することで、作成するアニメーションを拡充できます。この機能は、直線以外のパスに従うアニメーションを操作する場合に便利です。このプロセスでアニメーションを実行するには、次の 2 つのレイヤーが必要になります。
- アニメーション化しようとしているオブジェクトを含むレイヤー
- アニメーションの実行中にオブジェクトが従うパスを定義したレイヤー
モーションガイドは、クラシックトゥイーンでのみ動作します。
モーションガイドについて詳しくは、クラシックトゥイーンアニメーションの操作を参照してください。
可変線幅に基づくモーションガイド
ガイドパスの可変の線の太さに基づいて、オブジェクトをアニメーション化できます。
オブジェクトの最初および最後の位置にあるキーフレーム以外のキーフレームで、線の太さの変化を指定する必要はありません。
- 可変線幅に基づいてオブジェクトをアニメーション化するには、このドキュメントの以前の節で説明したように、パスを作成して、そのパスに従ってオブジェクトをアニメーション化します。
- タイムラインで選択したトゥイーンの最初のキーフレームについて、プロパティインスペクターでオプションの「伸縮」チェックボックスおよび「パスに沿って拡大・縮小」チェックボックスを選択します。これで、オブジェクトが線の太さに基づいて拡大または縮小するようになります。
- 次のいずれかの方法を使用して、線の太さを定義します。
- ツールボックスから線幅ツール(U)を選択し、パス上をクリックし、ドラッグしてパスの太さを変更します。
- ツールボックスから選択ツール(V)を使用してパスを選択し、プロパティインスペクターで、「幅」ドロップダウンオプションからその線の線幅プロファイルを選択します。
可変線幅の線について詳しくは、可変線幅の線を参照してください。
可変線幅の線をパスとして定義した後、そのモーショントゥイーンを実行すると、オブジェクトがパスに従って動くのに加え、線の太さの変化に対応してサイズも変化することを確認できます。
可変線幅の線によるモーションガイドの使用例を次に示します。
モーションガイドパスには、次のように複数のセグメントを設定して、連結されたセグメントのそれぞれに異なる可変線幅プロファイルを指定することができます。オブジェクトにその他のキーフレームがない場合、アニメーションの実行中は各セグメントの線幅プロファイルが考慮されます。
線の色に基づくモーションガイド
モーションガイドでは、ガイドパスの色に基づいてオブジェクトの色を変更して、パスに沿ってオブジェクトをトゥイーンすることもできます。この変化を適用するには、パス内に少なくとも 2 つのセグメント(つまり、パス内に少なくとも 3 つのノードまたはポイント)が必要になります。そのためには、クラシックモーショントゥイーンを作成して、このドキュメントの前の節で説明したようにガイドパスを描画する際に、ペンツールを使用して、次のようにガイドパスを描画します。このパスには、3 つのセグメントに 4 つのノード(ポイント)があります。
オブジェクトの最初および最後の位置にあるキーフレーム以外に、線の色の変化を示すキーフレームを作成する必要はありません。
- クラシックモーショントゥイーンを作成した後、タイムラインでそのトゥイーンの最初のキーフレームを選択します。プロパティインスペクターで、「カラー」と「パス」チェックボックスをチェックします。これで、オブジェクトがガイドパスのとおり、色の変化に従うようになります。
- 次に、ツールボックスの選択ツール(V)を使用して、ガイドパスの 2 つ目のセグメントをクリックして選択し、別の色を選択します。同じ操作を、このパスの 3 つ目のセグメントにも実行します。
このアニメーションを実行すると、ガイドパスの色がトゥイーンのコースを進むオブジェクト自体にも影響することを確認できます。また、色だけではなく、ガイドパスの線セグメントのアルファ値や不透明度の値にも影響があります。
色の変化によるモーションガイドの使用例を次に示します。