Animate の定義パスの作成

Flash Professional のモーションガイドに関するドキュメントです。アニメーション化するオブジェクトのパスを定義することで、作成するアニメーションを拡充します。

概要

Adobe Animate（旧 Flash Professional CC）のモーションガイドでは、アニメーション化するオブジェクトのパスを定義することで、作成するアニメーションを拡充できます。この機能は、直線以外のパスに従うアニメーションを操作する場合に便利です。このプロセスでアニメーションを実行するには、次の 2 つのレイヤーが必要になります。

アニメーション化しようとしているオブジェクトを含むレイヤー
アニメーションの実行中にオブジェクトが従うパスを定義したレイヤー

モーションガイドは、クラシックトゥイーンでのみ動作します。

モーションガイドについて詳しくは、クラシックトゥイーンアニメーションの操作を参照してください。

可変線幅に基づくモーションガイド

ガイドパスの可変の線の太さに基づいて、オブジェクトをアニメーション化できます。

オブジェクトの最初および最後の位置にあるキーフレーム以外のキーフレームで、線の太さの変化を指定する必要はありません。

可変線幅に基づいてオブジェクトをアニメーション化するには、このドキュメントの以前の節で説明したように、パスを作成して、そのパスに従ってオブジェクトをアニメーション化します。
タイムラインで選択したトゥイーンの最初のキーフレームについて、プロパティインスペクターでオプションの「伸縮」チェックボックスおよび「パスに沿って拡大・縮小」チェックボックスを選択します。これで、オブジェクトが線の太さに基づいて拡大または縮小するようになります。

次のいずれかの方法を使用して、線の太さを定義します。

ツールボックスから線幅ツール（U）を選択し、パス上をクリックし、ドラッグしてパスの太さを変更します。

ツールボックスから選択ツール（V）を使用してパスを選択し、プロパティインスペクターで、「幅」ドロップダウンオプションからその線の線幅プロファイルを選択します。

可変線幅の線について詳しくは、可変線幅の線を参照してください。

可変線幅の線をパスとして定義した後、そのモーショントゥイーンを実行すると、オブジェクトがパスに従って動くのに加え、線の太さの変化に対応してサイズも変化することを確認できます。

可変線幅の線によるモーションガイドの使用例を次に示します。

モーションガイドパスには、次のように複数のセグメントを設定して、連結されたセグメントのそれぞれに異なる可変線幅プロファイルを指定することができます。オブジェクトにその他のキーフレームがない場合、アニメーションの実行中は各セグメントの線幅プロファイルが考慮されます。

線の色に基づくモーションガイド

モーションガイドでは、ガイドパスの色に基づいてオブジェクトの色を変更して、パスに沿ってオブジェクトをトゥイーンすることもできます。この変化を適用するには、パス内に少なくとも 2 つのセグメント（つまり、パス内に少なくとも 3 つのノードまたはポイント）が必要になります。そのためには、クラシックモーショントゥイーンを作成して、このドキュメントの前の節で説明したようにガイドパスを描画する際に、ペンツールを使用して、次のようにガイドパスを描画します。このパスには、3 つのセグメントに 4 つのノード（ポイント）があります。

オブジェクトの最初および最後の位置にあるキーフレーム以外に、線の色の変化を示すキーフレームを作成する必要はありません。