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

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

前提知識

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

 

HSV色表現とはなにか
HSV色表現とは:意味と定義
HSV色表現:Hue,Saturation,Valueの3つの属性からなる色表現。それぞれ色相、彩度、明度(輝度)に対応している。色相はちょうどカラーサークルでいうところの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だと彩度は0になる。

 

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

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

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

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

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

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

明度スケール10段階

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

toki
あれ、これ11個あるけど?

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

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

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

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

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

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

0を除き、10からはじめ100で終わるパターン

100を除き、0からはじめ90で終わるパターン

つまり0を除き、11,22,33・・・・100を使うということです。あるいは100を除き、0,・・・・88というのもありですね。

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

0と100を除き9段階にする

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

0を除き9段階にする

 

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

明度の中間値

明度9段階がなぜいいかというと、ちょうど中間値をとることができるからです。4:1:4で1が中間に来ますよね。10段階だと4:2:4となり、中間に2つの明度がきてしまうのです。

11段階

11段階にすれば5:1:5で分割できます。

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

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

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

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

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

明度100の肌色

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

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

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

肌の明度

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

肌明度100

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

影の明度

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

影のぼかし

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

モノクロ厚塗り

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


色調補正レイヤーの明度

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

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

 

明るすぎて不自然

たとえば背景が暗い場合、顔が明るすぎて不自然ですよね。まあ悪くないですけど、これはこれで。

明度を落とす

そういう場合に明度を落とすんです。

顔が暗すぎる

顔を明るくする

逆に背景が明るいと、顔が暗い場合不自然ですよね。つまり光源によって顔の明るさが左右されるということです。これはライティングとシェーディングが交互に関係している問題です。彩度も同じようにケースバイケースで変えましょう。

こうした調整の積み重ねが絵の上達につながることを願います。

シェーディングとはなにか、絵を描くために必要な陰影用語の理解

ライティングとはなにか 絵を描くために必要な光源と照明用語の理解

いいね!
↑3いいね!されています。良い記事でしたら「いいね!」クリックお願いします( ⁎ᵕᴗᵕ⁎ )。いいねされるとやる気が出ます (ノ*゚▽゚)ノ !
読み込み中...

toki

投稿者プロフィール

アーティストに役立つような情報をまとめ、人間関係の手段として芸術が寄与すればいいなと思っています。学んだもの、考えたものは自分だけが独占するのではなく、共有するべきものだと思っています。
連絡は@mmnntmrのTwitterのDMでお願いします。基本的にこのアカウントしか見ていません。
絵に関して調べてほしいことがあればできるだけ対応しますのでぜひ連絡をくださいm(_ _)m

この著者の最新の記事

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


よかったらTwitterフォローお願いします!


記事を更新するたびにTwitterにのせていきます(*^^*)

動画はじめましたのでぜひ登録してくださいm(_ _)m

  1. 代表的な悪魔のイラスト
  1. 2020-2-25

    【クリスタ】はみ出さずに色を塗る!下のレイヤーでクリッピングとはなにか、その意味【CLIP STUDIO PAINT】

  2. 2020-4-2

    【pixiv】アニメ塗りのやり方講座、メイキングまとめ【ピクシブ】

  3. 代表的な悪魔のイラスト

    2020-3-7

    【イラストのネタ・題材】デビルとデーモンの違いとはなにか【悪魔】

  4. 2019-10-21

    【クリスタ】不透明度はどのように重なるのか 仕組みについて

  5. 2019-11-21

    解像度応用編 細かく絵を描く方法、データピクセルと物理ピクセルの違いとはなにか

  6. 2020-4-1

    デジタルイラストにおけるアニメ塗りとはなにか、基礎知識、意味、やり方

  7. 2019-8-13

    【配色方法】ガマットマッピングとリミテッドパレット

  8. 2020-4-10

    【フォトショ】スターバーストディフュージョンのやり方【Photoshop】

  9. 2020-2-20

    【クリスタ】線画に超便利!3次ベジェ曲線のやり方・描き方・使い方【CLIP STUDIO PAINT】

  10. 2016-6-17

    【背景画】【クリスタ】基本的な雲の描き方

カテゴリー

アーカイブ

ページ上部へ戻る