Amazonで商品を見るセール会場へ

After Effects│カメラマッピングのやり方

AEでカメラマッピングできないか調べてみましたら、チュートリアルを見つけましたので試してみました。

少し手間ですが、結構面白いのでどこかで使ってみたい表現です。

参考:https://www.videocopilot.net/tutorials/3d_camera_projection_2/

目次

使う機能について

3Dレイヤーにして、ライトを置き、『シャドウを落とす』をオンにすれば、影が落ちるようになります。

この時に『ライト透過』を100%にすると黒い影ではなく画像自身が投影(プロジェクション)されるようになります。

やり方

  1. 背景画像とライト(ポイントライト・シャドウをオン)とカメラを作成
  2. 白平面(床)を作成。背景画像と平面は3Dレイヤーに
  3. カメラ、ライト、背景画像の位置をすべて同じにする
  4. AAを2回押して、マテリアルオプションを設定

マテリアルオプション設定

背景画像:

  • シャドウを落とす → 効果のみ
  • ライト透過 → 100%

白平面(床):

  • ライトを受ける → オフ

平面の配置

  1. 白平面(床)のZ位置を調整して、画像が投影されていることを確認(※白平面とカメラ位置が同じだと投影できない)
  2. スケールを調整してコンポジションに合わせる
  3. 白平面(床)にエフェクト『グリッド』を適用し、方向や位置、スケールを調整して背景画像の床面とパースを合わせる
  4. 白平面(床)を2つ複製して、Y方向90度に回転して、左右の壁位置と合わせる
  5. 3つの平面のスケールを動かして奥行きを調整(左右と床の位置が合わないとカメラアニメーションがずれてしまう)
平面の配置
  1. もう一つ白平面(床)を複製し、トランスフォームをリセット
  2. トップビュー表示から左右と床の奥行きの終わりの位置まで移動させる
トップビューでの調整
  1. 最後に微調整(※4つの白平面の奥行きはすべて揃えた状態にすること)してカメラアニメーションをつける
カメラマッピング結果

After Effectsのほかの操作は、まとめからご覧いただけます。

まとめ

  • ライト透過100%で画像自身を投影できる
  • 床と壁の平面を配置してカメラマッピング空間を作成
  • グリッドエフェクトでパース合わせが便利
  • 4つの平面の奥行きを揃えることが重要

After Effects の学習に使える本と、制作が捗る機材

After Effects は触りながら覚えるのが早いですが、表現の引き出しを増やすには書籍が効きます。作業時間を削る機材も併せてまとめました。

After Effects を学べる本

操作の暗記より、なぜその表現になるかを追える本を選んでいます。

\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ
\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ
玄光社
¥2,420 (2026/09/15 21:59時点 | Amazon調べ)
\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ

編集作業が捗る機材

左手デバイスはショートカットの往復を減らし、外付けSSDはプレビューのもたつきを減らします。

\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ
\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ

選び方をもっと詳しく

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次