はじめに
今回は指輪制作の作例を通してマテリアルとテクスチャの設定方法を紹介します。
シェーダーはUTS2.0とUnlitWF/Gemを使います。
それぞれの詳しい使い方はこちらで解説してます 。
UTS2.0シェーダーで綺麗な金属光沢の表現方法(金属部分)
![](https://signyamo.blog/wp-content/uploads/2021/12/a11b4bb3ba448d1fa402ac3dc62cc91f-33-160x90.jpg)
UTS2.0シェーダーの使い方(宝石部分)
今回はこちらのようなマテリアルと指輪のモデルが出来た状態からスタートします。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-01-3.jpg)
指輪のモデルの作り方についてはこちらをご覧ください。
![](https://signyamo.blog/wp-content/uploads/2022/01/a11b4bb3ba448d1fa402ac3dc62cc91f-9-160x90.jpg)
下準備
モデルを描き出します。
詳しくはこちらの方法を見ながら描き出してください。
![](https://signyamo.blog/wp-content/uploads/2021/12/a11b4bb3ba448d1fa402ac3dc62cc91f-28-160x90.jpg)
モデルを選択。
ファイル → エクスポート → FBXを選択。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-23-9.jpg)
Unityに読み込みました。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-24-10.jpg)
あとは金属や宝石のマテリアルを割り当てました。
これで下準備が完了です。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-25-8.jpg)
テクスチャの設定
テクスチャを使ってより細かな表現をしていきます。
まず、UV配置をペイントソフトに読み込み。
UV配置についてはこちらをご覧ください。
![](https://signyamo.blog/wp-content/uploads/2021/12/cd3c9530f6dd55161054605847fbc85a-160x90.jpg)
UV配置を描き出す
Blenderを立ち上げUV Editingを選択。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-28-1.jpg)
3Dビュー上でUV配置を描き出したいオプジェクトを選択。
![](https://signyamo.blog/wp-content/uploads/2022/01/dd1.jpg)
Tabキーで編集モード。
Aキーで全選択。
![](https://signyamo.blog/wp-content/uploads/2022/01/dd2.jpg)
UVエディター上でAキー。
すべてのUVを選択。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-29-1.jpg)
UV → UV配置をエクスポートを選択。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-2-3.jpg)
保存場所を指定してUV配置をエクスポート。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-3-3.jpg)
これでUV配置の書き出しが完了です。
石の色を変える
クリップスタジオペイントに読み込み。
レイヤープロパティでフチを付けます。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-26-8.jpg)
上に新規レイヤーを作成。
クリッピングマスク。
宝石以外の部分を白色で塗りつぶします。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-27-7.jpg)
宝石部分を好きな色で塗りつぶします。
色がない場合は白色です。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-28-8.jpg)
.psd形式で保存。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-29-8.jpg)
Unityに読み込み。
読み込んだ画像を選択。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-30-11.jpg)
Inspectorをこのように設定します。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-31-9.jpg)
次に宝石のマテリアルを選択。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-32-7.jpg)
Gem Surfaceの所のMain Textureに画像を割り当て。
Projectの画像を読み込みたい所へドラッグ&ドロップ。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-33-9.jpg)
これで宝石に色が付きます。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-34-6.jpg)
本来カラーテクスチャは大きいサイズを使います。
しかし今回は宝石に色をつけるだけです。
なのでテクスチャーのMax Sizeを64にしてかなり小さくしました。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-35-7.jpg)
これで石の色を変える処理が完了です
文字を刻印する
通常文字や模様はカラーで表現します。
が、このモデルはカラーを暗い色にして金属光沢を表現しているためできません。
なので光沢の所にマスクを入れて模様を表現します。
既存のカラーのテクスチャを選択。
Show in Explorerを選択。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-36-7.jpg)
テクスチャをコピー
![](https://signyamo.blog/wp-content/uploads/2021/12/image-37-5.jpg)
好きな名前に変更。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-38-4.jpg)
Unityを見るとテクスチャが増えたことが確認できます。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-39-4.jpg)
ダブルクリックで開きます。
テキストツールで文字を入れたいところに文字を入れます。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-40-5.jpg)
下地を全て白で塗りつぶします。
文字の色を完全な黒色にします。
この状態で保存します。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-41-5.jpg)
するとUnity上でテクスチャが更新されました。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-42-5.jpg)
金属のマテリアルを選択。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-43-4.jpg)
inspectorのMatCap Maskにテクスチャを割り当てます。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-44-3.jpg)
すると文字が入ります。
ですが文字の向きや前後が反転してました。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-45-5.jpg)
なのでBlenderに戻りモデルのUVを修正。
再度書き出しUnityに読み込みます。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-46-4.jpg)
これで文字の修正が完了です。
ですがテクスチャはコピーペーストするとinspectorの値が元に戻ります。
Aniso Levelが1に戻ったので文字の端がぼやけています。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-47-3.jpg)
なので複製して作ったテクスチャを選択。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-48-3.jpg)
Inspectorを見ます。
以下のように設定します。
Aniso Levelだけは5前後にしてください。
それ以外はどのような設定でも大丈夫です。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-49-3.jpg)
これで指輪の文字入れが完了です。
![](https://signyamo.blog/wp-content/uploads/2021/12/image-50-4.jpg)
凹凸を刻印する
凹凸の刻印方法についてはこちらの記事で解説しています。
ノーマルマップで溝や模様の作成方法
![](https://signyamo.blog/wp-content/uploads/2022/01/a11b4bb3ba448d1fa402ac3dc62cc91f-5-160x90.jpg)
こちらを見ながら模様などを入れてください。
まとめ
今回はマテリアルとテクスチャの設定方法を紹介しました。
VRChat向けの指輪のメイキングの全体はこちらで公開中。
ぜひこちらもご覧ください。
![](https://signyamo.blog/wp-content/uploads/2022/01/a11b4bb3ba448d1fa402ac3dc62cc91f-9-160x90.jpg)
コメント