はじめに
今回は指輪制作の作例を通して法線マップで溝や模様の作成方法を紹介します。
指輪制作でのマテリアルとテクスチャの設定方法はこちらで解説中。
宝石に色を付けたり、文字を刻印したい方はこちらを見てください。
モノクロで凹凸を描く準備
書き出したクリップスタジオペイントに読み込み。
レイヤープロパティでフチを付けます。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-4-3.jpg)
上に新規レイヤーを作成。
クリッピングマスク。
何でも良いので単色で塗りつぶし。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-5-3.jpg)
色相・明度・再度で明度を-100。
“一度OKボタンを押して確定します。”
![](https://signyamo.blog/wp-content/uploads/2022/01/image-6-3.jpg)
“もう一度”色相・明度・再度を立ち上げ。
明度を+50に変更。
OKボタンを押します。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-7-3.jpg)
この50%の灰色を基準の色にします。。
この明るさより暗い箇所は盛り下がります。
この明るさより明るい所は盛り上がります。
UV配置の下のレイヤーも同様に50%の灰色で塗りつぶします。
さらに一番上にUV配置のレイヤーを透明度を下げて配置します。
これで下準備が完了です。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-8-3.jpg)
溝を描く
線画と塗りつぶしの間に新規レイヤーを作成。
グレースケール(灰色)で任意の描画を加えます。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-9-5.jpg)
レイヤーマスクを使い必要な部分だけトリミングします。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-10-4.jpg)
さらにテキストツールなどを使い文字を入れてください。
これで溝の描画が完了です。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-11-2.jpg)
モノクロ化
意図しない色入り対策で色調補正レイヤーでモノクロ化します。
レイヤー → 新規色調補正レイヤー → グラデーションマップを選択。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-12-6.jpg)
左側が完全な黒、右側を完全な白にします。
OKボタンを押します。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-13-3.jpg)
これでモノクロ化が完了です。
.psdで保存
UV配置のレイヤーを非表示にします。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-14-2.jpg)
別名で保存を押します。
Photoshopドキュメントを選択。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-15-2.jpg)
保存を押します。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-16-2.jpg)
これで.psdでの保存が完了です。
Unityに読み込み
Unityを立ち上げ。
Projectの所に.psdを読み込み。
クリックで選択。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-17-3.jpg)
Texture TypeをDefaultからNormal mapに変換。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-18-3.jpg)
Create from Grayscaleにチェックを入れます。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-20-4.jpg)
filteringをSharpかSmoothのどちらかに変更します。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-21-5.jpg)
見た目がわずかに変わります。
好きな方で大丈夫です。
![](https://signyamo.blog/wp-content/uploads/2022/01/Animation1-3-1024x494.gif)
残りのInspectorをこのように設定します。
Aniso Levelを5前後に設定してください。
それ以外はどのように設定しても大丈夫です。
ここでは以下のように設定しました。
・Read/Write Enabledにチェック
・Streaming Mipmapsにチェック
・Max Sizeを1024に設定
・Resize AlgorithmをBilinearに変更
・CompressionをHigh Qualityに設定(Lowだと劣化が目立ったため)
・Use Crunch Compressionにチェック
・Compressor Qualityを75に設定
![](https://signyamo.blog/wp-content/uploads/2022/01/s4.jpg)
設定が確定しましたらApplyボタンを押します。
![](https://signyamo.blog/wp-content/uploads/2022/01/s5.jpg)
これでUnityへの読み込みが完了です。
マテリアルへの割り当て
Hierarchyに法線Mapを割り当てたいオプジェクト読み込み。
マテリアルを割り当て可視化します。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-24-1.jpg)
法線マップを割り当てたいマテリアルを選択。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-25-2.jpg)
“現在作ってる指輪のモデルの場合”はMatCap のNormalMapの所に割り当てます。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-26-1.jpg)
これで凹凸の設定が完了です。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-27-1.jpg)
通常のモデルの場合はBasic Three Colorsの中にあるNormal Mapに差し込んでください。
![](https://signyamo.blog/wp-content/uploads/2022/01/s6.jpg)
まとめ
Unityで法線マップで溝や模様の作成する方法を紹介しました。
VRChat向けの指輪のメイキングの全体はこちらで公開中。
ぜひこちらもご覧ください。
コメント