チュートリアル記事

初級

5 分

オブジェクトをパスに沿ってアニメーション化する

パスを位置のキーフレームにペーストしてから、アニメーションを微調整します。

このサンプルファイルは、このチュートリアルの学習内容の練習に使用できるAdobe Stock素材です。このチュートリアル以外でサンプルファイルを使用する場合には、 Adobe Stock のライセンスを購入してください。このサンプルファイルの使用に適用される利用条件については、フォルダー内のReadMeファイルを参照してください。

学習した内容:パスのアンカーポイントから位置のキーフレームを作成する方法

パスを作成

  1. レイヤーを選択し、ペンツールを使ってパスのアンカーポイントを作成します。

  2. クリック&ドラッグすると、アンカーポイントが追加され、ハンドルが表示されます。

  3. ハンドルを移動すると、パスの形を調整できます。

パスを使って位置のキーフレームを作成

  1. ツールバーで選択ツールを選択します。

  2. パスがあるレイヤーを選択し、Mキーを押して「マスクパス」プロパティを表示します。

  3. 「マスクパス」をクリックし、編集/コピーを選択してパスをコピーします。

  4. パスを適用するレイヤーを選択し、Pキーを押して「位置」パラメーターを表示します。

  5. タイムラインで「位置」を選択し、編集/ペーストを選択してパスのデータから位置のキーフレームを作成します。

アニメーションのタイミングを変更

  • すべてのキーフレームの選択を解除します。最初または最後のキーフレームをドラッグして、パスに沿ったアニメーションの長さを変更します。

パスに合わせてオブジェクトの方向を調整

  1. レイヤー/トランスフォーム/自動方向を選択し、「パスに沿って方向を設定」を選択します。

  2. Rキーを押して「回転」パラメーターを表示し、スクラブしてオブジェクトの向きを微調整します。


Adobe Stock提供元

Freepik

デザイナー

Ian Robinson

プレゼンター

Ian Robinson

2023年5月24日

After Effects でこれらのチュートリアルをお試しください

ビジュアルエフェクトやモーショングラフィックスを作成