はじめに
3DCGのテクスチャの描き方について紹介します。
ここではClipStudioPaintを使用します。
UV配置を出力
UV展開をしたモデルを用意します。
3DビューでAキーを押して全オプジェクトを選択します。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-1-13.jpg)
UVエディターでAキーを押して全て選択。
この状態でUV→UV配置をエクスポートを選択します。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-2-10.jpg)
不当明度と大きさを設定してエクスポートで書き出せばでUV配置の出力が完了です。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-3-10.jpg)
IDマップの用意
IDマップという画像を用意します。
これは質感を塗り分けたい所で色を変えた画像です。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-8-9.jpg)
ClipStudioPaintを開き出力したUVを読み込みます。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-4-12.jpg)
レイヤープロパティーの境界効果を使いフチを取ります。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-5-13.jpg)
新規レイヤーを作成してクリッピングマスクを設定します。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-6-14.jpg)
塗り分けたい所で色を変えて塗りつぶします。
これでIDマップの制作が完了です。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-7-13.jpg)
テクスチャの描画
IDマップの画像を参考にしながら色を塗り描画します。
ClipStudioPaintなどの2Dツールで描く場合は、
Blenderに戻りUV配置を透明度を0にしてエクスポート。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-9-9.jpg)
出力した画像を上に重ねると描きやすいです。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-10-11.jpg)
PBRテクスチャを作りたい場合はSubstance PainterやQuixel Mixerを使います。
こちらに3DモデルとIDマップを読み込めば作れます。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-11-8.jpg)
頑張れば2DソフトだけでもPBRテクスチャが作れます。
ノーマルはKritaというソフトのフィルターレイヤーで作成できます。
それ以外はモノクロで描く事で作成できます。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-12-7.jpg)
どのような方法でもいいのでテクスチャを作成してください。
画像の割り当て(Blender)
画面左上のボタンを押してシェーダーエディターを開きます。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-13-6.jpg)
+新規を押しマテリアルを作成します。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-14-6.jpg)
画像をドラッグ&ドロップで読み込み、カラーとベースカラーをつなげます。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-15-6.jpg)
これで割り当てる事ができます。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-16-5.jpg)
画像の更新(Blender)
テクスチャの画像を修正した場合は画像を更新しないと変化が出ません。
Blenderの画像の更新方法は主に下記の2つです。
- シェーダーエディターで画像を更新
- ファイルの再起動
この2つについて見ていきます。
ーーーーー
シェーダーエディターで画像を更新
シェーダーエディターで画像を選択。
Nキーを押してノードを選択開きます。
その中の画像を再読み込みボタンを押して更新します。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-17-4.jpg)
ーーーーー
ファイルの再起動
Blenderファイルを一度閉じて再起動する方法でも更新できます。
PBRなどの複数画像を更新する場合はこちらの方が早いです。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-18-3.jpg)
画像の割り当て(Unity)
Projectを左クリックしてマテリアルを作成します。
![](https://signyamo.blog/wp-content/uploads/2021/09/imgage-1-4.jpg)
オプジェクトデータをUnityに読み込みます。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-19-4.jpg)
Hierarchyにドラッグ&ドロップし3Dビューに表示。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-20-4.jpg)
画像をドラッグ&ドロップで読み込みます。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-21-4.jpg)
マテリアルを選択しInspectorの画像を入れる所に対応する画像を入れます。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-22-3.jpg)
モデルにドラッグ&ドロップで割り当てる事ができます。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-23-2.jpg)
画像の更新(Unity)
Projectの所で画像を選択してDeleteキーで削除。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-24-3.jpg)
同じ名前の画像を同じ位置に読み込むことで更新できます。
![](https://signyamo.blog/wp-content/uploads/2021/09/image-25-3.jpg)
まとめ
3DCGのテクスチャの描き方について紹介しました。
こちらの記事を元にテクスチャを作成して3DCGに割り当ててください。
コメント