はじめに
今回はVRoidで髪の毛を作る方法を紹介します。
VRoidの基本操作ができることを前提に進めます。
基本操作はこちらをご覧ください。
髪の基本操作と下準備
髪セットより任意の素材を読み込み。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-01-19.jpg)
右側の所で色を変えれます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-02-18.jpg)
前髪を選択。
すると現在、セットに使われてる素材が表示分かります。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-03-16.jpg)
前髪を選択した状態だと、右側に「髪型を編集」が表示されます。
こちらをクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-04-16.jpg)
中身の確認。
グループで髪の毛のまとまりを選択。
グループの中にあるヘアーが毛1本を選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-1-8.gif)
不要なグループとヘアーは右クリック。
削除で消せます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-05-16.jpg)
これから髪の毛制作を行うため、全ての毛を消します。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-06-16.jpg)
後ろ髪を同様に、グループを削除して毛を無くします。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-07-19.jpg)
髪の基本操作と下準備が完了です。
髪の毛の作り方
髪の毛の作り方は二通りあります。
・プロシージャル(複数の毛をまとめて作る)
・手描き(1本1本作る)
プロシージャルで全体を作る → 手書きで細部を作るのが理想的な進め方です。
プロシージャルヘアー
プロシージャルを使うとまとめて複数の毛を同時に生成できます。
「プロシージャルヘアーを作る」をクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-08-13.jpg)
すると、土台に乗った髪の毛が出てきます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-09-11.jpg)
![](https://signyamo.blog/wp-content/uploads/2023/02/pd0ogJ64_400x400-150x150.jpg)
プロシージャル=手続き型。
数式や処理を組み合わせて操作、生成する方法。
この髪の毛は、「プロシージャルパラメーター」で制御できます。
ここが数式や処理を組み合わせて操作、生成の部分です。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-10-12.jpg)
位置を動かすと、髪の毛を360度回せます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-6-2.gif)
画面左上の拡大、回転、縮小で土台の全体を変形できます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-11-12.jpg)
制御点を操作すると、土台の一部を動かせます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-12-11.jpg)
プロシージャルヘアーは手描きヘアに変更できます。
グループを選択 → 右クリック → 手描きヘアに変換。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-13-13.jpg)
手描きヘアにするメリット:制御点が使える。
手描きヘアにするデメリット:プロシージャルパラメーターの制御が使えない。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-8-2.gif)
以上が、プロシージャルヘアーです。
手描きヘアー
手描きヘアーを作るを選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-14-12.jpg)
先ほど制作した、プロシージャルヘアーを非表示化。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-15-12.jpg)
手描きグループを選択。
ブラシを選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-16-10.jpg)
土台の上をクリック。
ドラッグ&ドロップで髪ができます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-2-9.gif)
土台の外にマウスを動かすと、生成が止まります。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-3-6.gif)
以上が手描きヘアーの基本です。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-17-10.jpg)
パラメーターを操作します。
まず、選択に変更。
パラメーター編集は”選択”にしないと動きません。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-18-12.jpg)
ヘアーパラメーターで太さなどを変えます。
※手描きヘアーには、プロシージャルパラメーターはありません。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-19-12.jpg)
一番上のグループを選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/add-01-8.jpg)
この状態でパラメーターを操作。
するとグループ内すべてに影響が入ります。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-4-4.gif)
グループ内の「ヘアー」を選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-20-9.jpg)
この状態でパラメーターを操作。
すると1本の髪の毛だけに影響が入ります。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-5-1.gif)
ヘアーは修正ブラシを使うと形を後から整えれます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-23-8.jpg)
右クリック → スムージングを使うと制御点を減らすことができます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-9-2.gif)
以上が手描きヘアーです。
髪を調整する
プロシージャルで土台作り。
手書きで細部を重ねます。
重ねた手描きのヘアーを重ならないように、下記の方法を使い調整。
・移動やスケールで土台の形を変える。
・ガイドパラメーターのオフセットで土台を膨らませる。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-21-9.jpg)
不要な髪の毛は右クリック → 削除で消せます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-22-11.jpg)
以上が髪の毛の調整です。
長い後ろ髪を作る
後ろ髪を選択。
プロシージャルヘアーを作成。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-26-8.jpg)
ガイドパラメータの高さとオフセットを調整。
これで、長い髪の毛用の土台ができます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-7-3.gif)
もしくは、画面右上の左右対称ボタンをクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-27-7.jpg)
制御点を動かし、土台を長くします。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-28-6.jpg)
この方法は、制御点を1つ1つ動かすので不便です。
が、変わった形の土台が作れます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-29-6.jpg)
いずれかの方法で土台を作成。
この上からプロシージャルなどで髪の毛を作成。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-30-5.jpg)
プロシージャルパラメーターの「毛先アーチ」で全体の強弱を作成。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-31-5.jpg)
これで、長い後ろ髪が完成です。
横の髪、アホ毛などを追加
横の毛やアホ毛といった要素を足します。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-32-5.jpg)
現在、前と後ろ髪しかありません。
なので横の毛やアホ毛の土台を足します。
まず、画面左上の×ボタンをクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-33-6.jpg)
新規アイテムとして保存で、前髪と後髪の毛を保存。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-34-7.jpg)
髪型 → 横上 → カスタムを選択。
新規作成をクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-35-6.jpg)
これで、横髪用の土台ができました。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-36-5.jpg)
アホ毛の土台も足します。
アホ毛 → カスタム → 新規製作で土台を作成。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-37-5.jpg)
画面右上の「髪型を編集」をクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-38-6.jpg)
すると、横上とアホ毛を設定する項目が増えてます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-39-5.jpg)
先ほどと同じ手順で髪の毛を作ります。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-40-7.jpg)
横髪は、土台を大きく変形させて表現しました。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-41-5.jpg)
反対側の横髪も作ります。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-42-3.jpg)
制作した髪の毛を右クリック → 複製を選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-43-4.jpg)
位置などを調整。
これで、反対の髪の毛ができました。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-44-2.jpg)
…VRoidでは、これぐらいの操作しか出来ません。
綺麗な左右対称の髪を作りたいなら、Blenderを使います。
アホ毛も同様の手順で制作します。
土台が頭の上にある事以外、すべて同じです。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-45-3.jpg)
手描きヘアー → ブラシで描いて作りました。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-46-3.jpg)
これで、横の髪やアホ毛などの追加が完了です。
髪の毛の色を変える
髪の色は画面右上のマテリアルで変えれます。
中にある「メインカラー、ハイライトカラー」は後に紹介するテクスチャに影響を与えます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-47-3.jpg)
より細かく調整したい方は、「メインカラー、ハイライトカラー」を慎重に設定。
設定後に「テクスチャを編集」をクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-48-4.jpg)
そして、右側の画像にブラシなどで描画を入れます。
すると、模様などが入ります。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-49-3.jpg)
この、右側の画像がテクスチャです。
テクスチャ操作の詳細は、こちらをご覧ください。
ベースヘアーは髪型の一番下にあります。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-50-2.jpg)
普通の髪とベースヘアーのマテリアルが分かれてるので、こちらも色を変えます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-51-2.jpg)
これで、髪の毛の色変更が完了です。
髪の揺れ方、ボーン設定
製作した髪の素材をクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-62-1.jpg)
画面右上の「揺れ方を設定」をクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-63-1.jpg)
新規製作した髪はボーン未設定になります。
※「ボーン設定済み」になってるものは、最初に選択した髪素材の名残です。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-64-1.jpg)
設定が無いボーンを割り当てます。
ボーン未設定から、割り当てたいグループにチェック。
「ボーングループ」を自動生成をクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-65-1.jpg)
これで、自動的に髪の毛にボーンが割り当てられます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-66-1.jpg)
画面右上でボーンのパラメーターを操作できます。
基本、何もしなくて大丈夫です。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-67-1.jpg)
アホ毛などは自動で設定できません。
なので、固定点を0、ボーン数3のように個別対応します。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-68-1.jpg)
設定が終わりましたら、画面左上の×ボタン。
上書き保存を選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-69-1.jpg)
画面右上のカメラマークを選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-70-1.jpg)
風を選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-71-1.jpg)
風パラメーターを操作して動かします。
問題が無ければ、生成完了です。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-10-3.gif)
左上の×ボタンで、カメラモードを閉じてください。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-72-1.jpg)
これで、揺れ物ボーンの設定が完了です。
応用:髪の毛でアクセサリーを作る
髪の毛は、VRoid唯一のモデリング要素です。
なので、アクセサリー作りに使われます。
こちらの素材のカチューシャやイヤリングは、髪の毛でてきてます。
![](https://signyamo.blog/wp-content/uploads/cocoon-resources/blog-card-cache/a2d6f3eef6381cd40e2eaab9de1898a3.jpg)
![](https://signyamo.blog/wp-content/uploads/cocoon-resources/blog-card-cache/abcfd97a60edc0cab202a4cb6442f518.jpg)
ここでは、このカチューシャの造形する方法だけ紹介します。
(細かな色塗りは解説しません)
![](https://signyamo.blog/wp-content/uploads/2023/03/image-30-4.jpg)
イヤリングなどは、これを応用して頑張りましょう。
![](https://signyamo.blog/wp-content/uploads/2023/02/pd0ogJ64_400x400-150x150.jpg)
…というより、
ここまでやるなら、Blendedrを使う事をおすすめします。
手描きヘアーを作ります。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-52-2.jpg)
そのままだと、髪の毛の片方が切れてます。
これは断面形状のカーブで直せます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-53-2.jpg)
カーブを操作して、髪の毛を閉じます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-54-2.jpg)
形などを調整。
これでカチューシャの土台が完成です。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-55-2.jpg)
画面右上、マテリアルの+ボタンをクリック。
新規マテリアルを追加。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-56-2.jpg)
カチューシャの紙を選択。
製作したマテリアルをクリックして割り当て。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-57-3.jpg)
テクスチャを編集を選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-58-3.jpg)
ここで、模様などを頑張って描きます。
これでカチューシャが完成です。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-59-3.jpg)
この素材のカチューシャは、このテクスチャをものすごく頑張った結果のモノです。
興味がある方は、ここまで作り込んでください。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-60-2.jpg)
![](https://signyamo.blog/wp-content/uploads/2023/02/pd0ogJ64_400x400-150x150.jpg)
個人的に、ここまで作り込むならBlenderを使った方が良いと思うので…
解説ではこのぐらいに留めます。
VRoidを使うメリット
・手軽
・VRoid内で完結するなら、素材共有が楽
Blenderを使うメリット
・VRoidより細かく作り込める
・好きな形のメッシュを追加できる
・左右対称を綺麗に作れる
・VRChatやUnity向けのモデルとして販売(VRoidだと、VRoid用の商品にしかできない)
ちなみに、このマテリアルを使うと髪の毛の一部だけを色変えできます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-61-1.jpg)
以上が、髪の毛でアクセサリーを作る方法です。
まとめ
今回はVRoidで髪の毛を作る方法を紹介しました。
・プロシージャルヘアーでベースの毛を量産
・手描きヘアーで細部を作成
・マテリアルやテクスチャを調整して色変更
・髪の毛はVRoid唯一のモデリング要素
・髪の毛はVRoid界ではアクセサリー製作に使われる
また、他にもVRoidや3DCGについて解説してます。
ぜひ、こちらもご覧ください。
コメント