3Dモデラーいちねんめのロングヘア制作記録【アバターメイカー】

本稿は VR法人HIKKY Advent Calendar 2024 の 23日目の記事です。

https://qiita.com/advent-calendar/2024/hikky

昨日の記事は @tuchinikoman さんの「ゲームやCGのための数学 2024」という記事でした。
先輩の@szgk さんの記事も公開されているのでこちらも合わせてお楽しみください！

https://qiita.com/szgk/private/0603c604ea3a27c6b208


## はじめに

<img width="100" src="https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-image-store%2F0%2F3956470%2Ffc3e677f61a4c53311d0d85e105ee56e876f6980%2Flarge.png%3F1734692232?ixlib=rb-4.0.0&auto=compress%2Cformat&lossless=0&w=128&s=5ec5ca520b7adcadd6aea32c65bc7663">

はじめまして。omachanと申します。


私はHIKKYのアバターチームにキャラクター3DCGデザイナーとして就業しています。
主に、ブラウザ上で3Dアバターが作れる「AvatarMaker（アバターメイカー）」というサービスのモデル制作を行っています。

HIKKYのアドベントカレンダー企画が絶賛開催中とのことで
せっかくなので、実際に「AvatarMaker」で過去実装されたアセットの中から、私が担当したロングヘアアセットの制作過程を紹介していきます。

タイトルにもありますが、モデラーとして就業して一年目に担当した仕事になるので
同じ境遇の方や、この業種を志している方の何かの参考になればいいなと思っています。

ぜひ最後までお付き合いいただければ嬉しいです！


![ogp.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3956470/39abdc2e-4871-9626-97aa-cdb11f9228a5.jpeg)
<dl> 
 <dt>アバターメイカーとは？</dt>
  <dd>ブラウザ上でオリジナルのアバターを作成できるサービスです。
  <dd>難しい機能は使わずに、クリック操作で簡単にVRM形式のモデルをカスタムできます。
  
 遊ぶなら [コチラ](https://avatarmaker.vket.com/edit/ "Avatar Maker")をクリック！</dd>



# ①デザインの作成

#### ・案出し

ロングヘアの髪型として提案できそうなデザインをざざっと数種類起こします。
ベースとなる素体のスクショの上に直描きして描いていきます。
私はKPOPが好きなので、韓国風の髪型をよく参考にしていますよ。

![longhair.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3956470/a7673cf6-453f-2aa5-00ac-cf4dd6cb9f58.png)

ラフのアイデアの中から汎用性が高そうなデザインをチーム内で検討し、再度イメージを固めていきます。
今回は左上のゆるっとしたロングヘアを作ることに決まりました。

#### ・デザインの清書

方向性が決まったのでデザインの清書に移ります。
流行のソシャゲのキャラクターデザインや、人気のVRChatアセットなどのトレンドをリサーチして、「着せたいな、かわいいな」と思えるようなデザインを目指して進めています。
既存のヘアアセットに並ぶクオリティを出せるよう、比較画像も並べています。

![longhairFB.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3956470/62e86ff9-1e79-3c37-4971-9fb709d565fa.png)

OKが出たのでモデリングに進みます。



## ②モデリング
#### ・モデリング

![longhair1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3956470/26300247-f5d1-58a0-6986-3bb3c0353b73.png)

前髪と後ろ髪の位置が決まっているので、ラフモデリングの段階では境目が分かりやすいようにオブジェクトを色分けしています。
使えるポリゴン数が限られているため、シルエットを見ながらどこに多くポリゴンを割るかを考えながら進めます。


#### ・モデリングの仕上げ

モデルが仕上がってきたらチーム内で細かい部分のFBを受けて仕上げていきます。
FBによる実際のビフォーアフターを一部紹介します。

頭頂部、前髪、サイドに遊び毛を加えて髪のボリュームアップ
![longhair3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3956470/c80d15f7-d3c1-a1f1-d55f-283a82ba964b.png)

後ろ髪が浮きすぎているのを修正
![longhair6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3956470/e84ce434-1194-792a-6cd4-4afe1da78584.png)

後ろ髪の中央隙間が目立ちすぎないように遊び毛を追加
![longhair5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3956470/f87ab83f-8ed0-d620-e6a5-500ba5ea7df9.png)

FBをたくさん受けるのは勇気がいりますが、一人で作業していると視野が狭くなりがちなので積極的にチームに意見を聞きに行くよう心がけています。
実際にどんどんかわいくなっていますね！


#### ・Unityでチェック

ヘアアセットは、すべての顔に対応できるよう作らなければなりません。
そのため実際にAvatarMakerのゲーム画面に出してみて、本番環境で使えるモデルになっているかをまめに確認することが大切です。
後に紹介することになりましたが、この工程はラフモデルから行っています。

![longhair2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3956470/90399a3e-d707-b6a9-ab16-0aad0ece44fc.png)
一例ですが、このように貫通が起きていたり、生え際が浮いていたりすることがあるので、見つけ次第修正を行います。
また、マテリアルを入れて影、リムライト、アウトラインの仕上がりも確認します。

![longhair7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3956470/cded2a19-c44c-876d-1642-f4d189480647.png)
FBを重ね、モデルが完成しました！

UV展開～スキニングは目立った作業がないので省きます。
ラフモデルの段階でスキニングをやっておくとほぼ転写するだけで便利です。


## ③テクスチャ、ルックの仕上げ

SubstancePainterを使用して髪の色を塗っていきます。

ここでもまめにUnityに取り込み、仕上がりを確認しながら進めます。
![longhair9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3956470/93e06c92-477f-c9f8-5bc3-6ead40abf585.png)

あとはマテリアルのリムライトを調整したり、諸々微調整して…

## ④完成！！！
![longhair8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3956470/d636ae3b-4567-ddcf-84ad-937fd2b1e1b5.png)

無事かわいい髪形に仕上がりました！

## ⑤おわりに

今回、HIKKYのアバターメイカーの裏側を少しだけお伝えさせていただきました。

このロングヘアは、私が入社して初めて2Dデザインから兼任させていただいたアセットで
チームメンバーに助けてもらいながらたくさんの学びを得ることができ、とても思い入れ深いお仕事となりました。
ぜひ実際に遊んで楽しんでいただけると嬉しいです。

より一層素敵なモデルをお届けできるようにこれからも取り組んでいきます。
お読みいただきありがとうございました！

omachan