【VRChat】グラデーション&部分カラー Gradient Colorizer(毛先カラー・インナーカラー・すそグラデをテクスチャに)
- Digital1,500 JPY





髪の毛先だけ色を変えたい。内側の髪だけ別の色にしたい。服のすそにグラデーションを入れたい。 そんな「テクスチャの一部の色変え」を、Unity の中でボタンとスライダーだけで行うツールです。 グラデーションの向きは、テクスチャの上ではなくモデルの形(上から下など)で決まります。テクスチャの上で髪の房がバラバラの向きに並んでいても、アバターに付けると根元から毛先へ、きれいにつながります。 画像編集ソフトで「テクスチャのどこを塗ればいいか」を探す必要はありません。 【購入前に確認】 ・結果は新しい PNG(テクスチャ画像)として保存します。シェーダーで色を変えるツールではありません。元のテクスチャ・マテリアルは変えません。 ・グラデーションの向きはメッシュの形から決めるので、テクスチャと一緒に、そのテクスチャを使っているメッシュ(髪・服)がシーンに必要です。 ・作者の確認は Mac(Apple Silicon)の Unity 2022.3.22f1 と、無料配布の実アバター2体(髪・服)です。Windows では確認していません(下の動作環境をご確認ください)。 ・VRChat SDK は不要です。個別サポートはありません。下記の動作環境・よくある質問を確認してからご購入ください。 ■ できること ・毛先カラー・すそグラデ 髪の途中から毛先へ、服の途中からすそへ、だんだん色が付くグラデーション。色が変わり始める所と、いちばん強くなる所をスライダーで決められます。 ・インナーカラー テクスチャの上に「島」(つながった面のまとまり)の輪郭を表示。内側の髪の島をクリックで選んで、その部分だけ色を変えられます。 ・2〜4 色のグラデーション 色の点ごとに、色・位置・効き具合を決められます。根元側の効き具合を 0% にすれば「途中から毛先だけ」に。 ・ひな形ボタン 「毛先カラー」「すそグラデ」「インナーカラー」「2色グラデ」の 4 つ。押すだけでよく使う設定が入ります。 ・向きはモデルに合わせる 上から下・下から上・前から後ろ・後ろから前・左右から選べます。シーンのアバターの今の姿勢で測り、髪のメッシュが何個かに分かれていても、つながった 1 本のグラデーションにします。 ・陰影を残して色を変える おすすめの「色だけ変える」は、元の明るい所・暗い所の差(陰影や毛の筋)を残したまま色味を替えます。暗い髪を明るい色にもできます。ほかに「乗算」「オーバーレイ」の塗り方と、全体の効き具合も選べます。 ・範囲をしぼれる メッシュ全部/クリックで選んだ島だけ/マスク画像の白い所だけ、から選べます。マスク画像は、もこツールの「マスク画像メーカー」で作ったものも使えます。 ・保存する前に確認 「元」「当たり方」「色を付けた結果」を並べて表示。「シーンでも試しに見る」をオンにすると、マテリアルを変えずに Scene ビューのアバターに結果を一時的に表示します(保存はされません)。 ・元のテクスチャは変えない 新しい PNG(例: Hair_Gradient.png)として保存。同じ名前があるときは「Hair_Gradient 1.png」のように名前を変え、上書きしません。圧縮・最大サイズなどの読み込み設定は元のテクスチャからコピーします。 ・アバターにも付けられる 元のマテリアルを複製して付け替えます。元のマテリアルのファイルは変えず、付け替えは Ctrl+Z / Cmd+Z 1回で戻せます。 ・VRChat SDK 不要 VRChat 用以外の Unity プロジェクトでも使えます。 ■ このツールでできないこと ・筆で自由に塗ること。色を付ける場所は「向き+始まり〜終わり」「島」「マスク画像」で決めます ・島の途中で区切ること(島単位で選びます。途中で区切りたいときはマスク画像を使ってください) ・左右で同じテクスチャの場所(UV)を使っている部分に、左右別々の色を付けること(テクスチャの上で同じ所のため) ・シェーダーの機能で色を変えること(結果はテクスチャ画像です) ・揺れもの・表情などで動いた後の形に合わせること(ボタンを押したときの姿勢で測ります。ふつうは立った姿勢で使ってください) ・2番目以降の UV(UV1 など)を使うこと。ふつうのテクスチャが使う1番目の UV(UV0)だけを使います ・発光・ラメなど、色以外の効果を付けること ■ 使い方(かんたん) 1. .unitypackage を Unity の Project ウィンドウへドラッグ&ドロップ →「Import」 2. Unity 上部メニュー「Tools」→「MokoTools」→「グラデーション&部分カラー (Gradient Colorizer)」 3. 「テクスチャ」に髪のテクスチャを入れる → Hierarchy でアバターを選んで「選択中を追加」 4. 「毛先カラー」ボタン → 色を選ぶ → 始まり〜終わりを調整 5. プレビュー(または「シーンでも試しに見る」)で確認 →「新しいテクスチャとして保存」 6. アバターにも付けるときは「付け替える枠を探す」→「この内容で実行」 詳しい手順は同梱の README.md にあります。 ■ テクスチャ色合わせ(Color Matcher)と一緒に テクスチャ色合わせ(500円)は、キメラの髪の色を手本のアバターの髪色に合わせるツールです。 先に色合わせで髪全体を手本の色にしてから、このツールで毛先だけ別の色にする、という使い方ができます。 テクスチャ色合わせ https://moko-tools.booth.pm/items/8963911 ■ 動作環境 ・Unity 2022.3.22f1(VRChat 指定のバージョン)向け ・VRChat SDK は不要です ・Windows / Mac(Apple Silicon 含む)向け ・作者の確認状況: Mac(Apple Silicon)の Unity 2022.3.22f1 で、自動テスト(Unity 上と計算部分)が全部通ること、無料配布のアバター2体(フェリス・ゆめか)の髪と服で、毛先カラー・2色グラデ・インナーカラー・すそグラデをプレビュー→シーンで試し表示→保存→アバターへの付け替え→Cmd+Z で戻す、まで通して確認しています(元のテクスチャ・マテリアルが変わらないこと、UV の継ぎ目に線が出ないことも確認)。Windows の Unity と、2022.3 以外の Unity での確認はしていません。 ■ よくある質問 Q. グラデーションが横向きに付きます。 A. 「測り方」を「メッシュ自身の向きで」に変えるか、「向き」を変えてみてください。シーンのアバターが横になっている・回っているときに起きます。 Q. 「当たり方」の画像がまだらに見えます。 A. テクスチャの上で髪の房がいろいろな向きに並んでいるためです。アバターの上では上下につながります。「シーンでも試しに見る」で確かめてください。 Q. 色の境目に細い線が出ます。 A. 「ふちを広げる」を大きく(4〜8 くらい)してから保存し直してください。 Q. 暗い髪を明るい色にすると、色が暗いです。 A. 「明るさも色に合わせる」を 100% にしてください。 Q. 元のテクスチャやマテリアルは変わりますか? A. 変わりません。結果は新しい PNG として保存し、アバターに付けるときもマテリアルを複製して付け替えます。 Q. 作ったテクスチャを配布してもいいですか? A. 元になったテクスチャ(アバター・髪・衣装などの作者のもの)の利用規約に従ってください。このツールとしての制限はありません。 ■ 利用規約(要約。全文は同梱の「はじめにお読みください.txt」) ・購入者本人が自分の Unity プロジェクトで使えます。 ・このツールで作ったテクスチャは、販売・配布・商用利用してかまいません(クレジット表記不要)。ただし、元になったテクスチャの利用規約には従ってください。 ・自分で使うためのプログラムの改変は自由です。 ・ツール本体(改変したもの・一部を含む)の再配布・転売・他の商品への同梱は禁止です。 ・使用によって生じた損害について、作者は責任を負いません。使う前にプロジェクトのバックアップを取ってください。 ■ お問い合わせ 個別のサポートは行っていません。不具合のご報告は BOOTH のメッセージ機能でお送りください(すべてにお返事できるとは限りません)。 ■ もこツールのほかのアバター改変ツール ・テクスチャ色合わせ(キメラの髪・肌の色を手本に合わせる・500円)https://moko-tools.booth.pm/items/8963911 ・マスク画像メーカー(クリックで「この部分だけ」の白黒マスクを作る・500円)https://moko-tools.booth.pm/items/8999187 ・アバター改変 5ツールセット(5点・2,400円)https://moko-tools.booth.pm/items/8991532 ・マテリアル一括差し替え(色違い素材をまとめて差し替え・700円)https://moko-tools.booth.pm/items/8945948 ・揺れもの一括設定(PhysBone をまとめて設定・800円)https://moko-tools.booth.pm/items/8945958 ・メニューアイコン一括作成(500円)https://moko-tools.booth.pm/items/8945953 ・アップロード前点検(500円)https://moko-tools.booth.pm/items/8945963 ■ 更新履歴 v1.0.0 公開





