UV展開とテクスチャペイントを解説する！

## はじめに
今回はUV展開、テクスチャペイントについて書いていこうと思います。
UV展開は少々面倒な作業ですが大事なところなのでしっかり押さえておきましょう。


## UV展開

まずはシームを付けていきましょう。
この作業はこの先UV展開をする前準備で、UV展開をした時にはシームを付けたところから切り開かれて展開されます。


今回は顔の周囲を選択します。
![a.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/10efb061-3c54-4621-dc31-0e94f90de5b9.png)

画面右にあるMark Seamをクリックします
![c.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/ef14fd1d-fb9e-17db-6eda-b651920c3891.png)

するとシームを付けたところが赤くなると思います。
赤くなっているところ=シームがついている
![b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/f8c21f32-30b0-d11b-907e-1c3d4d132fd9.png)

画面を2つに分割しましょう。
そしてか片方を「UVImage Editor」にしておきます。
![d.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/3b021607-18c1-ec9d-5a1b-e6e33a67add3.png)

Aキーでオブジェクトを全選択し、Unwrapをクリックします。
Unwrapをクリックすることで展開が行われます。
![e.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/d87f59d1-a8b1-2817-21d1-a72d41f81fc6.png)

展開されるとUVImage Editorの方に展開された面が表示されると思います。
![f.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/3da1ef52-7c1c-d417-f9fb-8be54a0187af.png)

画面下の＋ボタンから画像を作成しましょう。
カラーグリッドを選択します。
![g.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/b8105325-6299-7ba2-99aa-b05e298da264.png)

すると画像のようなカラーグリッドが表示されます。

![h.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/0c13c1b0-c87b-b9be-04f3-1595db74cd11.png)
![i.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/cd1c6926-fa8c-8a3b-ad40-0b5c66399eea.png)

オブジェクトの方にも表示させるにはShading -> Texture Solidにチェックを入れます。
これでパーツの対応位置が分かりやすくなりましたね！
![j.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/81ccb3ea-cead-8ee9-0fa4-12d65456f8ec.png)

次に展開されたUVを調整していきます。
顔などのパーツは左右対称であることが多いため、左右対称な箇所は1つにまとめてしまいましょう。
ミラーを使って左右反転させることができるので今回は目、眉毛、まつげをまとめました。

![k.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/5eda36b4-e1a9-292e-6b13-5fe390a95767.png)
![hikari0 - コピー.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/a1d8553f-1d97-b002-7769-918efeb0fe06.png)

GキーやSキーで適当な大きさに調整しましょう。
大きさを平均化する機能もあります。
![l.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/56cabd88-376a-d44d-f76a-3554373f1cc7.png)

## テクスチャペイント
いい感じに調整できたらpng形式でエクスポートします。
適当な場所に保存しましょう。
![m.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/58dc3226-eeac-4bf0-83ae-b22dfb650348.png)

エクスポートした画像をペイントソフトで開きます。
私はClipStudioを使用していますが、Photoshopなどでも構いません。
![n.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/3e341d7a-04e1-0aed-46c8-02bf0a5f009d.png)

あとは自由に書いていきましょう。
画像は塗りつぶしツールで適当に塗りつぶしただけです。
![o.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/1b20f7c3-5277-6691-e071-8ec99d5b847f.png)

書き終わった画像を保存してBlenderで開きましょう。
画面下のOpenImageがら開けます。
![p.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/e531b311-9984-f2ba-278b-cd594aac7b84.png)

そして開いた画像をテクスチャに指定すれば、、、

ご覧の通りです！
色が入ると一気にそれっぽくなりますね！
![q.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/201127/8a57a366-2ac2-f947-8819-19a42e30dd31.png)

## まとめ

今回テクスチャの書き込みには別のソフトを使用しましたが、BlenderのTexturePaintモードでもテクスチャを書くことができます。
ペンタブも使えるようなので興味のある方はしらべてみてください！