見出し画像

CGで作ったMusic Bank階段のメイキング【前編】

こんにちは、映像ディレクター/VFXアーティストの涌井 嶺です。
先日Xに以下のCG作品をアップしました。


この階段は、韓国の音楽番組「Music Bank」の出演者が写真やコラボ動画を撮る有名なロケーションです。

ずっとここをCGで作ってみたいと思っていたので、ちょっと仕事が落ち着いたタイミングで少しずつ作業を進めていました。
制作中ずっと画面録画していたので、今回の記事ではこのCG作品のメイキングを解説していこうと思います。

と言っても細かくやり方を解説するチュートリアル的なものではなく、制作の流れを追いながら自分なりの作り方や気をつけているポイント、リアルに作るための考え方について書いていく記事になります。後日、こちらの画面録画のタイムラプスもYouTubeで公開します!

大きな制作の流れ・考え方

今回のような制作の場合、ほぼ全ての工程を自分一人でBlender内で完結させるため、

「モデリング」→「UV展開」→「テクスチャ・シェーディング」→「ライティング」・・・
といったようなCG上の工程を一つずつ丁寧に踏むのではなく、

「ざっくり全体を作る」→「ざっくりライティングする」→「ざっくり質感を詰める」・・・
というように、完成系を常にイメージしながらいろんな工程を並行して行っています。大体の完成形が見えてきたら、細かい部分や気になったところをちょこちょこ直していくイメージです。自分の場合はそのほうが早くクオリティを詰められるのと、ひとつのソフト内で作業を完結させているメリットを最大限使えるので、このようにしています。
それでは、制作の流れを最初から追っていきましょう。

床と壁を作る

床制作のポイント

まずはすべてのオブジェクトを配置する礎になる、床を作ります。
床や壁はモデルとしてはただの平面に近いですが、完成した作品において大部分の面積を占めることになるので、ここのクオリティとディテールはとても大事です。ここから手を付けることによって、仕上がりのクオリティが何となく見えてくるので自分的に安心でもあります。

実際の床はリファレンスを見ると分かるように、赤茶色のタイルが敷き詰められており、壁の形に沿ってカットされているようです。奥行き方向に長く、タイルのマス目の数を数えることでだいたいの大きさを把握することができます。

↑今回最も参考になったリファレンス。リファレンスを探している時、基本的に階段がメインで写っているものが多かったのですが、たまに横の自販機や奥の構造、さらには手前の廊下部分の構造が写っているものが見つかると嬉しかったです。時期により貼ってあるステッカーや置いてあるものが違うという知見を得ました。

適当な平面を床として配置したあと、シーンに明るさがないと質感が分かりづらいため、都市のHDRIをPOLY HAVENからダウンロードして読み込みます。

テクスチャやHDRIのダウンロードに使った主なサイト


床制作のブレイクダウン

床はカメラに対して浅い角度で映るので、タイルの溝の質感をテクスチャのノーマルマップだけで表現すると凹凸がないのがバレやすいです。後でテクスチャに合わせてポリゴンも分割して凹凸を付けるため、リファレンスで縦横のタイルの数を数え、その数だけ分割しました。
柱も仮でレイアウトし、床のマテリアルを調整。床は階段の周辺部分だけ異なるタイルが使われているため、その部分だけポリゴンを分割して別のマテリアルを適用しています。


壁と階段のラフモデル

壁と階段の仮モデルを配置し、マテリアルを設定。
壁のモデルを細分化し、窓のマテリアルを作成
窓と天井を配置し、全体のレイアウトを調整。ソリッドビューポートでは見晴らしが悪くなるため、天井はワイヤーフレーム表示にしています。


階段を作り込む

今回のメインオブジェクトである階段を細かくモデリングしていきます。

階段制作のブレイクダウン

まずは階段に厚みをつけ、裏の支え?部分をモデリング。
次にざっくりと手すりをレイアウト。カーブオブジェクトでパイプ部分を作っています。


階段のマテリアル設定

階段のマテリアルも、重要な要素です。CGっぽさが出ないように、人が何度も登り降りしたことでできた経年劣化を足していきます。

Edge Detectorノードは自作のエッジ検出ノードで、角の部分をすり減ったり影になったりさせたい時に使っています。
Array(配列)モディファイアで階段を複製しているので、テクスチャの繰り返し感が出ないように、モディファイア内の設定でUVを少しずつずらして印象に変化をつけています。

また、Blenderアドオンである「Fluent: Materializer」を用いて階段全体に汚れを付けています。リファレンスを参考にダメージを再現していきます。色だけでなく、ラフネスにも強めにコントラストをつけて光の強弱が出るようにすると、比較的リアルになりやすいです。

「Fluent: Materializer」のUI
階段に汚れをつけた


ライティングの仮配置

階段が完成したら、一通りの大きな構成要素は出来たので、完成形をイメージするためにライティングを作っていきます。
この階段は、奥側で放射状に並んだ大きな窓面からの太陽光でほとんどが照らされており、画面手前は建物の内側に近く、天井の照明で照らされていると考えられます。そこでまずは、窓の位置を埋め尽くすようにエリアライト(Emissionのマテリアルを設定した平面)を配置してみました。また、窓の屈折や反射が正しく表示されるように調整しています。

窓の位置にEmissionマテリアルの平面を配置。窓から差し込む光は、実際に窓の外に光源を置くよりも、このようにエリアライトで表現した方がうまくいくことが多いです。

これでかなり全体がリアルに見えてきたので、制作のモチベーションが上がってきました。

ここまでの工程。ライティングで一気にディテールが浮かび上がってきました

ちょっと長くなりそうなので、続きは後半に回します!

次回は、ひたすら細かいアセットの配置や各所のディテールアップの作業と、
完成したCGをコンポジットして仕上げるまでの過程をご紹介します。
お楽しみに!

【後編はこちら】


この記事が気に入ったらサポートをしてみませんか?