【Photoshop】ブレンドモード：輝度 がやけに便利だったのでまとめてみる

## 銀残し
http://www.ayatoweb.com/ae_lab/lab13.html
こちらのサイトを見て渋い映画のようなルック(銀残しというらしい)を再現するのをAEでなくフォトショップでやってみまして、結果、

|ベース画像|結果画像 |
|:-----------------|:----------------|
| ![dog0.jpg](https://qiita-image-store.s3.amazonaws.com/0/8302/c72233ea-ba13-8aa1-b19b-afe491ea8a16.jpeg)|![dog1.jpg](https://qiita-image-store.s3.amazonaws.com/0/8302/55054a18-44e0-8028-43fa-fb9e76512b2b.jpeg)

![tool1.png](https://qiita-image-store.s3.amazonaws.com/0/8302/7b63499e-f04b-a88a-c1ed-3ec5a5b0cf36.png)
レイヤー構造

と、まあ、できたのですが、

|中間画像|結果画像 |
|:-----------------|:----------------|
| ![dog_screen.jpg](https://qiita-image-store.s3.amazonaws.com/0/8302/bbbbf2af-4e76-4ec0-c3e1-7c0b21803ac3.jpeg)|![dog1.jpg](https://qiita-image-store.s3.amazonaws.com/0/8302/55054a18-44e0-8028-43fa-fb9e76512b2b.jpeg)

ブレンドモード輝度のレイヤーを最後に重ねる前の様子はこんなでして、なぜ輝度のレイヤーを重ねるとこうなるのか？ と考えてみるわけです。ブレンドモード輝度って使ったことがなく、用途も計算ロジックも知らないので、調べてみます。

http://handywebdesign.net/2012/07/photoshop-blend-mode-part2/
こちらのサイトによると、

>輝度を適用すると、上に重なるレイヤーの色の輝度が下のレイヤーに移る

との事です。最初のリンク先の銀残し手順ではに中間画像を作るのにスクリーンレイヤーを重ねていますが、（自分はトーンカーブで似た感じにしましたが）スクリーンを適用すると画像は明るい部分がどんどんと白に近づいていきます。中間画像もかなり白いです。ここに輝度レイヤーを重ねると、色相はそのままで輝度成分のみがリセットされるわけですから、結果的に元画像の明るい部分がグレースケールに近づくことになります。
つまり、 銀残しとは **暗部は比較的そのままの色合いで、明るい部分ほどモノクロに近づいた色合いにする**、という手法だという事になります。なるほど、がってん。

##ブレンドモード輝度の使い道
さらに考えを進めます。まず、人間の目は色差よりも輝度成分に敏感に反応するという事実があります。ソースは割愛。輝度成分をブレンドモードでリセットするということは、その画像を人間が認識するもっとも大事な部分を元に戻すということです。どれだけ色合いをハチャメチャにいじっても、単色になってしまっても、輝度が元のままであれば元のものと認識が出来るという事です。映像・画像のルックで輝度成分を手堅く守りつつ、色彩で冒険するのは、ルールを守った中で自己主張をしていくような大人のおしゃれと言えるんではないでしょうか。知らんけど。

で、フォトショで画像の色彩をいじる時も、まず元の絵のコントラストはきちっと整っている前提ですが、なんかやりすぎちゃったなー、という時に輝度レイヤーを乗っけてその透明度で印象の強さを調整するとか、まず輝度レイヤーをおさえで作っておいて、そこからガンガン色調をいじっていくというやり方が考えられます。失敗づらいという事でこいつは便利だ。

##中間画像をスクリーン以外でいろいろやってみる

"銀残し"は途中のブレンドモードにスクリーンを使用しましたが、上記の理屈でいくとそこでどんな色彩調整をしても輝度レイヤーを載せる事でそこそこ整って見えるはずです。という事でいろいろとやってみます。

![dog2.jpg](https://qiita-image-store.s3.amazonaws.com/0/8302/d0ce135c-5c84-4b78-a2d1-2eb54120d18d.jpeg)
乗算＋輝度。暗い部分がグレースケールによっているはずです。表現としてありだな。

![dog3.jpg](https://qiita-image-store.s3.amazonaws.com/0/8302/f55adb8d-df20-70ac-b254-435a066fe7b9.jpeg)
オーバレイ＋輝度。オーバーレイ＝スクリーン＋乗算なので、中間調以外がグレースケールによる感じです。発色がよくなるのはなぜだろう。表現としては、ありかな？

![dog4.jpg](https://qiita-image-store.s3.amazonaws.com/0/8302/fcc18592-5e8a-90fc-2027-556bf079c89b.jpeg)
焼き込みカラー＋輝度。暗い方向にコントラストがつく感じで、印象としてはオーバーレイと似た系統にみえますね。印象強い。

![dog5.jpg](https://qiita-image-store.s3.amazonaws.com/0/8302/b2b523ad-dcf4-7737-732c-dc88d6c48ad9.jpeg)
覆い焼きカラー＋輝度。明るい方向にコントラストがつく処理なんですが、結果としてできたこれはなんだろう。８ビット感あるというかポップですね。しかし単純にポスタリゼーションかけたのとはまた違う感じ。

![dog6.jpg](https://qiita-image-store.s3.amazonaws.com/0/8302/f59b3885-b2d7-024f-51da-2f56e55e82c3.jpeg)
除外＋輝度。ネガっぽい画像の輝度が戻って不思議な感じに。

##普通に色彩調整して輝度レイヤーを乗っけてみる

![cats1.jpg](https://qiita-image-store.s3.amazonaws.com/0/8302/aa666aa0-5392-ed20-cd52-2dedfaacd95a.jpeg)
基本画像。

![cats2.jpg](https://qiita-image-store.s3.amazonaws.com/0/8302/24c21e8c-e25a-a9bd-0e1e-3065af53dea5.jpeg)
色彩調整。

![cats3.jpg](https://qiita-image-store.s3.amazonaws.com/0/8302/5b2c22db-2923-7987-d5f1-d47aa66224dc.jpeg)
輝度レイヤー追加で引き締まる。

<img width="320" alt=" 2018-01-21 4.02.55.png" src="https://qiita-image-store.s3.amazonaws.com/0/8302/66c3ecbb-85fd-437d-25f8-e5a22f3a71b4.png">
レイヤー構成。

もいっちょ。

![2dogs1.jpg](https://qiita-image-store.s3.amazonaws.com/0/8302/2a3b6c46-e2bb-a543-3d61-3ab84529a4d2.jpeg)
基本画像。

![2dogs2.jpg](https://qiita-image-store.s3.amazonaws.com/0/8302/4b91843e-bdec-cef3-8384-d3e8b9e9443f.jpeg)
色彩調整。

![2docs3.jpg](https://qiita-image-store.s3.amazonaws.com/0/8302/5062413f-7e3f-99b9-125d-713feb62478a.jpeg)
輝度レイヤー追加で引き締まる。

<img width="301" alt=" 2018-01-21 4.03.05.png" src="https://qiita-image-store.s3.amazonaws.com/0/8302/cdbbb161-2abd-8f79-f99a-96d4abf73a19.png">
レイヤー構成。

なかなか便利です！

## 使用した画像
素材集サイトからおかりしています。

怠惰な秋田犬
https://www.pakutaso.com/20170833240post-12987.html

ハロウィンの子猫
https://www.photo-ac.com/main/detail/1198625

僕たちフレンドリーだよ
https://www.photo-ac.com/main/detail/540828