Photoshopの使い方!【描画モード】ソフトライト

描画モードとは

描画モードとはブレンドモードとも呼ばれており、重なった2つ以上のレイヤー(色や画像など)を合成(ブレンド)する機能です。例えば、次の画像に対して描画モードを変更するだけで雪が降っている印象的な夜景をつくることができます。

左:Before / 右:After

簡単そうですが、全部で27種類ありますので覚えるのが少し大変です。しかし、Phothosopの上級者を目指すには必ずおさえておかなければいけない大事な機能となりますので、ひとつずつ理解していき使うタイミングをつかみましょう。
描画モードの基本と全27種類を確認したければ、下記記事をご覧ください。

描画モードを行う際のレイヤーの名前

描画モードで合成をするとき、上のレイヤーを「合成色」、下のレイヤーを「基本色」、合成によって表示される色を「結果色」と呼びます。

描画モード[ソフトライト]とは

[ソフトライト]モードは、[オーバーレイ]モードの効果を50%にしたような結果を得ることができます。よって、中間グレー(RGB:127)を堺に、暗い箇所は[乗算]50%、明るい箇所は[スクリーン]50%が適用されたような感じになります。暗いところは少し暗く、明るいところは少し明るくなりコントラストと彩度が少し強くなります。
また、中間グレー(RGB:127)は適用されません。

オーバーレイを50%適用させてみた結果と、ソフトライトの結果が似ているか比べてみました。

検証 A

検証 B

ご覧いただいた通り、ほとんど差がないかと思います。

結果色のRGB値を計算式で確認する

計算式

R・G・Bそれぞれの値を以下の式で計算します。
※Bは基本色、Tは合成色となります。

【合成色(上のレイヤー)が128より大きかった場合】

結果色 = 2B(255- T)+ √B(2T – 255

【合成色(上のレイヤー)が128より小さかった場合】

結果色 = 2BT + B²(1 – 2T)

※結果色の数値は四捨五入した値となります。

※計算結果が若干合わない場合があります。
※ウィキペディアの「ブレンドモード」を参考にしています。


フォームで簡単に計算できるようにしました。
興味のある方は使用ください。



結果色:

さまざまなパターンで確認

パターンA

RGB
合成色100230100
基本色2308080
結果色22513068
背景透明

パターンB

RGB
合成色5050200
基本色2005050
結果色1742686
背景透明

パターンC

RGB
合成色20020050
基本色2010020
結果色441349
背景透明

パターンD

RGB
合成色10050100
基本色200150100
結果色19111287
背景透明

パターンE

RGB
合成色127127127
基本色200200200
結果色200200200
背景透明

パターンF

RGB
合成色100100100
基本色100100100
結果色878787
背景透明

パターンG

RGB
合成色000
基本色255255255
結果色255255255
背景透明

パターンH

RGB
合成色255255255
基本色000
結果色000
背景透明

パターンI

RGB
合成色25500
基本色02550
結果色02550
背景透明

パターンJ

RGB
合成色000
基本色00255
結果色00255
背景透明

パターンK

RGB
合成色255255255
基本色00255
結果色00255
背景透明

いかがでしたでしょうか。
下記3つのポイントは覚えておきましょう。

【ソフトライト3つのポイント】

(1)明るいところは少し明るく、暗いところは少し暗くなる

(2)コントラストが少し高くなり、少し鮮やかになる。

(3)中間グレー(RGB:127)は透明になる。

画像で変化を確認する

[ソフトライト]を適用するとどのような結果になるのか、同じ画像を重ねて合成色(上のレイヤー)を[ソフトライト]に変更し検証してみました。

検証 A

左:Before / 右:After

検証 B

左:Before / 右:After

検証 C

左:Before / 右:After

検証 D

左:Before / 右:After

検証 E

左:Before / 右:After

検証 F

左:Before / 右:After

検証 G

左:Before / 右:After

検証 H

左:Before / 右:After

描画モード[ソフトライト]の使用シーン

彩度とコントラストを強調し、色調整をおこなう

ここでは、美しい街の風景写真を夜が訪れようとしているような雰囲気に仕上げていきます。

合成イメージ

使用する素材は下記サイトからダウンロードできます。

素材サイト:Adobe Stock
合成手順
  • STEP.01
    ベースの画像を開く

    美しい街の画像を開きます

  • STEP.02
    背景レイヤーを複製する

    背景レイヤーを複製し、レイヤー名を「複製」とします

  • STEP.03
    描画モードを[ソフトライト]に変更する

    「複製」レイヤーの描画モードを[ソフトライト]に変更します。画像のコントラストと彩度が少し高くなります。

  • STEP.04
    新規塗りレイヤーを作成する

    夕暮れの雰囲気に調整する塗りレイヤーを作成します。[塗りつぶしまたは調整レイヤーを新規作成]アイコンをクリックします

    [カラーピッカー]が表示されるので、RGBの値を「R:25/G:30/B:75」に設定します

    ベタ塗りレイヤーが作成されました

  • STEP.05
    描画モードを[ソフトライト]に変更する

    ベタ塗りレイヤーの描画モードを「ソフトライト」に変更します

  • STEP.06
    完成

その他 使用シーン

色のトーンを調整する

色味を調整するときによく使用します。オーバーレイほど強くかからないので、比較的調整がしやすいです。

左:Before / 右:After

左:Before / 右:After

コントラストと彩度を少し強める

コントラストと彩度を少し強める調整をするのに向いています。金属や重厚感、強さを少しだしたいときに試してみましょう。

左:Before / 右:After

左:Before / 右:After

まとめ

ご覧いただいた通り、[ソフトライト]モードはコントラストと彩度を少し強めます。また、レンズフィルターのように色を入れる際にも使用します。

Photoshopはたくさんお描画モードがあります。他の描画モードも是非チェックしてみてください。下記記事でご覧いただけます。

タイトルとURLをコピーしました