レイヤーの合成モードのお勉強～乗算編～
March 20th, 2022 07:57・All users
よほー！ おつかれさまです、めふです。
デジタルイラストって乗算とかオーバーレイとか「レイヤーの合成モード」を使うといろんな効果が得られて楽しいですよね！
でも、めふは今まで「何となく」っていうか、ぶっちゃけ雰囲気で使ってきていたので、ここいらでちょっと真面目に(?)お勉強してみようかな、って思ったわけです。
仕組みが分かったら、もっと効果的な使い方が見つかるかも知れないしね！
というわけで、学んでみようと思うわけですが、知恵熱がでたら即終了です。
やっぱり最初に学ぶのは、使う頻度が最も高いと思われる「乗算」にしてみようと思います。影とかを描くのにもよく使いますもんね。大抵の人が初めて使う合成モードも「乗算」なんじゃないですかね？
※雑に調べてるので、ウソ書いてる可能性があります。
理論
デジタルで絵を描く時は、R(赤)G(緑)B(青)の光の三原色？で描きますよね。
んで、それぞれの色に 0～255 の範囲の値があって、値が大きいほどその色(の光)が強くなる…と。
値0＝その色(光)の強さがもっとも弱くて、値255＝色(光)がもっとも強い時ですね。
話を簡単にするために、モノクロで考えるとこんな感じ。
ほんで、数値の範囲が 0～255 だったのですが、これも(計算した時の)話を簡単にするため 0.0～1.0 の範囲として考えることにします。
じゃぁ、あとは計算するだけですね！
0.0が真っ黒で、1.0が真っ白です。そして中間の 0.5は灰色 ですね。
じゃぁ、こんな風にあるレイヤーの上に [乗算] のレイヤーを作って、それぞれに0.5くらいの灰色で絵を描いてみます。
さて、これが実際に絵が重なってる部分がどう見えるかっていう話なんですけど、計算してみると…乗算って掛け算のことなので…
0.5 x 0.5 = 0.25
ですよね？（多分）
そして、0.25 ってことは、0.5 よりも小さい、つまり黒(0)により近いので、元の灰色(0.5)よりも暗い灰色になるはずです。
実際にやってみた結果がこちら(↓)
ほら！ レイヤーの重なった部分が暗くなりましたね！ 多分0.25くらいの黒さですよ！！
今回はモノクロで考えてみたけど、RGBの場合でも、それぞれの色について同じように計算してるんじゃないかしら？(テキトー)
実際に使ってみた
理論はわかった(?)ので、実際に合成モード [乗算] を使ってみましょう。
冒頭にも書いたけど、やっぱり乗算を一番使うシーンは影を描く時かな？ (めふはたまに服の模様の時に使ったりもしますが)
さて、こちら(↓)は以前描いた「ポニーテールにしようとしてるめふちゃん」のイラストの、ベースだけを塗ったものです。(すっぴん)
このイラストの肌の上に [乗算] のレイヤーを作って影を描いてみます。
例が悪かったっす…。ベースになる肌の色が淡いんで、乗算を乗せてもそんなに色味が変化しなかったですねｗ
それでも、ある程度実際に [乗算] レイヤーに塗った色と変化したのが分かるかなって思います。ベースの色の影響が残るので、どんな色で塗っても割と自然な影色になるのが乗算のいい所ですよね。
それと、洋服に模様がついてる場合なんかも、乗算だとベースと模様それぞれの色に応じた結果の色になるので、一度で済ませることができて便利ですね～。
そういえば、乗算を使うと結果の色が乗算レイヤーに塗った色と違うので、普通にスポイトで色を取ったときに思ってた色と違うことがありますよね。
そんなときに(?)便利な方法を過去に記事にしたので、置いておきますね。
特性とか
さて、[乗算] の理論と実践(?)をやってみたわけですが、[乗算] にはこんな(↓)特性がありそうですね。
■乗算レイヤーに真っ白を乗せても何も起きない
乗算に真っ白(RGB=255,255,255)を乗せても色に変化は起きないです。
これは、色が真っ白のときは各RGB色が「1.0」ということになるので「元の数値に1を掛けても元の数値のままやろ！」っていうことなんだと思います。
■白以外だと必ず暗くなる
白(1.0)以外の色だと「1.0よりも値が小さい色」っていうことになるので、「元の数値に(1.0より小さい)何を掛けても、元の数値より小さくなる」はず。
ということは、元の色より値が小さくなるので、必ず暗くなりますね。
だから乗算は(暗くなるから)影を描くのに使われるんだね！！
🍙むすび
はぁい！ ということで、今回はレイヤーの合成モード [乗算] についてお勉強してみました。 「理論的に必ず暗くなるんだな」っていうことが分かれば、「ここちょっと暗くしよう！」っていう時に「よし！乗算だ！」って悩まずに選べますものね。なんかスッキリしたぞ！
他の合成モードもこんな感じで理解できたら、イラストに効果を付けるときの合成モード選びが捗るかもしれないので、また別の合成モードについても考えてみようと思います。
それでは、現場からは以上です。
\('ω')/ おつめふー！
