• TOP
  • CATEGORY
    クリエイター
  • TITLE
    今回は、2Dのテキストやシェイプを元にして3Dオブジェクトを作成する方法について紹介していきます。以前に3Dレイヤーを使用して平面オブジェクトを3Dに見せるという方法をお伝えしましたが、今回はオブジェクトそのものを3D化するといった手法になります。平面オブジェクトに比べて取り扱いが複雑になりますが、使いこなせばクオリティ向上間違いなしの機能なので、是非とも覚えておいて頂きたい機能の一つです。
CATEGORY
クリエイター

Adobe After Effects:実は簡単に作れる? カッコいいアニメーションロゴを作ってみよう! 「テキストやシェイプから3Dオブジェクトを作成<前半>」

  • DATE
    2019.07.30
  • WRITTEN BY
    湊 あおい

今回は、マスクという機能を使って画像を部分的に表示する方法と、これを利用した描画テクニックについて…

After Effectsでの「3D」とは?

以前にお伝えした内容と被る部分もありますが、After Effectsは基本的には2Dのモーショングラフィックスを制作する為のアプリケーションになります。3Dレイヤーによって軸回転ができるようになりますが、これでは薄い紙がくるくると回転しているような表現しか出来ませんでした。今回ご紹介する3Dオブジェクト化は、オブジェクトそのものが3Dとなっていることが特徴ですで、3Dレイヤーをフル活用する機能となります。ただ、3Dオブジェクト化は正確には「パスを押し出す」という機能なので、あくまでもオブジェクトのパス(線)をZ軸(奥行き)方向に押し出して面を作るというものなので、複雑なオブジェクトをデザインしたり、テクスチャ(表面の質感や模様など)を追加したりといったことは出来ませんのでご注意ください。

After Effectsで3Dオブジェクトを活かす為に必要な機能とは?

2Dから3Dになると必要となるツールも増えてきます。今回、その中でもキーとなってくるのが「パスの押し出し」「カメラ」「ライト」この3つの機能です。では、これらを使いながら3Dオブジェクトを作成していきましょう。


  • ドスパラ GALLERIA

    RM5C-R36


    ・デザインと真摯に向き合うことで生まれた新ケース
    ・洗練されたスペックが、快適なプレイアビリティを実現

  • TSUKUMO

    GA7J-F211/T


    ・ツクモBTOで一番売れているG-GEARシリーズ!
    ・高冷却のオリジナルケースに隙のないオールマイティスペック!

  • Ark

    GC-I5G36M


    ・コダワルほどにオトクになる「自分だけのコダワリの一台」
    ・コダワリを形に出来るカスタマイズ性

  • インバースネット

    FRGH570/SG2


    ・エアフロー性能とデザイン性に優れたプレミアムタワーケース
    ・NVIDIA GeForce RTX 3070 Ti搭載

  • パソコン工房

    LEVEL-R05A-iX4-RBX


    ・拡張性の高いミドルタワーケースを採用したゲーミングPC、購入後のメンテナンスも簡易

パソコン工房 LEVEL-R05A-iX4-RBX

191,980円(税込)

編集部が選ぶ今もっともおすすめのBTOパソコン!
美しさと性能を兼ね備えたBTOパソコン

自在に光り方や色の変更しオリジナリティある環境が構築できるゲーミングPC、拡張性の高いミドルタワーケースを採用し増設がしやすく、購入後のメンテナンスも簡易に可能!

After Effectsで3Dオブジェクトを作成しよう!

まずは新規コンポジションを作りましょう。今回はテキストを使って3Dを作っていきたいので、テキストレイヤーを作成して好きな文字を打ちましょう。

続いて、テキストレイヤーのプロパティ内の「3Dレイヤー」にチェックをつけて、「形状オプション」と「マテリアルオプション」を表示させます。パスの押し出しをするにはレンダラー(描画を担当するソフトウェアと思ってください)を変更する必要があるので、「レンダラーを変更」をクリックしてコンポジション設定ウインドウを表示します。

設定内のレンダラー「クラシック3D」をクリックしてプルダウンメニューから「CINEMA 4D」を選択してOKを押してください。

すると、先ほどグレーアウトされていた「形状オプション」に項目が表示されるようになったと思います。この中の「押し出す深さ」の数値を50に設定してみましょう。

立派な3Dになりましたね!と言いたいところですが…これではよく分かりませんね。せっかくの3Dですから「カメラ」を使っていろんな方向から見てみましょう!

メニューバー内の「レイヤー」→「新規」→「カメラ」を選択します。

カメラ設定の項目が出てきますが、今回は変更せずOKをクリックしてそのまま作成してください。

カメラが作成されたら、ツールバーの「統合カメラツール」を選択します。

この状態でコンポジションウインドウ内のいずれかを左クリックしながら上下左右に動かしてみましょう。すると、テキストレイヤーの中心部分を起点としてぐるぐると回せるようになったと思います。これは、テキストレイヤー自体が回っているのではなくカメラがテキストレイヤーの周りを回っています。これは斜めから見ている様子ですが、パスが奥に押し出されて3Dになっていることが分かりますね。

今回は、ヌルオブジェクトいう他のレイヤーと複合的に利用することで、複数のレイヤーを効率よくコントロールできる…

本記事では Blender で作成したアクセサリーを Unity というソフトを使って、VRoid Studioで作成した3Dキャラクター…

まとめ

今回は、パスを押し出す機能を用いてテキストレイヤーを3Dオブジェクト化してみました。テキストに限らずシェイプレイヤーでも同様のことができます。ただ、これだけだと陰影が無いのでのっぺりしたイメージで3Dが活かされていません。次回は「ライト」の機能を使って3Dオブジェクトを浮き立たせ、カッコ良く魅せてみましょう!

PCがまるでアンティークハウス!?DIYerさんに頼んでみたら今までにないPCケース完成!!!以前もDIYerさんに…

今おすすめのBTOパソコン

これまでの比較・検証を踏まえて、BTOおすすめ人気ランキングを発表します。なお、それぞれの検証項目に重み付けをしてランキングを作成しました。

※11月1日時点の価格
商品
価格 CPU GPU メモリー SSD HDD 電源
ドスパラ GALLERIA

RM5C-R36

Intel Core i5-11400 NVIDIA RTX 3060 DDR4-3200 16GB(8GBx2) SSD M.2 500GB/td> 650W/80PLUS BRONZE
TSUKUMO

GA7J-F211/T

Intel Core i7-11700 NVIDIA RTX 3060 DDR4-3200 16GB(8GBx2) SSD M.2 500GB 750W/80PLUS GOLD
インバースネット

FRGH570/SG2

Intel Core i7-11700KF NVIDIA RTX 3070 Ti DDR4-3200 16GB(8GBx2) SSD M.2 1TB 2TB HDD 850W/80PLUS GOLD
アプライドネット

Barikata SF30

Intel Core i5-11400 8GB(8GBx1) SSD M.2 500GB 750W/80PLUS GOLD
STORM

PG-DV7

Intel Core i7-11700 NVIDIA RTX 3060 DDR4-3200 16GB(8GBx2) SSD M.2 500GB/td> 850W/80PLUS GOLD

BACK TO LIST