After Effectsでテキストを押し出してアニメーションさせる方法：ステップバイステップガイド
はじめに：押し出しテキストがデザインを引き立てる理由
After Effectsでテキストを押し出す（エクストルード）ことで、平面的な2Dテキストを立体的な要素に変えることができ、アニメーションに奥行きと洗練さが加わります。Cinema 4D Rendererと組み合わせれば、ジオメトリ、ライティング、カラーを自在に調整しながら、見応えのあるビジュアルを作り出せます。このガイドでは、テキストを効果的に押し出し、アニメーションさせ、レンダリングする方法を解説します。
注：タイトルではAfter Effects CS6を参照していますが、このチュートリアルは2024年版のAfter Effectsで作成しています。基本的な手順はCS6以降のバージョンでもほとんど変わらないため、この内容はそのまま活用できます。インターフェースに多少の違いはあるかもしれませんが、テキストの押し出しとアニメーションのコア機能はどのバージョンでも一貫しています。
ステップ1：新規コンポジションを作成
まず、Composition > New Compositionから新しいコンポジションを作成します。プロジェクトに合わせて解像度、フレームレート、デュレーションを設定しましょう。ここが3Dテキストを作成・アニメーションさせるワークスペースになります。
ステップ2：テキストを追加してカスタマイズ
ツールバーからText Tool（Ctrl/Cmd + T）を選び、コンポジション内の好きな場所をクリックしてテキストを入力します。Properties Panelでフォント、サイズ、カラー、配置をデザインに合わせて調整してください。
ステップ3：Cinema 4D Rendererを有効にする
Composition > Composition Settingsを開き、3D Rendererタブに切り替えます。ドロップダウンメニューからCinema 4D Rendererを選択し、OKをクリックしましょう。このレンダラーを使うことで、テキストの押し出しや高度な3Dプロパティが使えるようになります。
ステップ4：テキストレイヤーを3D化する
Timeline Panelで、テキストレイヤーの3Dスイッチ（立方体アイコン）を有効にします。これにより、選択したレイヤーで3D変形とジオメトリオプションが使えるようになります。
ステップ5：ジオメトリオプションを調整する
テキストレイヤーのプロパティを展開し、Geometry Optionsセクションを見つけます。ここでは、次のようなパラメータを調整できます。
Extrusion Depth：テキストの厚みを増やします。
Bevel Depth：角に面取りを加えて、より洗練されたリアルな見た目にします。
これらの数値をいろいろ試して、理想の仕上がりを見つけてください。
ステップ6：カメラとNullオブジェクトを追加する
Layer > New > Cameraから、3D空間を移動するためのカメラを作成します。次に、Layer > New > Null ObjectからNullオブジェクトを追加しましょう。カメラは被写界深度のコントロールを、Nullオブジェクトはカメラの動きをスムーズに操作するための役割を担います。
ステップ7：カメラをNullオブジェクトに親子付けする
カメラレイヤーからNullオブジェクトへPick Whip（渦巻きアイコン）をドラッグして、親子付けを行います。Nullオブジェクトの3Dスイッチを有効にしたら、Rotation PropertiesでX、Y、Z軸に沿って回転させましょう。これにより、3Dテキストにダイナミックなカメラアングルを作り出せます。
ステップ8：テキストカラーを追加してアニメーションさせる
テキストカラーをアニメーションさせるには、テキストレイヤーのプロパティを展開し、Animate > Fill > RGBをクリックします。新しいAnimator 1が表示されるので、Animator 1 > Range Selector 1を展開し、Front Colorで好みのカラーを設定してください。
ステップ9：カメラとNullオブジェクトをアニメーションさせる
Nullオブジェクトを選択し、OrientationやRotationなどのプロパティをアニメーションさせて、大きく旋回するようなカメラワークを作りましょう。こうしたアニメーションによって、3Dテキストがより躍動感のある印象になります。
ステップ10：アニメーションをプレビューする
スペースキーを押してコンポジションをプレビューします。トランジションが滑らかか、ライティングは適切か、3Dの奥行き感が狙い通りかをチェックしましょう。必要に応じてパラメータやキーフレームを調整し、デザインを仕上げてください。
ステップ11：最終コンポジションをレンダリングする
Composition > Add to Render Queueを選択します。用途に合わせて出力フォーマットと画質設定を選び、Renderをクリックしてプロジェクトを書き出しましょう。
まとめ
After Effectsでテキストを押し出してアニメーションさせることで、プロジェクトに奥行きと磨きをかけることができます。Cinema 4D Rendererに加え、カメラやNullオブジェクトといったツールを活用すれば、平面的なデザインに命を吹き込めます。さまざまな設定、アニメーション、カラーを試しながら、あなたらしいプロフェッショナルな3Dテキスト表現を作り上げてください。
Our Bestsellers
Our Bestsellers
