Main Logo
hero-background.jpg

UnityでVRChat用liltoonについて設定するべき項目

Unityでliltoonを使い、VRChatアバターの見た目を整えるための基本設定とチェックポイントを初心者向けにまとめます。

liltoonの導入後にやるべきマテリアル設定、透明表現、影・リムライト・アウトラインの調整。


UnityでVRChat用liltoonについて設定するべき項目

Unityでliltoonを使うと、VRChatアバターの見た目を「トゥーンらしく」調整できます。
この記事では、Unity liltoonの基本設定と、最低限チェックしておきたい項目をまとめます。

この記事の目標

liltoonを使ったマテリアルを、VRChatで破綻なく表示できる状態にする

前提条件

  • UnityでVRChatアバターが表示できる
  • liltoonがプロジェクトに導入済み
  • マテリアルとテクスチャーが揃っている
  • Unityを触ったことある。
Note

Unityの推奨バージョンはVRChat側で変わるため、VCCが提示する推奨バージョンを使ってください。

Unityでliltoonを設定する手順

見栄えが変わる。シェイダー設定。
一体何を気を付けてどうしたらいいのか?

1. シェーダーをliltoonに変更

まずliltoonに変更するためには? FBX import後MaterialsでExtract Materialsでマテリアルを出力します。

unity-liltoon-extract

次のようにマテリアルが出力され、すべて選択しlilToonを選択します。

unity-liltoon-extract-materials unity-liltoon-select

lilToonで調整する項目

項目目的の概要
メインカラーベース色の設定
影の濃さと範囲を決める
リムシェード輪郭の影で立体感を出す
発光テクスチャー暗所での発色を保つ
逆光ライト背面の光を薄く足す
リムライト輪郭に回り込み光を付ける
輪郭線設定アウトラインで強調する

上記7つの項目を調整していきます。 また、服や肌の色は違うので、別途カラー調整が必要になります。

1.メインカラー

メインカラーは(アルベルト、ベースカラー,ベースカラー)画像を設定します。 名前の通り一番基準となる色です。

unity-liltoon-basecolor
パラメータ推奨値の目安効果・狙い
Main Colorベースカラー画像を設定全体の基準色になる

2.影

影の設定をします。影のカラータイプは影色1,2の2つを使用します。

unity-liltoon-shadow
パラメータ推奨値の目安効果・狙い
影色1範囲: 広め / ぼかし: 小さめ大まかな影。アニメ調の段階的な影にする
影色2範囲: 小さめ / ぼかし: 大きめ濃い影。影色1より暗くする
影マスク顔は必ず作る目と口の中を黒くマスク
影1と2のパラメータ設定

パラメータ毎1,2の影どっちを大きくすればいいのか? 範囲: 1>2 ぼかし:1<2

影のマスクは顔のに関しては必ず作りましょう。 マスク部分は目、口の中を黒くマスク掛けます。

口の中

口の中は濃いグレーマスクでもいいかも

unity-liltoon-shadow-on unity-liltoon-shadow-off

3.リムシェイド

輪郭付近の影を制御する設定。光の回り込みによる影の出方を調整し、平面のキャラクターがより立体的になります。

unity-liltoon-rimshade
パラメータ推奨値の目安効果・狙い
ベースカラーより少し濃い色輪郭に薄い影を足す
範囲0.5影の広がりを調整
ぼかし0.5影の境界を柔らかくする
パラメータ

ぼかしを利用して立体を出します。ぼかしが少なすぎると不自然な影になります。

unity-liltoon-rimshade-on unity-liltoon-rimshade-off

4.発光テクスチャー

特定部位を光らせるテクスチャ。目や模様を暗所で発光させ、視認性の向上や幻想的な演出を可能にする効果があります

色はメインカラーと同じものを使用し、光らせたいも部分を白く塗りつぶします。

unity-liltoon-emission
パラメータ推奨値の目安効果・狙い
不透明度0.80で光らない、1で強く光る
メインカラーの強度0.50は白発光、1はメイン色に寄る
発光マスク光らせたい部分を白目や宝石などワンポイント用
Note

発光させる部分は目のハイライト、宝石等ワンポイントアクセサリー

unity-liltoon-emission-on unity-liltoon-emission-off

5.逆光ライト

背後からの光を擬似的に表現する設定。シルエットを光で強調し、背景からキャラクターを浮き立たせて存在感を高める効果です

目、口とかは光って欲しくない。まつ毛のような薄い部分は少しだけ光らせる。 肌色は光らせます。 不透明度は0.3程度 ぼかしも多少入れる0.1以下

unity-liltoon-backlight
パラメータ推奨値の目安効果・狙い
不透明度0.235背面の光を薄く追加
範囲0.65光の広がりを調整
ぼかし0.05ふんわり感を少し足す
unity-liltoon-backlight unity-liltoon-backlight

6.リムライト

物の縁を明るく光らせる設定。逆光のような演出で輪郭を際立たせ、キャラクターを印象的かつ立体的に見せる効果があります

マスク必要。

unity-liltoon-rimlight
パラメータ推奨値の目安効果・狙い
目立たない色(グレー寄り)派手になりすぎない
ぼかし小さく輪郭だけをうっすら光らせる
マスク必須光る範囲を制御する
unity-liltoon-rimlight-on unity-liltoon-rimlight-off

7.輪郭線

色は黒に近い色 太さはふと過ぎない 0.08程度が良い。 マスクで目や顔の正面を黒でマスク、まつ毛、指先、髪の毛の先はグレーでマスクする。

unity-liltoon-outline
パラメータ推奨値の目安効果・狙い
黒に近い色形を締める
太さ0.08太すぎると崩れる
マスク必須線が不要な場所を除外
unity-liltoon-outline-on unity-liltoon-outline-off

半透明・透明

透明設定が必要な場合はliltoonの Rendering Mode で切り替えます。

  1. 透明が不要なら Opaque
  2. くり抜きなら Cutout
  3. 半透明なら Transparent

表情関連で半透明が必要な場合は描写モードを半透明に設定する。

unity-liltoon-alpha

2. 基本テクスチャーを設定

  1. Main ColorMain Texture を設定
  2. Shade Color を確認(影の色が暗すぎないか)
  3. Normal Map を使う場合は割り当てる

4. 両面表示の設定

髪や薄いパーツ・板ポリの場合で裏面で消える場合は Culling を調整します。

  1. 裏面も見せたいパーツは Culling Off
  2. 通常のパーツは Back のまま
unity-liltoon-Culling-off

まとめ

Unityでliltoonを使うときは、まずマテリアルをliltoonに変更し、メインカラー・影・輪郭線を最優先で整えると安定します。
リムシェード・発光・逆光ライトで立体感と印象を追加しすることができます。 それにしてもマスクテクスチャーかなり重要です。作成推奨します。

関連記事

コメントを読み込み中...