VRCのアバターを自分好みの色にしたいと思っても、クリスタでどの画像を開き、どのレイヤーを触り、Unityでどこへ反映すればよいのかで止まりやすいです。
特にPSD付きのアバターは編集できる自由度が高い一方で、元データを直接上書きすると後から戻せなくなる不安があります。
色改変は難しい3Dモデリング作業に見えますが、実際にはテクスチャの色を整えて、書き出した画像をUnityのマテリアルに差し替える流れを理解すれば進めやすくなります。
ここでは、クリスタを使ったVRChatアバターの色改変を、初心者でも作業順を追いやすい形で整理します。
VRCの色改変をクリスタで進める手順7つ
最初に全体の流れをつかむと、どこでクリスタを使い、どこからUnity作業になるのかが見えやすくなります。
色改変は感覚だけで塗る作業ではなく、元データ保護、編集範囲の確認、非破壊編集、書き出し、Unity反映の順番で進めると失敗を減らせます。
元データを複製する
最初に必ずアバターのプロジェクトやテクスチャフォルダを複製し、元のPSDやPNGを触らない状態を作ります。
VRChatアバターの色改変では、テクスチャを1枚間違えて上書きしただけでも、服、髪、肌、瞳などの見た目がまとめて崩れることがあります。
複製フォルダには日付や色名を入れておくと、黒髪版、白髪版、青系衣装版のように複数パターンを管理しやすくなります。
Unity側でも元マテリアルを複製してから編集すれば、色改変後に見た目が破綻しても元の状態へ戻しやすくなります。
色を変える前のバックアップ作業は地味ですが、初心者ほど時間を大きく節約できる準備になります。
PSDを開く
アバター販売データにPSDが付属している場合は、まずクリスタでPSDを開き、どのレイヤーがどの部位に対応しているかを確認します。
PSDには髪、肌、服、影、ハイライト、模様、差分などが分かれていることがあり、適当に結合すると細かい陰影や質感が失われます。
レイヤー名が英語や略称になっている場合でも、表示と非表示を切り替えながら確認すると、編集すべき場所を見つけやすくなります。
クリスタで開いた直後に別名保存しておけば、PSDを編集用の作業ファイルとして残しながら、書き出し用のPNGを別で作れます。
PSDがない場合はPNGを直接編集できますが、影と色が一体化しているため、色味を変えると質感も同時に変わりやすい点に注意が必要です。
塗る範囲を探す
色改変したい部位がどの画像のどの位置にあるかを確認し、塗る範囲を先に把握してから作業します。
VRChatアバターのテクスチャは展開図になっているため、画像上では離れて見えるパーツがUnity上では同じ服や髪として表示されることがあります。
範囲を探すときは、クリスタで該当レイヤーを一時的に派手な色にして、Unity側でどこが変わるかを確認する方法も有効です。
ただし確認用の色は最終データに残さず、確認が終わったら必ず作業レイヤーを削除するか非表示にします。
編集範囲を先に確定しておくと、後から塗り漏れや左右差に気づいて何度も書き出す手間を減らせます。
- 髪
- 服
- 肌
- 瞳
- 小物
- 影
- 発光部分
色調補正を置く
元の陰影を残して色だけ変えたい場合は、直接塗りつぶすよりも色調補正レイヤーを使う方が安全です。
色相、彩度、明度を調整すると、髪色を青系や赤系に寄せたり、服を暗めにしたり、肌の血色を少し整えたりできます。
新規色調補正レイヤーが使える環境では、後から数値を調整し直せるため、完成後にUnityで見た色が違っても戻りやすくなります。
補正の影響が広すぎる場合は、マスクやクリッピングを使って、変えたい部位だけに効果を限定します。
色調補正だけで理想の色にならないときは、上から薄い塗りレイヤーを重ねる方法と組み合わせると調整しやすくなります。
塗りレイヤーを重ねる
髪や服の色を大きく変えたい場合は、元テクスチャの上に新しいラスターレイヤーを作り、変えたい色を重ねて調整します。
合成モードを通常のまま濃く塗ると陰影が消えやすいため、乗算、オーバーレイ、ソフトライト、カラーなどを試して質感を残します。
白や黒に近い色へ変える場合は、元色の影響が強く残ることがあるため、明度調整と塗りレイヤーを分けて考えると整えやすいです。
境界をきれいにしたい場合は、選択範囲やマスクを使い、はみ出した部分を消しゴムで直接削るよりも後から直せる形にします。
一度で完成色を作ろうとせず、薄いレイヤーを複数重ねると、彩度や明るさを微調整しやすくなります。
PNGを書き出す
クリスタで色を整えたら、Unityで使うための画像としてPNGを書き出します。
PSDは編集用データとして残し、Unityへ反映する実データはPNGに分けると、編集用と反映用の役割がはっきりします。
透過が必要なパーツでは、背景レイヤーや紙レイヤーを表示したまま書き出すと白い四角が出る場合があります。
ファイル名には部位名と色名を入れておくと、Unity上でどのテクスチャを差し替えたのか判断しやすくなります。
書き出し後は画像ビューアだけで判断せず、Unity上のマテリアルに入れて最終的な見え方を確認します。
| 項目 | 作業の目安 |
|---|---|
| 編集用 | PSDやCLIPで保存 |
| 反映用 | PNGで書き出し |
| 透過 | 背景表示に注意 |
| 名前 | 部位名と色名を入れる |
| 確認 | Unity上で見る |
Unityで差し替える
PNGを書き出したら、Unityのプロジェクトへ入れて、対応するマテリアルのテクスチャ欄に差し替えます。
髪、服、肌などのマテリアルが分かれている場合は、どのマテリアルがどのメッシュに使われているかを確認してから変更します。
lilToonなどのシェーダーを使っているアバターでは、メインカラーや影色の設定によってクリスタで作った色とUnity上の色が変わって見えることがあります。
書き出した画像が正しいのに色が濃すぎる場合は、Unity側の色設定、影設定、マテリアルの複製忘れも見直します。
最後にVRChat SDKのBuild & Testなどで実際の表示に近い状態を確認し、必要ならクリスタへ戻って微調整します。
クリスタで色をきれいに変える基本
クリスタでの色改変は、単に上から塗るだけではなく、元の陰影をどれだけ残すかで仕上がりが大きく変わります。
VRChatアバターは立体物として光を受けるため、テクスチャ内の影、Unityのライト、シェーダーの影が重なって見えます。
色相補正
髪や服の印象を大きく変えたいときは、まず色相補正で全体の方向性を決めます。
赤系から青系へ変えるような大きな変更でも、色相を動かすだけなら元の影やハイライトを比較的残しやすくなります。
ただし元の色が強いテクスチャでは、色相を変えても一部の影が濁ったり、肌色に近い部分が不自然になったりします。
その場合は色相補正だけで完成させず、彩度と明度を別に調整して、色が沈みすぎないように整えます。
色相補正は全体の色を早く試せるため、最初のラフな方向決めに向いています。
合成モード
塗りレイヤーを使う場合は、合成モードによって色の乗り方が大きく変わります。
通常で塗ると元の質感が隠れやすく、乗算では暗くなりやすく、オーバーレイでは明暗差が強く出やすくなります。
カラー系の合成は色味だけを乗せたいときに便利ですが、元の明暗が強すぎると理想の色にならないこともあります。
どのモードが正解というより、元テクスチャの明るさ、影の強さ、変えたい色の濃さによって向き不向きが変わります。
複数の合成モードをコピーしたレイヤーで試すと、最終的に残す設定を選びやすくなります。
| 合成モード | 向いている用途 |
|---|---|
| 通常 | 模様や小物の追加 |
| 乗算 | 影を活かした濃色化 |
| オーバーレイ | コントラスト強化 |
| ソフトライト | 自然な色味追加 |
| カラー | 色味だけの変更 |
マスク
色改変で一番多い失敗は、変えたい範囲の外まで補正や塗りがかかってしまうことです。
マスクを使うと、レイヤー自体を壊さずに表示範囲を調整できるため、境界の修正や塗り漏れ対応がしやすくなります。
髪の毛先、服のフリル、レース、瞳のハイライトなどは境界が細かいため、消しゴムで削るよりマスクで整える方が安全です。
マスクを作る前に選択範囲を丁寧に取ると、細部のはみ出しを減らせます。
完成後に色を変えたくなった場合でも、マスクが残っていれば範囲を再利用できます。
- はみ出し防止
- 境界調整
- 塗り漏れ修正
- 差分作成
- 再編集
PSDがあるアバターで崩さない作業
PSD付きのアバターは色改変しやすい反面、レイヤー構造を理解しないまま編集すると仕上がりが崩れやすくなります。
特に影、光、模様、透過、差分が分かれているPSDでは、編集すべきレイヤーと残すべきレイヤーを分ける意識が重要です。
レイヤー名
PSDを開いたら、まずレイヤー名を確認し、どのレイヤーがベース色で、どれが影やハイライトなのかを把握します。
服のPSDでは、base、shadow、highlight、line、patternのような名前で分かれていることがあります。
ベース色だけを変えれば自然に変わる場合もありますが、影色が元の色のままだと、Unity上で古い色がにじんだように見えることがあります。
レイヤー構造が複雑な場合は、編集前にグループを複製し、複製側だけを触ると安全です。
自分で分かりやすいようにレイヤーへ日本語メモを付けてもよいですが、元のレイヤー名を消すと後で説明書と照合しにくくなります。
影
自然な色改変では、ベース色だけでなく影の色も合わせて調整する必要があります。
元がピンクの服を青に変えたのに影だけ赤紫のままだと、全体がくすんだり汚れた印象になったりします。
影レイヤーは完全に別色へ塗り替えるより、ベース色に近い暗い色へ寄せるとまとまりやすくなります。
ハイライトも元色の影響を受けるため、白く見える部分でも少しだけ色味が残っている場合があります。
髪や服の立体感を残したいときは、影を消さずに色だけを整えることが大切です。
| 部位 | 見直す要素 |
|---|---|
| 髪 | 影色と艶 |
| 服 | しわと模様 |
| 肌 | 赤みと陰影 |
| 瞳 | ハイライト |
| 小物 | 金属感 |
統合前
PNGを書き出す前に、編集用のPSDやCLIPファイルは統合せずに保存しておくのが安全です。
レイヤーを統合してしまうと、後から髪色だけを変えたい場合でも、影や模様まで一緒に編集し直す必要が出ます。
納得した色ができた時点で、編集用ファイル、書き出し用PNG、Unity反映済みマテリアルをそれぞれ分けて保存します。
複数の色差分を作るなら、色名ごとにフォルダを分けると、どのPNGがどのマテリアルに対応するか迷いにくくなります。
作業の途中で迷子にならないよう、最終版だけでなく途中版も残しておくと安心です。
- 編集用PSD
- 書き出しPNG
- 元マテリアル
- 改変マテリアル
- 完成Unityプロジェクト
Unityで反映するときの見落とし
クリスタで色がきれいに作れていても、Unity側の設定で見た目が変わることがあります。
VRChatのアバターはテクスチャ、マテリアル、シェーダー、ライトの影響を受けるため、画像だけで完成判断しないことが大切です。
テクスチャ欄
Unityで色改変を反映するには、該当するマテリアルのテクスチャ欄へ書き出したPNGを設定します。
アバターによっては、服のメッシュが複数に分かれていて、同じ服に複数のマテリアルが割り当てられていることがあります。
一部だけ色が変わらない場合は、PNGの編集ミスよりも、別マテリアルや別テクスチャを見落としている可能性があります。
髪、顔、体、服、小物のように部位ごとにマテリアルを開き、どの画像が入っているかを順番に確認します。
差し替え後にSceneビューとGameビューの両方で見れば、光の当たり方による違いにも気づきやすくなります。
マテリアル複製
元のマテリアルを直接編集すると、同じマテリアルを使っている別パーツまで一緒に色が変わることがあります。
色改変用のマテリアルを複製してからPNGを差し替えると、元の見た目を残したまま別カラーを作れます。
衣装差分や髪色差分を作る場合は、マテリアル名にも色名を入れると後で整理しやすくなります。
アニメーションやメニューで色を切り替える予定がある場合も、元マテリアルと改変マテリアルを分けておく方が扱いやすいです。
マテリアル複製は単純な作業ですが、色改変後のトラブルを大きく減らせます。
- 元色を残せる
- 差分を作りやすい
- 切り替えに使える
- 上書きを防げる
- 原因を切り分けやすい
見え方
クリスタで見た色とUnityで見た色が違う場合は、テクスチャ以外の設定も確認します。
シェーダーのメインカラー、影色、リムライト、アウトライン、発光設定が強いと、PNGの色よりもUnity側の調整が目立つことがあります。
暗い色にした服が黒く潰れる場合は、テクスチャの明度だけでなく、影設定が強すぎないかも見直します。
逆に白や淡色にした髪が光りすぎる場合は、ハイライトやマテリアル側の色が強く残っていることがあります。
最終確認では、クリスタの画像、UnityのSceneビュー、VRChat上の見え方を分けて考えると原因を探しやすくなります。
| 症状 | 確認場所 |
|---|---|
| 暗く見える | 影色 |
| 薄く見える | メインカラー |
| 光りすぎる | 発光設定 |
| 一部だけ違う | 別マテリアル |
| 反映されない | テクスチャ指定 |
失敗しやすい色改変の直し方
色改変で起きる失敗は、原因を分けて見ると直しやすくなります。
クリスタ側の色作り、PNGの書き出し、Unityのマテリアル設定を順番に見直せば、どこで崩れたのかを判断しやすくなります。
色がくすむ
色がくすむ原因は、元の色と新しい色が混ざりすぎていることが多いです。
赤系の服を青系に変えるとき、元の赤い影が残ると紫や灰色に近い濁りが出る場合があります。
この場合は色相補正だけで押し切らず、明度を整えたうえで、影色も新しい色に合わせて調整します。
彩度を上げすぎると派手にはなりますが、VRChat上では不自然に浮くことがあります。
くすみを直すときは、鮮やかさを足すより先に、古い色の影響がどこに残っているかを見るのが近道です。
境界が汚い
境界が汚く見える場合は、塗り範囲のはみ出し、選択範囲の粗さ、透過部分の処理が原因になりやすいです。
髪の毛先や服の細い装飾は、元テクスチャの境界が細かいため、太いブラシで塗るとすぐに違和感が出ます。
マスクを使って表示範囲を調整すれば、塗りレイヤー自体を壊さずに境界を整えられます。
透明部分の周囲に白や黒の縁が出る場合は、背景を表示したまま書き出していないかも確認します。
境界の修正は拡大表示で行い、最後に等倍表示へ戻して自然に見えるかを確認します。
| 問題 | 直し方 |
|---|---|
| はみ出し | マスクで隠す |
| 塗り漏れ | 範囲を追加 |
| 白い縁 | 背景を非表示 |
| 線が荒い | 選択範囲を調整 |
| 左右差 | UV位置を確認 |
反映されない
PNGを書き出したのにUnityで色が変わらない場合は、まず正しいマテリアルへ入れているかを確認します。
同じような名前のテクスチャやマテリアルが複数あると、別の場所を差し替えているのに気づきにくくなります。
UnityのProject内に古いPNGと新しいPNGが両方ある場合は、名前が似すぎていないかも見直します。
変更したはずの部分だけが変わらないなら、その部位が別のマテリアルや別のテクスチャを参照している可能性があります。
最終的には、画像、マテリアル、メッシュの対応を一つずつ確認するのが確実です。
- PNG名を確認
- 保存先を確認
- マテリアルを確認
- メッシュを確認
- Unityを再読み込み
VRCの色改変は元データを守るとやり直しやすい
クリスタでVRChatアバターの色改変を行うときは、最初に元データを複製し、PSDやマテリアルを直接上書きしない形で進めることが大切です。
色を変える作業そのものは、色調補正、塗りレイヤー、合成モード、マスクを組み合わせれば初心者でも取り組みやすくなります。
PSDがある場合はレイヤー構造を崩さず、ベース色、影、ハイライト、模様を分けて調整すると自然な仕上がりになります。
PNGを書き出した後はUnityのマテリアルへ反映し、シェーダー設定や影色の影響まで含めて見た目を確認します。
色がくすむ、境界が汚い、反映されないといった問題は、クリスタ側、書き出し側、Unity側に分けて確認すると原因を見つけやすくなります。
利用規約で許可されている範囲を守りながら、編集用データと反映用データを分けて管理すれば、自分好みのアバターカラーを安全に作りやすくなります。