Open139

未経験からVRChat用の衣装を作成、販売するまで

marumaru

このスクラップは?

未経験の私がBlenderを使ってVRChat用の衣装を作成し、販売するまでの過程を残すためのスクラップです。アウトプットのためにここを利用するこにします。ほぼ自分用ですのであしからず。

自己紹介

21歳、二週間前大学をやめ、めでたくニートになりました。
お金はありませんが、時間だけはあります。
9カ月ほど前にVRChatをはじめました。ある日改変用に買った衣装のスカートの位置が気に入らず、自分ならもっと良いものを作れる気がした(失礼)ので、VRChat用の衣装を作ることにしました。

marumaru

現状把握

Unity

  • Modular Avatarを用いた改変は多少できる。(対応衣装を着せることやメニューの作成等)
  • ボーンやマテリアルの理解度は30%くらい?。

Blender

  • Blenderはほぼ初心者。
  • 非対応服を頑張って調整して着せ替えを行ったことがあるが、クオリティに満足がいかなかった。
  • チュートリアル動画を二つくらい再現したことがある。

その他

  • 絵心はあると信じているが、経験がないので上手くは書けません。
  • マテリアルを作るときに画力が求められることを恐れている。

目標

現在2025年3月20日、一か月後の4月20日までにギリギリ販売できないクオリティの衣装を自作できるようになること。

marumaru

UV展開がぐちゃぐちゃになる理由

-Tシャツを作るときにトポロジーが破綻しているから?
-シームの入れ方が良くない(知識と経験が想像以上に必要そう)

marumaru

一連の流れ?

  1. 作りたいもののイメージを明確にする
  2. 衣装のメッシュの制作
  3. uv展開
  4. 頂点ペイント
  5. テクスチャの作成
  6. ボーンウェイトの設定、ウェイトペインティング
  7. Blender→UnityへのFBXの転送
  8. Unityでの設定(illitoonなど)
  9. 細かいこと(シェイプキー、MA対応にするなど?)

一旦こんな流れな気がする

marumaru

衣装のメッシュを作るとき

アバターのメッシュを利用して作る

  • アバターのボディを複製し、それを加工して作る
  • シュリンクラップを利用して作る

1から作る

- 文字通り

marumaru

ショートカットメモ

  • 辺を融解 Ctrl + X
marumaru

tシャツのメッシュ試作
だいぶトポロジーが奇麗になった

marumaru

上のが2個目で↓が1個目
首とかが特にきれいになった

marumaru

チャットGPTを教育してBlenderに関する質問に答えてくれるようにすると便利

marumaru

一旦完成

チュートリアル通りに作ったのでデザインのことは置いといて、服(概念)にはなったかな!

課題

  • illitoonの設定の把握(影設定、ノーマルマップなどが何をするところなのかいまいちわかってない)
  • マテリアルのマップの持つ役割の把握(ノーマル、ラフネス、アンビエント…??)
marumaru

メモ
Blenderでアバターの素体を編集するときデフォルトのメッシュ消しすぎないほうが良いかも

marumaru

イラスト力なくてもイメージさえ作れればAIに画像生成してもらえる時代だから大丈夫

marumaru

便利ツールまとめ

ChatGPT
→友達に質問する感じでなんでも答えてくれる
Pureref
→画像資料をまとめれる
imagefx
→画像生成AI、リアル寄り?
PixAi
→画像生成AI、アニメ系が得意?
SeaArt
→画像生成AI、アニメ系が得意?

marumaru

アイデアノート

  • ショート丈ニット
    サブカル地雷みのあるボーダー柄(ボーダーはマテリアルで設定するのかな?)
    改変用にリブギザギザのものも作りたい

  • ミニスカ
    色は黒
    地雷ぽいけどすこし強めのグランジっぽい感じ
    ベルトは欲しい

  • レッグウォーマー
    しましまマテリアルと単色マテリアル
    できればベルトやチェーンも追加したい


  • ちょっと厚底、黒、艶あり

  • アームウォーマー
    しましまはダサいからヤダ

    チョーカーあり、バッグなし

