色とセル陰影 - LHYAYOI/HujiTV GitHub Wiki
色とセル陰影
05 ベース画像とベース色
ベース画像のRGB × ベース色。画像がない場合はベース色だけで描画します。
| 画像あり / 白を掛ける | 画像あり / ピンクを掛ける | 画像なし / ピンクの色 |
|---|---|---|
画像本来の配色を保ちたいときは、ベース色を白にします。色を掛けると黒い部分は黒のままで、明るい部分が着色されます。画像なしなら、同じモデルの形を使って数値だけで材質を調整できます。
「ベース画像なし」は体と手の設定です。モデルの各Rendererには独立したMaterialを割り当てられます。
06 影になる範囲を変える
変更項目:影になる範囲。ほかの設定は固定。大きいほど影が広がります。
| -0.45 / 影が少ない | 0.10 / 中間 | 0.60 / 影が広い |
|---|---|---|
影の面積を先に決めると、色の判断がしやすくなります。この項目は面の向きによるセル陰影を調整します。
07 影の色は、ベース色へ掛ける色
変更項目:影の色。青いベース色・ライト・影の範囲は固定。
| グレー (0.48, 0.48, 0.48) | 青寄り (0.34, 0.45, 0.80) | 赤寄り (0.80, 0.32, 0.32) |
|---|---|---|
青い地色に赤い影色を掛けても、影がそのまま赤くなるわけではありません。暗い地色へ暗い影色を掛けると、さらに暗くなります。
08 境界の柔らかさを変える
変更項目:境界の柔らかさ。ライトの落ち影のぼけは変えていません。
| 0.001 / くっきり | 0.080 / 少し柔らかい | 0.350 / 広い境界 |
|---|---|---|
線画やセル塗りに寄せるなら小さめから開始。形の丸みを出したい場合は、影の範囲を固定したまま境界を広げて比べます。
09 陰影方式を選ぶ
3色の比較は2影の範囲=-0.05・2影の色=(0.16, 0.18, 0.35)。下のUI例は初期値の表示です。
| 2色セル | 3色セル | なめらか | 照明なし |
|---|---|---|---|
Unity UI / 3色セルの詳細項目(切り出し)
10 Ramp画像で、陰影の色を作る
横方向が暗→明。中央の行を読みます。画像はsRGB ON / Wrap Clamp。
| Ramp画像の描画例 | この比較で使用したRamp(縦方向を拡大表示) |
|---|---|
Ramp画像の左が暗い側、右が明るい側です。
使い方
陰影の方式を「Ramp画像」にし、陰影Ramp画像を指定。
帯の色と境界の位置を、画像側で調整します。
Rampが未指定なら、2色セルへ戻って描画します。
この方式では影色・影範囲の代わりにRampで表現します。
例のRampは説明用に作った3段の画像です。制作する絵柄に合わせて、色数や境界を変えられます。