AE After EffectsでIllustratorのデータを動かす方法

AfterEffects

チュートリアル

成果物

作業のながれ

  • 新規プロジェクトを作成する
  • ファイル->読み込み->ファイル
  • イラストレータをファイルを以下の設定でよみこむ
    • このときコンポジション-レイヤーサイズを維持を選択し、コンポジションを作成などのチェックボックスにはチェックをいれない
  • コンポジションをダブルクリックするとレイヤーに分けられて読み込まれていることがわかる
  • 元のIllustratorデータは背景を長めに作ってあるため、After Effects側も同様の画面サイズになってるので修正する
    • コンポジションを右クリックしてコンポジション設定を開く
  • レイヤーパネル上で右クリック->新規->平面を追加する(ctr+y)
  • 白っぽい色を設定する(再設定したい場合はshift->ctr+y)
  • 背景レイヤーをロック

Cityレイヤーを左から右に動かす

  • 終了地点(4:29)に移動してキーフレームを押しCityを一番右に持ってくる
  • 開始地点(0:00)に移動して一番左に持ってくる
  • 先頭地点に移動し、バイクとタイヤを選択し、画面の中央に持ってくる
  • Tire-frontを選択しRで回転を開き先頭0、最後-5xに設定する(5回転)
    • 下画像は5だが逆回転していたので-5xに修正
  • キーフレームをコピーして、Tire-backのRにペーストする

親子関係を結ぶ

  • タイヤとバイクが連動して動くようにタイヤの親をバイクに設定する
  • バイクの位置にキーフレームを打ち跳ねる動きを入れる
  • 選択して右クリからイージーイーズ
  • 3つのキーフレームをコピーして、何回か貼り付ける
  • 完成!

作成を終えた感想

  • イラレファイルをレイヤー別に読み込む方法や作成して平面の色を再設定したい場合などのメニューがわかりにくい。こうすればできるでしょうというカンが通用しないというか。。。
    (普通は平面レイヤーを選択して、右クリで出てきそうなものだが出てこない)
  • イラレとの連携は今後大切になりそうなのでしっかりと覚えていきたい。

コメント

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