After Effectsの「自動方向」で車を道路に沿って走らせる

まず、車のレイヤーをコンポジションに配置します。道路に沿って車を走らせるため、位置プロパティにキーフレームを設定します。今回はS字の道路なので、

スタート → 左カーブ → 右カーブ → ゴール

というように、道路に沿って複数の位置キーフレームを設定します。この時点では、車の向きは気にせず、まずは移動するルートだけを作ります。

※今回のチュートリアルで使用する素材はコチラからダウンロードできます。

位置のアニメーションができたら、プレビューしてみます。

車は道路に沿って移動しますが、車自体の向きは最初の方向を向いたままです。ここで回転プロパティを使って、

「このカーブでは30°」
「次のカーブでは−45°」

……と手動で調整していくこともできます。

しかし、道路が複雑になるほど回転キーフレームも増えてしまい、位置を変更するたびに回転まで調整する必要があります。

そこで、車のレイヤーを選択し、

[ レイヤー ] → [ トランスフォーム ] → [ 自動方向 ]

を選択。または [ Ctrl + Alt + O ] のショートカットを押します。
「自動方向」の設定画面が表示されたら、「パスに沿って方向を設定」を選択します。

これで、車が移動しているモーションパスの方向に合わせて、車の向きが自動的に変化します。

そのまま再生してみると、車が道路のカーブに合わせて向きを変えながら走っていきますが…回転の数値を変えていないとドリフト移動みたいな動きになってしまいます。

最後の調整として、車レイヤーの回転の数値を進行方向にあわせて「90.0°」にしてください。（キーは打つ必要ないです。）

これで、正確な動きとなりました。カーブごとに回転キーフレームを設定する必要がありません。

さらに道路のルートを変更した場合でも、モーションパスに合わせて車の向きも自動的に変化します。

自動方向は、車のような素材だけでなく、「進行方向を向いてほしいもの」に幅広く使えます。
例えば、

• 飛行機
• ロケット
• ミサイル
• 船
• 鳥
• 矢印
• 人やキャラクター

など。
「移動する方向に向きを合わせたい」という場合に、一度試してみると便利です。

自動方向の便利なところは、モーションパスと回転を別々に管理しなくていいことです。
例えば、

「やっぱりこのカーブをもっと大きくしたい」
「道路のルートを変更したい」

となった場合でも、位置のモーションパスを修正すれば、基本的に車の向きもそのパスに合わせて変化します。手動で回転キーフレームを設定している場合に比べて、修正作業がシンプルになります。