受付9:00~18:00 ※土日祝除く
2022.05.26その他
最終更新日:2024年2月2日
Adobe AfterEffects で3Dタイポグラフィアニメ
今回は簡単に出来る3Dアニメーションタイポグラフィの作り方。
AEの3Dレイヤー機能を使えば、簡単にそれっぽいタイポグラフィが出来上がります。
目次
イラレで元素材を作ります
![イラレで元素材を作ります イラレで元素材を作ります](http://a-m-t.co.jp/wps/wp-content/uploads/2022/05/ae3d01.jpg)
動かす予定のパーツごとにレイヤーを分けておきます。
今回はキャンバスサイズはフルHDの「1920 x 1080ピクセル」にしています。
AEで読み込みます
![AEで読み込みます(1) AEで読み込みます(1)](http://a-m-t.co.jp/wps/wp-content/uploads/2022/05/ae3d02.jpg)
![AEで読み込みます(2) AEで読み込みます(2)](http://a-m-t.co.jp/wps/wp-content/uploads/2022/05/ae3d03.jpg)
コンポジションが作成されました
![コンポジションが作成されました コンポジションが作成されました](http://a-m-t.co.jp/wps/wp-content/uploads/2022/05/ae3d04.jpg)
![コンポジション設定を修正 コンポジション設定を修正](http://a-m-t.co.jp/wps/wp-content/uploads/2022/05/ae3d05.jpg)
まずは2D状態で動きを付けます
![まずは2D状態で動きを付けます まずは2D状態で動きを付けます](http://a-m-t.co.jp/wps/wp-content/uploads/2022/05/ae3d06.jpg)
↑は一番外側の枠線がびよーんと広がるようにしているところ。
一番広がったところでバウンドするようなフレームを入れています。
文字がびよーん
![文字がびよーん 文字がびよーん](http://a-m-t.co.jp/wps/wp-content/uploads/2022/05/ae3d07.jpg)
こちらも左端まで行ったらバウンドするような動きを付けています。
他の文字もびよーん
![他の文字もびよーん 他の文字もびよーん](http://a-m-t.co.jp/wps/wp-content/uploads/2022/05/ae3d08.jpg)
こちらも左端まで行ったらバウンドするような動きを付けています。
本来ならここはもっと粘ってキレの良い動きになるよう頑張ります。
3Dのための新規コンポジション作成
![3Dのための新規コンポジション作成 3Dのための新規コンポジション作成](http://a-m-t.co.jp/wps/wp-content/uploads/2022/05/ae3d09.jpg)
![3Dのための新規コンポジション作成 3Dのための新規コンポジション作成](http://a-m-t.co.jp/wps/wp-content/uploads/2022/05/ae3d10.jpg)
3Dレイヤー化して動きを付けます
![3Dレイヤー化して動きを付けます 3Dレイヤー化して動きを付けます](http://a-m-t.co.jp/wps/wp-content/uploads/2022/05/ae3d11.jpg)
レイヤーの3Dにチェックを入れると、位置・スケール・方向・回転などが
X・Y・Z軸毎に設定できるようになります。
もうひとつコンポジションを配置
![もうひとつコンポジションを配置 もうひとつコンポジションを配置](http://a-m-t.co.jp/wps/wp-content/uploads/2022/05/ae3d12.jpg)
3Dレイヤー化して動きを付けます。
メインのやや後ろで同じような動きをしている感じに調整します。
後ろのコンポを少し透明に
![後ろのコンポを少し透明に 後ろのコンポを少し透明に](http://a-m-t.co.jp/wps/wp-content/uploads/2022/05/ae3d13.jpg)
前のコンポにアクセントをつける
![前のコンポにアクセントをつける 前のコンポにアクセントをつける](http://a-m-t.co.jp/wps/wp-content/uploads/2022/05/ae3d14.jpg)
10秒ぐらいしたら前コンポが点いたり消えたり
(不透明度を0と100でキーフレーム設定)させてみました。
両方のコンポにエフェクト
![両方のコンポにエフェクト 両方のコンポにエフェクト](http://a-m-t.co.jp/wps/wp-content/uploads/2022/05/ae3d15.jpg)
光っているような演出を付けてみました。
で、こんな感じに。
昔はMUSIC VIDEOなどでもよく見られた演出ですが、今はもう古いのかも。
でもまあ簡単に出来るので使い道はありそうな気がします。
お問い合わせCONTACT
株式会社エー・エム・ティーは
印刷物からホームページ制作・更新運用管理までトータルサポート。
企業様の課題解決や企業価値向上のお手伝いをいたします。