marumaru

作る順番?
ニット→スカート→靴→レッグウォーマー→アームウォーマー→チョーカー等小物

marumaru

何時間いじいじしてたか分からないけどニットのトポロジー奇麗にできた!
メッシュの基本操作もだいぶ覚えてきた~

marumaru

これからミニスカートを作る予定だけど、スカート用のボーンを設定するところとか貫通対策でめっちゃ苦労しそう
一旦今まで買った服がどんな風にできてるかBlenderにインポートして見てみようかな

marumaru

大まかな形を作る時は細分化ははじめはせずに、大まかな形からつくる

marumaru

スカート途中
なんか気付いたらご飯も食べずに15時間くらい作業してる気がする

marumaru

訳わからないくらい時間かかったけど満足いく仕上がりにできた!
スカートにはあとでポケットつけるかも

marumaru

いままで11時間睡眠しないと体がついていけなかったのにBlenderが楽しすぎて6時間睡眠、16時間Blenderの化け物が誕生してしまった。

marumaru

あんまり紹介されないけど便利なショートカット
Ctrl+(テンキーの+): Alt選択を追加できる

marumaru

サブディビ使うと頂点を増やしすぎることなく奇麗な形のものを作りやすくなるけど、微調整や細かい装飾がしにくくなる
改善策あるかな

marumaru

ポリゴン数を増やしすぎないように、とかを考えると制作がすこし難しくなるな…

marumaru

初心者で手際悪いのに 120点を求めてしまって困る

marumaru

ベルト部分とかうまく作れるようになってきたけどいい感じに靴本体に沿わせる方法が分からない
スナップ機能とか使えばもっと楽できそうだけど手作業でやってると死ぬほど時間溶ける
楽しいからいいんだけど…

marumaru

何事もそうだけど大枠→細かいとこの方が良いよね
いつも装飾優先して調整のあとに作り直ししてる…

marumaru

仮マテリアル適応してみた!!
Blenderちゃんと始めてから4日目なのにすごい!!(自画自賛)

marumaru

一旦着せてみた
あと作るのはレッグウォーマーとアームウォーマーくらい…?

marumaru

やっぱ長袖ニットに変更したい気分

marumaru

レッグウォーマーって構造的にシンプルだけどシワを上手に作らないとリアルさにかけるから結局苦戦しそう。。

marumaru

絵描きの道を通ってこなかったことによるシワへの理解度の無さ…

marumaru

おそらくポリゴン数が多すぎることは一旦無視します
モディファイア使って軽量化できるといいな

marumaru

ネックレスできた~
チェーンのところカーブモディファイアうまく使えずほとんど手作業で調節したから死ぬかと思った!!

marumaru

仮のマテリアルつけて、メッシュ部分一旦完成!!

marumaru

UV展開全く分からなくて詰んだ!!
単色で作りたい部分は必要ない気もするんだけどどうなんだろう

marumaru

YoutubeでUV展開の動画大量に見たり韓国人のBlenderやってる知り合いに聞いたりしてできる気がしてきた!!!!がんばる

marumaru

UV展開そこそこちゃんとできるレベルにシーム入れた!
ポリゴン数が適切なのかがあんまり分からない。。

marumaru

結構販売数のあるモデルがこのくらいだから大丈夫かな。?

marumaru

もしVRChatで衣装販売開始したらfujiyamaとかに広告出したいな~
複数アバターへの対応もしたい

marumaru

UV展開きれいにやってテクスチャ配置して、、ってやると大変そうだから一旦仮のテクスチャ作りしてみよう
イメージ掴みたい

marumaru

UV展開メモ

完璧主義すぎて結局8時間くらいずっとUV展開してた
きれいにするためにスカートの所の解像度が足りない(+歪みがある?)かもだけど大丈夫な気がする
テクスチャはとりあえず4K でつくってみようかなー

