【シェーディング】絵を描くための明度コントロール(明度スケール)について考える

明度コントロールについて考える

前提知識

明度とはなにか

明度とは：意味と定義

明度(めいど,英:lightness)：同じ明るさで照明された白色面の明るさを基準として判断される表面の相対的な明るさを意味する。明度は物体表面の反射率の高低に対応する感覚量であり、白さー黒さの程度を表す

HSV色表現とはなにか

HSV色表現とは：意味と定義

HSV色表現：Hue,Saturation,Valueの３つの属性からなる色表現。それぞれ色相、彩度、明度(輝度)に対応している。色相はちょうどカラーサークルでいうところの0から360°まで円状に存在する。たとえばH0なら赤、H60なら黄色、H120なら緑といったように色が決まっている。色相は0から360、彩度は0から100、明度は0から100の数値が与えられている。RGBに変換できる。

RGB色表現とはなにか

RGB色表現とは：意味と定義

RGB色表現：RED,GREEN,BLUEの混合の割合を元に色を決定する概念。クリスタでは0-255の数値を使って色を表現する。たとえば純粋な赤の場合は255,0,0、純粋な黄色の場合は255,255,0になる。白の場合は255,255,255、黒の場合は0,0,0になる。数値が大きいほど明るくなる。各数値の割合が1:1:1に近づくほど彩度が低くなる。1:1:1だと彩度は０になる。

明度をコントロールするとは

明度のオリジナリティとリアリティ

たとえば肌のベースの色を塗るとします。その色は肌色(色相)と決めたとして、どれくらいの明度と彩度をもった色を選ぶべきでしょうか。

明度コントロールには正解がありません。絵は必ずしもリアリティをもたなくてもいいからです。絵のオリジナリティ性と絵のリアリティ、どちらを優先するかはバランスの問題になります。

とはいったものの、自然な絵、不自然な絵というものはなんとなく存在しているはずです。周りの背景に比べて不自然に明るい、暗いといった絵は違和感をもちやすいですよね。それが狙いだった場合はそれでいいんです。しかしもっと美しくしたい、自分の絵の色を変えたいといった場合に明度コントロールが関係してきます。

明度は何段階でコントロールするべきか：１０段階説

明度スケール１０段階

基本のコントロールはやはり10段階だと思います。HSVのVも100なので、10ずつ区切りやすいです。上の明度スケールはモノクロで、H０、S０でVだけ変えています。

[speech_bubble type=”std” subtype=”L1″ icon=”snuf.jpg” name=”toki”]あれ、これ１１個あるけど？[/speech_bubble]

たしかに・・・。というよりも0－10を人区切るとすると、最後の100が余計なんですよね。100－110の色がスケールに存在することになるからです。

じゃあクリスタはどうやって10分割しているのか、中間色を観察してみましょう。見事に十分割されているようにみえます。

しかし、これは一番右端の色が明度０ではないのです。スポイトで取ると、明度が１０です。左端は明度１００です。つまり結局は１１分割なのです。

【クリスタ】中間色パレットとはなにか【CLIP STUDIO PAINT】

10分割するのは難しい。たとえば0－10、11－21・・・・88－98、99－100というのはどうでしょうか。これで１０分割です。

あるいは一番くらい黒色を使わないものとして、あえて外し、中間色の明度スケールの10を使うというのもありだと思います。

０を除き、１０からはじめ１００で終わるパターン

１００を除き、０からはじめ９０で終わるパターン

つまり０を除き、１１，２２，３３・・・・１００を使うということです。あるいは１００を除き、０，・・・・88というのもありですね。

明度は何段階でコントロールするべきか：９段階説

０と１００を除き９段階にする

９段階になるとなかなか難しい。思い切って０と１００を抜かしてしまうというのもありだと思います。

０を除き９段階にする

中間パレットは使えませんが、こうすることで白100を使える状況で9段階にコントロールできます。

明度の中間値

明度９段階がなぜいいかというと、ちょうど中間値をとることができるからです。４：１：４で１が中間に来ますよね。１０段階だと４：２：４となり、中間に２つの明度がきてしまうのです。

１１段階

１１段階にすれば５：１：５で分割できます。

どういった分割で明度をコントロールするべきでしょうか。クリスタでは中間パレットが使いやすいので１１段階でも悪くないと思います。色のリストを自分で作っておけば９分割するのもいいと思います。

【クリスタ】カラーセットの追加・編集方法、やり方【CLIP STUDIO PAINT】

クリスタでカラーセットを登録する方法についての記事を作成しました。1,11、22など中間色パレットでは扱えない分割でもいつでも呼び出すことができます。

明度を分析して学習する：肌色の明度の分析

明度の分析は大事です。模倣する際に、「明度はどのようにしてコントロールされているか」ということを意識すると絵の上達に繋がります。つまり自分が美しいと感じる明度コントロールを探求する際に、美しいと思った明度コントロールを分析することは重要だということです。自分はもう少し暗いほうがいい、明るいほうがいい、背景が違ったらこう変わるだろうというように経験を積み重ねていくのです。

明度100の肌色

ある本の肌のベースの色はRGB：255,247,236でした。HSVでいうと35,7,100です。

V=100なので明度が100、S=７なので彩度が7です。つまり、ベースの色は明度が最大で、彩度は低めということになります。明度コントロールに照らし合わせると、明度は10です。

Qさてここで問題です。影の色は明度いくつくらいでしょうか？

肌の明度

これが明度コントロールですね。この本では影の色がRGB234,186,177です。HSVでいうと9,24,92です。ベースの色に対して明度が1分割分しか下がっていないというのがポイントです。明度コントロールに照らし合わせると、明度は９です。影の色で彩度が上がっているというのもポイントだと思います。

肌明度１００

ためしにキャラの肌に明度１００で塗ってみました。

影の明度

次にさきほどの明度９２で適当に影を塗ってみます。色的には悪くないですよね。

影のぼかし

アニメ塗り以外ではベースと影の境界線をぼかしたりします。

モノクロ厚塗り

厚塗りでいうと、こんな感じのモノクロになりますね。明度差が１０分割でいうとおよそ１０と９の差です。

色調補正レイヤーの明度

明るすぎるなーというときは色調補正レイヤーで明度を落として調整します。

色調補正レイヤーとは：意味と定義

色調補正レイヤー：イラスト全体の色のバランスを整えられるレイヤー。色調補正レイヤーを作成すると、作成した位置より下にあるレイヤーに対して選択した補正効果を適用できる。明るさ・コントラスト、色相・彩度・明度、階調化、階調の反転、レベル補正、トーンカーブ、カラーバランス、２値化、グラデーションマップなどから選べる。