liltoonの導入後にやるべきマテリアル設定、透明表現、影・リムライト・アウトラインの調整。
Unityでliltoonを使うと、VRChatアバターの見た目を「トゥーンらしく」調整できます。
この記事では、Unity liltoonの基本設定と、最低限チェックしておきたい項目をまとめます。
liltoonを使ったマテリアルを、VRChatで破綻なく表示できる状態にする
Unityの推奨バージョンはVRChat側で変わるため、VCCが提示する推奨バージョンを使ってください。
見栄えが変わる。シェイダー設定。
一体何を気を付けてどうしたらいいのか?
まずliltoonに変更するためには? FBX import後MaterialsでExtract Materialsでマテリアルを出力します。
次のようにマテリアルが出力され、すべて選択しlilToonを選択します。
| 項目 | 目的の概要 |
|---|---|
| メインカラー | ベース色の設定 |
| 影 | 影の濃さと範囲を決める |
| リムシェード | 輪郭の影で立体感を出す |
| 発光テクスチャー | 暗所での発色を保つ |
| 逆光ライト | 背面の光を薄く足す |
| リムライト | 輪郭に回り込み光を付ける |
| 輪郭線設定 | アウトラインで強調する |
上記7つの項目を調整していきます。 また、服や肌の色は違うので、別途カラー調整が必要になります。
メインカラーは(アルベルト、ベースカラー,ベースカラー)画像を設定します。 名前の通り一番基準となる色です。
| パラメータ | 推奨値の目安 | 効果・狙い |
|---|---|---|
| Main Color | ベースカラー画像を設定 | 全体の基準色になる |
影の設定をします。影のカラータイプは影色1,2の2つを使用します。
| パラメータ | 推奨値の目安 | 効果・狙い |
|---|---|---|
| 影色1 | 範囲: 広め / ぼかし: 小さめ | 大まかな影。アニメ調の段階的な影にする |
| 影色2 | 範囲: 小さめ / ぼかし: 大きめ | 濃い影。影色1より暗くする |
| 影マスク | 顔は必ず作る | 目と口の中を黒くマスク |
パラメータ毎1,2の影どっちを大きくすればいいのか? 範囲: 1>2 ぼかし:1<2
影のマスクは顔のに関しては必ず作りましょう。 マスク部分は目、口の中を黒くマスク掛けます。
口の中は濃いグレーマスクでもいいかも
輪郭付近の影を制御する設定。光の回り込みによる影の出方を調整し、平面のキャラクターがより立体的になります。
| パラメータ | 推奨値の目安 | 効果・狙い |
|---|---|---|
| 色 | ベースカラーより少し濃い色 | 輪郭に薄い影を足す |
| 範囲 | 0.5 | 影の広がりを調整 |
| ぼかし | 0.5 | 影の境界を柔らかくする |
ぼかしを利用して立体を出します。ぼかしが少なすぎると不自然な影になります。
特定部位を光らせるテクスチャ。目や模様を暗所で発光させ、視認性の向上や幻想的な演出を可能にする効果があります
色はメインカラーと同じものを使用し、光らせたいも部分を白く塗りつぶします。
| パラメータ | 推奨値の目安 | 効果・狙い |
|---|---|---|
| 不透明度 | 0.8 | 0で光らない、1で強く光る |
| メインカラーの強度 | 0.5 | 0は白発光、1はメイン色に寄る |
| 発光マスク | 光らせたい部分を白 | 目や宝石などワンポイント用 |
発光させる部分は目のハイライト、宝石等ワンポイントアクセサリー
背後からの光を擬似的に表現する設定。シルエットを光で強調し、背景からキャラクターを浮き立たせて存在感を高める効果です
目、口とかは光って欲しくない。まつ毛のような薄い部分は少しだけ光らせる。 肌色は光らせます。 不透明度は0.3程度 ぼかしも多少入れる0.1以下
| パラメータ | 推奨値の目安 | 効果・狙い |
|---|---|---|
| 不透明度 | 0.235 | 背面の光を薄く追加 |
| 範囲 | 0.65 | 光の広がりを調整 |
| ぼかし | 0.05 | ふんわり感を少し足す |
物の縁を明るく光らせる設定。逆光のような演出で輪郭を際立たせ、キャラクターを印象的かつ立体的に見せる効果があります
マスク必要。
| パラメータ | 推奨値の目安 | 効果・狙い |
|---|---|---|
| 色 | 目立たない色(グレー寄り) | 派手になりすぎない |
| ぼかし | 小さく | 輪郭だけをうっすら光らせる |
| マスク | 必須 | 光る範囲を制御する |
色は黒に近い色 太さはふと過ぎない 0.08程度が良い。 マスクで目や顔の正面を黒でマスク、まつ毛、指先、髪の毛の先はグレーでマスクする。
| パラメータ | 推奨値の目安 | 効果・狙い |
|---|---|---|
| 色 | 黒に近い色 | 形を締める |
| 太さ | 0.08 | 太すぎると崩れる |
| マスク | 必須 | 線が不要な場所を除外 |
透明設定が必要な場合はliltoonの Rendering Mode で切り替えます。
OpaqueCutoutTransparent表情関連で半透明が必要な場合は描写モードを半透明に設定する。
Main Color と Main Texture を設定Shade Color を確認(影の色が暗すぎないか)Normal Map を使う場合は割り当てる髪や薄いパーツ・板ポリの場合で裏面で消える場合は Culling を調整します。
Culling OffBack のまま
Unityでliltoonを使うときは、まずマテリアルをliltoonに変更し、メインカラー・影・輪郭線を最優先で整えると安定します。
リムシェード・発光・逆光ライトで立体感と印象を追加しすることができます。
それにしてもマスクテクスチャーかなり重要です。作成推奨します。