VRoid Studioの髪型をSimsにもっていく挑戦
こちらの記事はまだ完全ではありません。
→ 
また、作りながら書いているので出くわした失敗もそのまま書いている場合があります。
手探りでやっている内容ですが、とりあえずきっかけになればと思い公開します。
[現状の課題]
・透過ヘアにする方法
[必要なもの]
・S4 CAS Tools（ウェイト用）
・GIMP（ノーマルマップ作成用）
合体編
①まずVroid Studioを立ち上げ髪型を作ります。
髪型の作り方に関しては、まだ触ったばかりでよくわかっていないのと、他のサイトなどで多く解説されていると思いますので割愛します。
とりあえず今回はサンプルモデルを参考にさせてもらいます。
②以下の画像の順番で「OBJ形式」でエクスポートします。ここではとりあえず「hair01」という名前で保存してみます。
③次にSims4Studioを立ち上げ、ベースになる髪型をエクスポートします。
「CASスタンドアロンの作成」を選択し、「CAS」ボタンを押してください。
④「パーツタイプ」を「ヘア」で絞込んでどれかを選択し、「次へ」を押して名前をつけて保存します。
⑤「メッシュ」タブに切り替えて、「エクスポート」をします。
⑥エクスポートしたファイルをBlenderで開きます。
そして、「ファイル→インポート→Waterfront（obj）」から、Vroid Studioでエクスポートした髪型をインポートします。
⑦インポートすると以下のようになります。
体に埋まっている白い部分がインポートされた髪型です。
また右上のパネルに「hair01」というのがあります。これはVRoid Studioでエクスポートしたときのファイル名で表示されているはずです。
ここに髪型のデータが入っているので、編集するときはこれを選択します。
⑧髪の毛の位置や大きさを調整していきます。
その前に、元の髪型が表示されていると邪魔なので、非表示にします。
「s4studio_mesh_1～3」を右にある目のアイコンをクリックして非表示にしてください。
⑨「移動」「拡大縮小」を使って、イメージに合わせていきます。
「移動」「拡大縮小」ボタンは、1回クリックするとマウスの動きに合わせて変化します。また矢印キーでも変化します。
2回クリックすると下に数値入力で変更ができるようになります。横幅/縦幅のみ拡大縮小したい時は数値入力のほうを使ってください。
場合によって使い分けてください。
⑩場合によって、「編集モード」に切り替えて、不要なメッシュを削除します。
今回の場合は髪の毛の束ではなく、地肌部分のメッシュが不要なので削除しています。
[基本操作]
「Aキー」で全選択の切り替えができます。
編集モードに切り替えて最初に全選択状態だった場合はまず「Aキー」を押して選択を解除してください。
また、「Shift+マウススクロール」でカメラ位置を上下に動かせます。
メッシュを選択するには、「Lキー」を押しながらマウスカーソルを重ねることで、選択ができます。
消したくないメッシュを選択した場合は、「Shift+L」を押しながらカーソルを重ねると解除できます。
選択できたら、「Deleteキー」で「削除→頂点」で削除できます。
⑪それではSimsのメッシュと統合をしていきます。まずは元の髪型メッシュを削除しましょう。
非表示を解除して「s4studio_mesh_3」を選択して、「編集モード」に変更し、「Aキー」で全選択して、「Deleteキー」で削除します。（元にする髪型によって必ず「3」にメインが入っているとは限らないので非表示切り替えで必ず確認してください）
※「s4studio_mesh_1～2」は、帽子をかぶった際の上部分がカットされた髪型です。別途こちらも設定が必要になってきますが、とりあえず今はメインの部分だけやっていきます。
⑫「hair01」を最初に選択し、Shiftキーを押しながら「s4studio_mesh_3」を選択します。
そして中央メニューの「編集→統合」を押して合体します。
⑬これで一応Sims4Studioでインポートできる状態になりましたが、髪の毛のテクスチャがぐちゃぐちゃです。
これをどうにかしていきましょう。
UVをなんとかする編
ここからは特に手探りです。きっともっといい方法があるのだと思いますが、わかる範囲で解説していきます。
「こうすればいいよ！」とご存知の方はぜひ教えてください。
UVとは簡単に説明すると、「平面テクスチャのこの部分を使うよ！」というマップのようなものです。
①「s4studio_mesh_3」を選択し、編集モードにして、「Aキー」で全選択状態にします。
その状態で、左のテクスチャ画面下にある画像アイコンをクリックして、「Diffuse map」を選びます。
②するとテクスチャ画面に白い何かに覆われたものが表示されています。
これが現在髪の毛のテクスチャの参照場所となっているものです。
つまり、現状全身のテクスチャが選ばれている状態です。
これを適切な位置に移動と縮小をします
。
③左のテクスチャ画面にカーソルを移動して「Aキー」を押してください。
言い忘れていましたが、「Aキー」による全選択はカーソルのある画面にあるアイテムに対して有効です。
するとこのよう全体オレンジの選択状態になります。
④以下が選択状態での基本操作です。
Sキー…拡大縮小
Gキー…移動
Rキー…回転
さらに、Sキーを押したあとに、
「Xキー」を押すと、縦の大きさが固定
「Yキー」を押すと、横の大きさが固定
となります。
上記の操作を駆使して、左上のほうに寄せていきます。Sims 4では基本的に左上が髪の毛用のテクスチャエリアとして使われます。他で使われている部分にはみ出すと表示がおかしくなります。
もともとあるテクスチャに合わせて大体以下のように配置しました。
⑤「オブジェクトモード」に切り替えてみると、この段階でもSimsのテクスチャと相性がいいのかさほど違和感がありません。
⑥ただ、このままではヘアピンも真っ黒になってしまうため、このUVエリアだけ移動させます。
編集モードで「Lキー」を押しながらカーソルを重ね、ヘアピン部分だけ選択します。
そういう飾りをつけていなければ飛ばしてください。
ただ、編集画面で選択したメッシュの部分のUVだけを移動させたりできることは覚えておいたほうがいいです。
⑦とりあえずあとで調整するとして、右のほうにヘアピンUVを「Sキー」「Gキー」で縮小＆移動させます。
仕上げ編
①ようやく形になってきました。一度Sims4Studioにインポートしてうまくいくかだけ確認してみましょう。
※Blenderはまだ使うので立ち上げたままにしておいてください。
Blenderファイルを保存して、元にした髪型のPackageファイルを開き、「メッシュ→インポート」でBlenderファイルを読み込みます。
②一応読み込めているようです。長い毛がはみ出しているのは、帽子用の髪型を変更していないためです。
③細かい仕上げをしておきましょう。ポリゴン数が多いので減らしておきます。
※帽子用の髪型を作る場合は、このぐらいの段階で行ってください。（帽子用メッシュの作り方は下に別記しています）
Blenderに戻ってください。
「編集モード」にして、Aキーで全選択し、中央メニューの「ツール」タブ一番下の「重複頂点の削除」を選択します。
④「オブジェクトモード」に戻し、右下パネルのスパナ型のアイコンをクリックし、「追加」から「ポリゴン数の削減」を選びます。
⑤下にポリゴン数削減のメニューが出ます。
ここの「比率」のところをクリックし、左右にドラッグすることでポリゴン数を変更できます。（数値入力も可能です）
特に決まりはありませんが、ここでは5000ぐらいに減らしてみます。
リアルタイムで中央の編集画面のシムのモデルのポリゴンが減っていくので、確認しながらやってみてください。
⑥保存してSims4Studioでインポートをします。
次は「LOD1」に切り替えてみてください。髪の毛の表示がオリジナルのものに変わったと思います。
このLODとは、シムが画面が離れるほどポリゴン数の低いものに置き換えることで負荷を減らすためのものです。
LODの数が増えるほど遠くになります。カメラをひいたときに消えてしまう髪の毛や服のCCがたまにあるのですが、それらはこの部分が設定されていないためです。
つまり、上のポリゴン数の削減を残り3パターン分用意してインポートしてください。
LOD3はほとんど見えないぐらいなのでかろうじてなんらかの形がある程度で十分です。
⑦一通りインポートが終わったら、それではゲーム中でちょっと確認してみます。
はい駄目ヅラ祭り。あらぬ方向にわっしょいです。
実はウェイトなどを設定しないと、このように自由に憧れて飛び回る毛玉暴れ旅になってしまいます。
⑧ウェイトの設定は今回「S4 CAS Tools」でやってみます。
自動でやってくれるので便利です。
・「Clone Package Editor」タブを選択
・「Select」で髪の毛のpackageファイルを選択
・「Mesh Fixing Tools」タブを開く（メッシュ修正ツール）
・「Auto Assign Bone Weights」を押す（自動ボーン・ウェイト割り当て）
・「Commit Change」を押す
・「Save Package」を押す
⑨今度こそどうでしょう。ゲーム中で確認してみます。
見事に鎮座しています！
テクスチャ編
ほぼほぼ完成ですが、最後の仕上げにテクスチャを完成させましょう。
まず、UVマップを書き出します。
①Blenderに戻ります。現在Packageに含まれているメッシュがウェイト編集もした最新のものなので、念の為エクスポートし直してそれをベースに進めます。
「編集モード」で、Aキーで全選択をしてください。
左のテクスチャ編集画面下の「UVメニュー」から「UV配置をエクスポート」で名前をつけて保存します。
これを参考にすればテクスチャの配置ができます。
②VRoid Studioの「髪型編集」タブの「テクスチャ」の「デフォルト画像」を右クリックし「エクスポート」で保存します。
③UV配置画像とテクスチャ画像を、画像編集ソフトで開きます。
ここでは、CLIP STUDIO PAINTを使います。
左上のUV配置に重なるようにテクスチャを配置します。右のヘアピンの部分にもレイヤーを重ねて好きな色に塗っておきます。
④配置が終わったらUV配置を非表示にします。
⑤テクスチャには色がないので、レイヤーを重ねて「乗算」などで色をつけます。
基本的に上から下に毛束にそったUV配置になっているようです。
好みに編集してみましょう。
レイヤーを重ねて「スクリーン」のレイヤースタイルで、テクスチャにハイライトを入れてみました。
⑥出来上がったら保存して、Sims4Studioの「テクスチャ」タブでインポートします。
以下は詳細は省きますが、こういう内容の項目です
Shadow…顔に落ちる影です。髪型とあっていないようなら「Make Blank」で削除しましょう。
Specular…髪の照り返しです
Normal…反射の方向？
Emission…発光
⑦ゲーム内で確認してみましょう。問題なければひとまず完成です（帽子用の髪型が未設定ですが）。
ノーマルマップ（法線マップ）を作る
正直オリジナルに入ってるもののままでも別に違和感はないのですが、せっかくなので「ノーマルマップ」の作り方も書いておきます。
特に見た目気にならないようなら飛ばしてください。
以前作ったことがあるのですが、すぐに忘れてしまうので、自分用の覚え書きの意味でも。
この方法は、MisterS様のこちらのチュートリアルを参考にさせていただきました。
①GIMPを使って作ります。ダウンロードしてインストールしてください。
「Bittorrent」と「Directry」と2つのダウンロード方法がありますが、特に理由がなければ「Directry」（直接）を選んでください。
②テクスチャをGIMPで開きます。
あとからでもいいのですが、とりあえず先に縦横比を変更します。
「画像→キャンバスサイズの変更」で、縦横比のリンクを切って、キャンバスサイズの「高さ」を「1024」にします。
③「フィルタ→汎用→法線マップ」を実行します。
④「色→色要素→チャンネル分解」で「RGBA」を選びます。
⑤右下に赤青緑アルファのチャンネルが表示されているはずです。
ここの手順が文字で読むと少しややこしいので注意して覚えてください。
1.「赤チャンネル」をクリックし、全選択（Ctrl+A）し、コピー（Ctrl+C）
2.「アルファ」をクリックし、貼り付け（Ctrl+VしてCtrl+H）
3.「緑チャンネル」をコピーして（Ctrl+AしてCtrl+C）、「赤」「青」にそれぞれ貼り付け（Ctrl+VしてCtrl+H）
成功すると、チャンネルがすべてこのようにグレーになっているはずです。
⑥「色→色要素→チャンネル合成」で「RGBA」を選んで合成します。
このようにグレーの半透明の画像になっていれば完成です。
⑦保存しましょう。「ファイル→エクスポート」で、下のほうにある「ファイル形式の選択」を押して、「dds image」を選んで「エクスポート」を押します。
画像の枠線で囲んである部分の通りにして保存します。
⑧あとは髪の毛をSims4Studioで開き、「Normal」のところを選択してインポートをします。
オリジナルに入っていたシムズのノーマルマップと今回新たに作ったノーマルマップに入れ替えたものを比較してみました。
…正直全然違いがわかりません。
帽子用の髪型を作る
髪が帽子からはみ出してもかまわないというのであれば、以下の方法が可能です。
帽子用の髪型を作る際にも必要な手順なのでやっておきましょう。
イメージとしては「1番、2番の箱の中身を空にして、3番の中身をコピーしたものを入れる」という感じです。
①「s4studio_mesh_3」を選択し、
②中央のモデルが表示されている画面にカーソルを移動して
③「Ctrl+C」でコピーし
④「Ctrl+V」を2回して「s4studio_mesh_3」の2つのコピーを作ります
⑤「s4studio_mesh_1」「s4studio_mesh_2」の中身を、編集モードでDeleteキーで空っぽにして、オブジェクトモードで「s4studio_mesh_3」をコピーしたものをそれぞれ統合します
＊
より完成度を上げるために、帽子用のメッシュを作る場合は以下のとおりです。
内容を大まかに言うと、「帽子かぶせて、髪切って、形整える」です。
①まず上記の手順で「s4studio_mesh_1～2」の中身を空にして、「s4studio_mesh_3」をコピーしたものと統合しておいてください。
→ 
②コピーした際に出来た、画像の囲んであるものは不要なので、それぞれ右クリックして削除します。
③帽子用メッシュにはいずれの場合も2種類があります。
まっすぐ被っているものと斜めに被っているものです。
今回の場合は、
・「s4studio_mesh_1」＝まっすぐ
・「s4studio_mesh_2」＝斜め
になります。
ただし、ベースにする髪型によってこの番号通りとは限らないので、ベースにした元の髪型のメッシュをエクスポートして、それぞれ非表示/表示切り替えで確認しておいてください。
④それではまず「まっすぐ」のほうから作っていきましょう。
髪のカット位置のアタリにするため、帽子のメッシュをエクスポートしましょう。
Sims4Studioの「CASスタンドアロン」で、「帽子」でカテゴリを絞ります。
今回はこの帽子を使ってみます。
特にこれでなければならない理由はないので、まっすぐ被っている帽子ならなんでもかまいません。
ただ、ツバがなくできるだけ頭に密着しているものであれば、髪の毛のはみ出しなどがチェックしやすいです。
⑤帽子のメッシュをBlenderで開き、「s4studio_mesh_1」をクリックして選択状態にして、中央画面にカーソルを持っていって「Ctrl+C」でメッシュをコピーします。
⑥髪型のほうに戻り、「Ctrl+V」でメッシュを貼り付けます。
そして「s4studio_mesh_2～3」を非表示にしておきます。
⑦それではいよいよ髪をカットしていきましょう。
まずできるだけ平行に真横の視点にしてください。Shiftキーを押しながらマウススクロールを回転させると上下に視点移動ができます。
⑧「s4studio_mesh_1」を編集モードにして、全選択状態にします。
⑨下の「メッシュ」メニューから「二等分」を選びます。
⑩帽子の境界線にできるだけ沿ってマウスクリック＆ドラッグで線を引きます。
※失敗したら「Ctrl+Z」で手順を戻してください。
※一回できれいにぴったり切れるということはなく、どのみち微調整はするので、よほどズレてなければ大丈夫です。
⑪中央メニューの一番下に「二等分」ツールの設定が出ています。
「フィル」と「外側」にチェックを入れて帽子ツールを非表示にしてみてください。
上側の髪が消えているはずです。
⑫帽子をもう一度表示し、カメラを反対側にも向けてきちんと切れているか確認します。
大幅にはみ出しているようであれば、もう一度二分割ツールで切断してください。
※貫通して反対側も切断するので、後頭部側からは切断しないようにしましょう。後ろに合わせると前髪を巻き添えにします。
⑬さてそれでは微調整をしていきましょう。
今回はこのように隙間が空いてしまいました。これを修正していきます。
また、隙間は空いてなくても、できるだけ帽子の境界から髪型がはみ出しているように形を整えると、どんな帽子でも違和感はなくなるはずです。
⑭下のメニューで「スカルプトモード」に切り替えます。
⑮ブラシの種類で「F Grab」を使って修正していきます。
使ってみるとわかると思いますが、直感的にクリックで掴んで押し込むという動作ができます。
⑯「半径」のところでブラシサイズを調整したりしながらどんどん帽子の下に押し込んでいきます。
自分なりの方法としては、大きめの半径で、横の視点からまず髪の毛を上方向に上げて隙間をなくします。
そして正面や斜めの角度から適宜帽子の内側に押し込んでいきます。
⑰前後左右見渡しておかしいところがなくなれば完成です。
終わったら帽子のメッシュなど不要ファイルを右クリックで削除しておきます。
⑱次は斜めカットの帽子用のメッシュですが、作業自体はすべて同じなので省略します。
斜めカットの帽子メッシュを重ねてカットして調整してみてください。
⑲完成したら、Sims4Studioでメッシュをインポートします。
保存してゲーム中で確認してみましょう。
ここでは結構雑に作ってしまっていますが、一応はうまく反映されました。
おまけ：髪のカラースライダー
thepancake1様とMizoreYukii様によるこちらのカラースライダーMODを使うことで、髪の色を変化させることができるようになります。
※自作のものをカラースライダー対応にさせるだけなら、ページの最下部に添付されている「thepancake1-ColorSlidersUI-(バージョン名).package」だけでかまいません。
ただ、髪型ファイルのほうでも少し準備が必要なので、その方法を解説します。
①Sims4Studioで髪型のファイルを開きます。
そして、「ツール→Modding→Convert RLE2 to LRLE」を選択します。
②そして「Warehouse」タブに切り替えて、LRLEタイプをすべて選択し、「一括エクスポート」を押します。
どこかわかりやすいフォルダなどにエクスポートしてください。
この時に絶対に保存せずに一回Sims4Studioを閉じてください。
③そしてもう一度Sims4Studioで先程の髪型ファイルを開きます。
「インポート」で先程エクスポートしたものをインポートします。
このように「RLE2」と「LRLE」の両方があれば正しい状態です。
保存してください。
④ゲームの中で確認してみましょう。髪型の下にこのようにカラースライダーが出るようになります。
⑤このようにスライダーで色を変えられるようになりました。
スポンサーサイト
![maru](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="300" height="297"><rect fill-opacity="0"/></svg>)