色とセル陰影 - 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段の画像です。制作する絵柄に合わせて、色数や境界を変えられます。


目次へ戻る / 前:基本操作 / 次:ツヤと材質