【AfterEffects】直感的に3Dカメラが使える「3Dデザインスペース」がかなり優秀すぎる

直感的に3D表現ができる機能3Dデザインスペースの使い方についてご紹介します！
 



 

CHAPTER:01 素材の準備

 



動画1:33 頃

1. 新規プロジェクトを作製
2. AfterEffectsの学習

└ ウィンド＞学習

3. スキルとプロジェクト

└アニメーションの基礎をはじめるをクリック

CHAPTER:02 ツールの確認

動画1:30 頃

1. タイムラインのデータを確認

└ イラストレーターのデータは気球のオブジェクト
└ コンポジションのデータは背景

2. ３Dレイヤーにチェックを入れる
3. ３Dデザインスペースのツール確認

└ ３つのツールを確認

4. カメラアングルの調整を行う

CHAPTER:03 XYZ軸で3Dの動きを確認

動画5:32 頃

1. 動きをつけます

└ Mounta ground-Precompをダブルクリック
└ すべてのオブジェクトの位置を調整して動きをつける

2. 3Dの表現を行います

└ Keyframe Animationのコンポジションに戻ります
└ カメラワークの調整

3. ３Dギズモで立体感を出す

└ 気球を選択して
└ 選択ツール

4. 気球の位置を平面より前に出す

└ ユニバーサル
└ 青（Z軸）で位置を調整

5. カメラでオブジェクトの位置を確認しよう！

CHAPTER:04 各オブジェクトに3Dの動きをつけよう

動画12:03 頃

1. 各オブジェクトを３D化

└ Mounta ground-Precompをダブルクリック
└ すべてのオブジェクトに3Dレイヤーのチェックを入れる
└ 立体感の調整を行う
└ 気球をMounta ground-Precompにコピペ

2. 奥行きの位置関係を理解する

CHAPTER:05 位置の調整を行う

動画15:20 頃

 
1. フロントビューで確認

└ 平面で動きの確認を行う

2. アクティブカメラでカメラ位置を調整

└ 立体感を整理します
└ 後ろの背景をスケールで調整を行う

3. プレビューで動きの確認を行う
4. 気球の位置を調整します

└ 気球を選択
└ トランスフォーム＞位置にキーフレーム
└ 位置の調整を行います

5. 空間を見せるために作り込みを行う

└ 位置とスケールの調整を行う

CHAPTER:06 更にカメラワークをつけて立体感を見せる

動画20:50 頃

1. カメラワークにアニメーションをつける

└ スタートするカメラ位置を調整

2. 3Dビューからカメラを作成

└ 上部メニュー＞ビュー＞3Dビューからカメラを作成

3. カメラレイヤー

└ トランスフォームから目標と位置にチェックを入れる
└ 4秒程度にツールで位置調整をする

4. 更にカメラワークを調整して動きをつけていく

まとめ

3Dデザインスペースを使えば、ちょっとしたアニメーションに３Dの演出を手軽につけることができます。
ちょした平面アニメーションを手軽に映える映像にしてみてはいかがでしょうか。