marumaru

UV展開やりなおしてる!!完璧主義つらい

marumaru

次の衣装つくるときは配列モディファイアつかう前にシーム入れること
UV展開が楽になると思う

追記 ベルトの裏の面削除する

marumaru

一生懸命テクスチャに色塗ったけど必要なかったかもしれない
今だにテクスチャとマテリアルの違いが分からない
VRChatでは
テクスチャ:服の模様や影をつける(実際にメッシュに凹凸をつけなくても影ができる)
マテリアル:素材や色を制御する
って感じであってるのかな

marumaru

テクスチャつけると陰影が際立っていい感じ
←テクスチャあり →なし

marumaru

SubstancePainterを使う理由がいままでよく分かってなかったんだけど
Blenderのみで作ることのできるテクスチャやマテリアルを、SubstancePainterを使うことで楽にリアルに作れるってことだったらしい。(Blenderのみで作るとノードの設定などがめんどくさい)
だから昨日一生懸命影をつけてたこれは無駄になるかも。勉強代

marumaru

boothの商品で全然テクスチャに色がないやつはこういう外部ソフト使って作ってると思われる

marumaru

シームで区切って細かく仮のマテリアル振り分けたらそれっぽくなってきた
ここからはあまり頂点を追加しすぎないようにトポロジーと見た目を整えていきたい

marumaru

肘から先の所がこう見ると違和感おおいからがんばる
あと肩回りも少し削る

marumaru

最終調整(嘘)した
12回目くらいのUV展開します

marumaru

ポリゴン数68870
多分標準くらいかな。。?
見えないところの裏面を削除したりして頑張って減らした

marumaru

SubstancePainter全く分からないから一旦適当にマテリアルだけ割り当てて出力してみる

marumaru

もしかして実質完成なのでは!!!??
かわいい

marumaru

仮なのであとでちゃんとしたマテリアルと設定たちさがすよ

marumaru

あとやることはボーンとかウェイトの設定と着せ替えかな~
シェイプキーは一旦しません
デフォルト派なので

marumaru

あとUV展開の良くないところも見つけたからそこも修正してね
めも

marumaru

これでUV完成版
だいぶコツつかめた
同形状の金属のところは最初は重ねてたけど、メッシュによって光の当たり方変わるから重ねるのやめました
重ねてるのはスカートのベルトループのところだけ

marumaru

スカート以外はボディのウェイトをそのまま転送しただけで大丈夫だと思うから転送した
今からスカートのリギングとスキニングする予定

marumaru

とりあえずデータ転送を駆使してメッシュをボーンに追従させることできた!!
あとはウェイトの微調整だけど、訂正しないといけないのは
スカート全体(いまはスカート用に作ったボーンに追従しすぎてる)と
ニットの手首周り(指のボーンのウェイトとかが乗ってる気がする)と
レッグウオーマー(多分ほとんど大丈夫?)
この三つ!!

marumaru

ウェイトの調整が終わったら
・SubstancePainterでテクスチャやマップ作る(テクスチャも数色つくって改変できるようにしたい)
・FBXをエクスポートしてUnity持っていく
・Unity内の着せ替え(illitoonの設定等も)
・ModularAvatar対応にする
・シェイプキー変更に対応する(できれば)
くらいかな

SPもなんとなく分かったしUnityはBlenderに比べたら慣れてるから思ったより完成が近いかも!!

marumaru

追伸
私は本気なのでBoothに出品する前には市場分析もしないといけません

marumaru

ひとつのこと理解するのにYoutube8本くらい見てブログ6個読んでってしてるから時間溶ける
ニートでよかった

marumaru

デフォルトの下着好きじゃないから一からモデリングしたくなってきたんだけどどうしよう
あと猫耳ニット帽も作りたくなってきた
もし作るならテクスチャももう一枚必要になるけどどうしよう

