5-5 ノーマルマップベイク
今回は、TexToolsを使ったノーマルマップベイクについて学習していきましょう。
目次
ノーマルマップ
ノーマルマップについては、1-2-4サーフェスアピアランスで解説した通りです。
ノーマルまたはサーフェスマップはR、G、BでそれぞれX、Y、Z方向のテクスチャの凹凸を表現したものです。
どのようにしてノーマルマップを作るかというと、ハイポリゴンモデルとローポリゴンモデルを用意して、ハイポリ→ローポリに表面の凹凸の情報を焼き付けて作ります。
ゲームなどで使用するアセットにはポリゴン数の制限があり、ハイポリゴンモデルをそのまま使うことは出来ないけれど、
かといってローポリモデルではディテールの表現が足りないというときにノーマルマップは大活躍します。
Robloxでも、メッシュ1つ当たりのポリゴン数を10000以下に抑える必要があり、ポリゴン数10000以下だと表現できないようなディテールを再現するために使います。
ノーマルマップベイク
ノーマルマップを作成するためには以下の2つを用意する必要があります。
- ローポリゴンモデル
- ハイポリゴンモデル
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/525516ec-4756-44a5-935e-d57612020340/abe34a4f284bd88411f80bf9f56e42b1.png)
ハイポリモデルには、ローポリモデルを複製して細分化を50ほどして、”ノイズテクスチャ”ノードと”ディスプレイスメント”ノードを使用して変形させましょう。
ただし、メッシュがある程度細かくないと凹凸が反映されないので注意しましょう。出力側は、”マテリアル出力”ノードの”ディスプレイスメント”に繋ぎましょう。
また、デフォルトではディスプレイスメントの結果が見えないので、レンダープロパティからレンダーエンジンをCyclesに変更し、マテリアルプレビューの設定→サーフェス→ディスプレイスメント→ディスプレイスメントとバンプにして、ショートカット”Z”でシェーディングをレンダープレビューにする必要があります。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/c403a106-62ff-4d7e-99bf-561e276cbf34/64e529c00c4fa84ef978952ea8e0a2a1.png)
準備ができたら、ハイボリモデルの名前の後ろには”_hp”、ローポリモデルの名前の後ろには”_lp”と付けましょう。
ローポリモデルはUV展開されている必要があります。
これはBlenderにハイポリとローポリを識別させるために必要です。
ハイポリとローポリのモデルを複数選択したら、
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/213473c0-ab60-4280-96c5-8d4d58f335cc/5957f2797aec451a46a551207cbe327c.png)
UV編集タブに移り、TexToolsのBakingを開き、ベイクの種類を”Tangent Normal”に変更します。
ケージを押し出しの数値を1程度に設定しておきましょう。
ケージはベイクの影響範囲のことで、ケージがハイポリゴンモデルの凹凸を包み込むような値にする必要があるので各自調節しましょう。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/129d34eb-a6ea-438a-bdc4-ac484bf1c38d/1cdd0bd784ff591d572159a06a24695f.png)
では”Bake”を押しましょう!
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/c9e0d7fc-1a65-4df8-ad04-8fa6d4965928/a51fbcba448403018157507553e0cb10.png)
するとこのようなRGBの3色で構成された画像が生成されます。
これがノーマルマップです。
生成した画像は忘れずに保存しましょう。
ノーマルマップの適用
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/de2a4616-04e8-4fd6-a53b-eb391c6543e7/bd98f4b769b56033a07b6cc534a8586e.png)
ローポリモデルのマテリアルを、
“画像テクスチャ”ノード→”ノーマルマップ”ノード→”シェーダー”ノード
というようにノードを繋いで、”画像テクスチャ”ノードには生成したノーマルマップを割り当てましょう。