【After Effects】パスに沿って画像を動かす

after effects パスに沿って画像を動かす after effects
トロッコ

パスに沿ったアニメーションの演出
これはよく使い簡単便利なので、作り方を覚えておきましょう!

アフターエフェクト パスに沿って画像を動かそう!

自分が思い描いたとおりの軌跡で、画像やキャラクターが動かせたらいいですよね。
アフターエフェクトなら簡単にできちゃうので、覚えちゃいましょう!

トロッコ
トロッコ

とっても簡単ですぐできます!
ぜひ試してみてくださいね

ペンツールでパスを描く

動きをイメージしながら、シェイプレイヤーにペンツールでパスを描きます。

アフターエフェクト ペンツールでパスを描く

 

パスをコピーする

シェイプレイヤーのパスをコピーします。

パスをコピーする

 

画像にパスをペーストする

画像(動かしたいオブジェクト)の位置に、さきほどのコピーをペーストします。

画像の位置にペーストする

すると、嬉しいことに、

タイムラインが自動にできる

タイムラインに自動でキーフレームが打たれ、パスに沿ったアニメーションが仕上がりました。

ツトム
ツトム

うぉっ!

めっちゃ簡単じゃん!

トロッコ
トロッコ

そうなの完成したものは複雑そうに見えるけれども、

とっても簡単にできちゃうのよね。

ツトム
ツトム

でも画像の向きが一定だから、ちょっと違和感ある動きもあるな。
特にパスのカーブ部分は画像も少し回転かけたりしないとな。

トロッコ
トロッコ

それそれ!

それもアフターエフェクトの設定で、すぐ出来ちゃうわよ♪

ツトム
ツトム

ええっ?!

 

パスに沿って動かす画像の向きも合わせる

タイムラインの画像を右クリックし、
トランスフォーム > 自動方向 を選択してください。

トランスフォーム自動方向

以下のようなポップアップが出てきますので、パスに沿って方向を設定にチェックをいれてください。

自動方向の設定

設定完了後に、パスに沿って画像の向きも変わります。

パスに沿って画像も向きを変える

以上となります。

とっても簡単!

パスに沿って画像を沿わせるのは、一見難しそうだけれども簡単にできて便利ですので、ぜひいろいろ活用してみてくださいね。

パスに沿った画像の例は以下のYoutubeでもご覧ください。

パスに沿って画像を動かしている動画






4Kも無料の動画素材サイト【動画AC】

 

タイトルとURLをコピーしました