marumaru

猫耳ニット帽つくるなら髪の貫通とかについても考えないといけないから現実的じゃないかも

marumaru

ウェイトの設定まで終わった~!!!!!!!!!!!!!
大変だった!!

marumaru

でもliltoonの設定が悪いのか、Blender→Unityのレンダリングが悪いのか、SubstancePainterからのテクスチャの書き出しが悪いのか、、Unity上で異常に暗くなるのでこれを解決しないといけない
VRChat上だともっと真っ暗だった

marumaru

解決しました!!!!!!
Blenderの仮マテリアルが邪魔して色が二重に重なって暗くなってました
Blenderでノードを使用のチェックを外してFBXエクスポートやり直したらなおりました!

marumaru

服完成したので、、、作り直します!!!?

marumaru

オブジェクト作り直ししまくってポリゴン数70000↓まで頑張りました

marumaru

チェーンのあるかばんとぬいぐるみも作ったって伝えなきゃ
エッホエッホ

marumaru

これから何回目か分からないUV展開とウェイトペイントの最適化します
そのまえにVRChatでの一般的なテクスチャの配置を調べないと
えっほ

marumaru

Boothで買ったことのある服やアバターのUV展開がどんな感じか全部見てきました
結論として
アバター系は
Face+Body+衣装+その他 で3~4枚
衣装系は
衣装を大体各オブジェクトごとに分けているので4~6枚
こんな感じのテクスチャの枚数でした

解像度に関しては
2k or 4kのものがほとんど

marumaru

↑を考慮してUV展開はテクスチャ4枚くらいに収めたいので

この4つに分けたいと思います

marumaru

で!!!き!!!た!!!!
SubstancePainterちょっと理解した

marumaru

memo
immobile 1→0.5の二次関数
MAXAngle 1→0.7の直線関数
Radius 0.4→1の直線関数

marumaru

スカート一周に14個のボーンを設置、隙間空きすぎると貫通する
アバター容量重くなるのは許容かな

marumaru

ふふふふふふPhysBoneマスターと呼んでください

marumaru

PB完成版(多分)

Rotation Constraint のRotationの値が0から大きく異なる場合スカートが暴れやすくなる説あり

marumaru

追記 ボーンの軸はZ軸を中心にしたほうがあとでらくです

marumaru

↑のやつやっぱりだめです
もうVRChatもUnityもやめます

marumaru

Blender←楽しい
SubstancePainter←大変だけどやりがいはある
Unity←だれ?

marumaru

完成した
あとはカラバリとか

marumaru

カラーバリエーション10個くらいつくってみた

marumaru

あとやることは
・複数アバターに対応させる
・Booth用にサムネイルとかの撮影する

だいぶ完成見えてきた

marumaru

アバター全然もってないので一旦3つ対応してから販売します
しなの対応した

marumaru

Unityで商品写真とってる
結構たのしい

marumaru

こんな感じでいいのかな、わからない

marumaru

コンセプトを伝える画像 ×3
アバター毎の画像 ×アバターの数
カラーバリエーションの画像 ×3(ニット1、ニット2、レッグウォーマー)
オブジェクト毎の画像 ×5
用意する
あと少し

marumaru

自分の行動に責任が伴うのが怖い

marumaru

このスクラップはこれで閉じようと思います。

XのPRもへたくそだし、Boothの♡も全然増えないし、そもそも人に見られてもらう難しさも感じた。
商品自体のクオリティはそこそこ悪くないと思ってたけど、客観的に見るとクオリティは中の下か下の上くらいじゃなかったのかなと思ったりもした。
Xでプレゼント企画とかすれば100RPくらいはいくと想定してたので、28RPでおわって、自分にがっかりした。
普通に病んでしまって動けなかったりしたけど、継続しないことには何も始まらないとも思うのでもう何着か服を作ってみようと思う。
次はもう少し見てもらえるように頑張るぞ~