CGBoxの一部の記事にはアフィリエイト広告が含まれております。
ノーマルマップを自動生成できる「NormalMapOnline」の使い方
![](https://cgbox.jp/wp-content/uploads/2023/08/2-7-5.jpg)
こんにちは。
今回はテクスチャからノーマルマップを自動生成できる「NormalMapOnline」の使い方を解説していきたいと思います。
当サイトの運営するYouTubeチャンネルでも取り上げているので、こちらもぜひチェックしてみてください!
NormalMapOnlineとは?
![](https://cgbox.jp/wp-content/uploads/2023/07/fgfge691w-hrwe-1024x610.gif)
NormalMapOnlineではテクスチャをインポートするとNormalmapやDisplacementを自動生成してくれるサービスです。
こちらはブラウザ上で使用可能かつ無料で使用可能なので、誰でも簡単に使用することができます。
NormalMapOnlineの使い方
以下ではNormalMapOnlineの使い方を解説していきたいと思います。
テクスチャを用意
![](https://cgbox.jp/wp-content/uploads/2023/07/TexturesCom_WoodPlanksOld0273_2_seamless_S.jpg)
まずはノーマルマップが欲しいテクスチャを用意しましょう。今回はこちらのテクスチャを使用していきます。
複雑な柄の場合はうまく生成されない場合があります
NormalMapOnlineにインポート
![](https://cgbox.jp/wp-content/uploads/2023/07/fgfge691w-hrwe-1-1024x610.gif)
テクスチャを用意したら、テクスチャをNormalMapOnlineにインポートしましょう。
インポートすると右側にデモの四面体が表示されますので、これを見ながら調整していきます。
NormalMapOnlineの設定
インポートしたら、以下の3つのパラメータを調整してノーマルマップを修正していきます。
![](https://cgbox.jp/wp-content/uploads/2023/07/giphy-41.gif)
- Strength…ノーマルの強さを調整
- Level…ノーマルの強さを調整(Strengthと逆になります。詳しい内容はわかりません)
- Blur/Sharp…ぼやけ方を調整
主にStrengthとBlur/Sharpの2つを調整するとうまくいくと思います。
![](https://cgbox.jp/wp-content/uploads/2023/07/fgfge689w-hrwe-1024x610.gif)
InvertとRangeに関してはどのような項目かわかりませんでした。おそらく色情報の変換と凸凹の逆転だと思いますが、チェックをONOFFして調整してみましょう。
デモオブジェクトの設定
![](https://cgbox.jp/wp-content/uploads/2023/07/fgfge690w-hrwe-1024x610.gif)
一番右側の項目は調整しなくてもいいと思いますが、Modelのところを変更するとデモのオブジェクトの形状を変更できます。
また、回転を止めたい場合はRotationのチェックを外しましょう。
ノーマルマップの出力
![](https://cgbox.jp/wp-content/uploads/2023/07/d781642c5aed2f1e8332dacbcb66280c-1024x631.jpg)
調整が終わったらDownloadボタンをクリックすると出力できます。
NormalMap以外の設定
![](https://cgbox.jp/wp-content/uploads/2023/07/fgfge692w-hrwe-1024x610.gif)
ノーマルマップ以外にも以下のテクスチャが生成できます。
- Displacement
- AO
- Specular(roughness)
これらもノーマルマップにあるようなパラメータで強さ等を調整できます。
各種パラメータを調整したら上記のようにダウンロード可能です。
![](https://cgbox.jp/wp-content/uploads/2023/07/ab1a4f399d83b15c0178ecf33a4ce4ef-1024x619.jpg)
生成したテクスチャをすべてダウンロードしたい場合は「ALL」をクリックするとすべて同時にダウンロード可能です。
まとめ
![](https://cgbox.jp/wp-content/uploads/2023/07/794d6905783366b19c2ce2bb8287860e-1024x639.jpg)
こちらが今回生成したnormalmapとRoughnessをBlenderに入れたらこんな感じになります。
NormalMapOnlineでは完ぺきなノーマルマップは作れませんが、このように違和感のないテクスチャは生成可能です。
使いどこは結構あると思うので、ぜひ使ってみてください。