ブレンドモードの研究　＜暗くする系＞

前回の明るくなる系に続き、今回は暗くなる系を調べてみます。

前回↓

ブレンドモードの研究　＜明るくする系＞

ＡＥやphotoshopのブレンドモードで、加算や乗算、スクリーンなどはよく使う。なんとなく処理の仕組みは理解していたが、覆い焼き、比較（明）などは敬遠してたので、今回全部できるだけ詳しく調べてみた。計算処理までキチンと把握していきたい...

cg-squid.com

2021.04.05

素材

背景　　　　　　　　　　　　　　　　　　　重ね素材

重ね結果

比較（暗）	乗算	焼き込みカラー
焼き込みカラー（クラッシック）	焼き込みリニア	カラー比較（暗）

比較（暗）

ＲＧＢの３つの値を比較し、暗い方（数値の低い方）を選ぶ
前回の比較（明）の逆バージョン
キノピオの色がそのまま残っている場合は、ＲＧＢの３つが全て背景の数値に負けている場合
どちらの色でもない場合は、2勝1敗などのとき

＜処理例１＞　1勝2敗パターン
ＲＧＢ（１４３、　５０、　１７）   ■■■
ＲＧＢ（　５０、１２２、　１９）   ■■■
＝＝＝＝＝＝↓結果↓＝＝＝＝＝＝＝＝＝＝＝＝
ＲＧＢ（　５０、　５０、　１７）   ■■■

＜処理例２＞　全勝パターン
ＲＧＢ（１４３、　５０、　１７）   ■■■
ＲＧＢ（１５０、１２２、　１９）   ■■■
＝＝＝＝＝＝↓結果↓＝＝＝＝＝＝＝＝＝＝＝＝
ＲＧＢ（１４３、　５０、　１７）  ■■■

乗算

暗くしたいときに一番よく使うモード
加算と対をなすモードと思いがちだが、どちらかというとスクリーンの逆バージョン
重ね素材と背景の両方が真っ黒　RGB（０、０、０）でない限り、真っ黒にはならないので使い勝手が良い

計算式も単純

＜背景をA、重ね素材をBとした場合の式＞
乗算処理結果＝A×B

前回と同じで、RGBの２５５を１とすると分かりやすい。
AもBも０以上１以下なので、絶対に結果の値は低くなるし、
どちらかが０なら、絶対に結果は０だと分かる。

＜処理例＞　1勝2敗パターン
ＲＧＢ（１４３、１００、　１７）   ■■■
ＲＧＢ（２４０、　　５、　１９）   ■■■
＝＝＝＝＝＝↓結果↓＝＝＝＝＝＝＝＝＝＝＝＝
ＲＧＢ（１３５、　　２、　　１）   ■■■

焼き込みカラー

覆い焼きカラーの逆バージョン
覆い焼きカラーは背景が明るければ明るくする効果（大）、背景が暗ければ明るくする効果（小）があった。この効果により背景の明暗の差がより強調され、コントラストが高い処理結果が生まれる。
焼き込みカラーは背景が暗ければ暗くする効果（大）、背景が明るければ暗くする効果（小）になる。
このモードもRGBの最大値を１として考える。

＜背景をA、重ね素材をBとした場合の式＞
焼き込みカラー処理結果＝１－｛（１－A）÷B｝

覆い焼きカラーより分かりにくい式だが、基本的に覆い焼きカラーの逆と覚えておけばよさそう。
下記の処理例を見ると、重ね素材の暗くする効果をより発揮するには、背景素材の明暗がとても重要なのが分かる。同じ重ね素材の値でも、Rは１５しか下がっていないが、Gは５０以上も値が下がっている。この差がコントラストを生み出す。

RBGが０側にカンストするには式の｛（１－A）÷B｝の部分が１より大きければよい。
つまり、背景の値を逆転させたもの（１－B）が、重ね素材より大きければ値は１以上なので、結果が０側にカンストするといえる。処理例のGで言えば、２００の逆は５５で、５５は背景の５０より大きいから、値はカンストすると暗算で分かる。ここを抑えておけば、実際使うときも黒トビ？を防げるかも。

＜処理例＞
ＲＧＢ（２００、２００、２００）   ■■■　重ね素材
ＲＧＢ（２００、　５０、１２５）   ■■■　背景
＝＝＝＝＝＝↓結果↓＝＝＝＝＝＝＝＝＝＝＝＝
ＲＧＢ（１８５、　　０、　８９）   ■■■

焼き込みカラー（クラッシック）

覆い焼きカラー（クラッシック）と同様に旧バージョンと互換性を持たせるためのモード。
処理結果は覆い焼きカラーと全く同じ、はず。
まず使うことは無いので割愛。

焼き込みリニア

加算の逆バージョンという感じ。乗算より暗くなる。
乗算では黒トビ？ＲＧＢ（０．０．０）しない部分が真っ黒になる。
実際の作業では、じゃあ安定感のある乗算でいいよね、となることが多そう。

＜背景をA、重ね素材をBとした場合の式＞
焼き込みリニア処理結果＝１－｛（１－Ａ）＋（１－Ｂ）｝

各素材を反転させたものを加算し、それをさらに反転させる形になる。
もう少し分かりやすくすると、結果＝Ａ＋Ｂ－１となるので、加算（上限なし）した後に１を引いた値になると覚えた方がよさそう。
当然、Ａ＋Ｂの値が１より小さければ、値は０になってしまう。

＜処理例＞
ＲＧＢ（１１０、２２５、２０８）   ■■■
ＲＧＢ（１２９、２２７、　８７）   ■■■
＝＝＝＝＝＝↓結果↓＝＝＝＝＝＝＝＝＝＝＝＝
ＲＧＢ（　　０、１９７、　４０）   ■■■

カラー比較（暗）

比較（暗）と似ているが、重ね素材と背景どちらの色を選択するかの方法が結構違う。
比較（暗）の場合はRGBの３つの値の小さい方を選択していくが、
カラー比較（暗）はRBGの合計値｛RGB（３０、１００、１１）なら３０＋１００＋１１で１４１｝の小さい方が選ばれるので、重ね素材か背景のどちらかの色が必ず結果として出る。
カラー比較（明）の逆ですね。

＜処理例＞
ＲＧＢ（１４３、　５０、　１７）   ■■■　合計２１０
ＲＧＢ（　５０、１２２、　１９）   ■■■　合計１９１
＝＝＝＝＝＝↓結果↓＝＝＝＝＝＝＝＝＝＝＝＝
ＲＧＢ（　５０、１２２、　１９）  ■■■　

次はオーバーレイなどの複雑系？を調べてみます。