Photoshopの使い方!【描画モード】リニアライト

描画モードとは

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

左:Before / 右:After

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

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

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

描画モード[リニアライト]とは

[リニアライト]モードは[ビビッドライト]モードと同様に、暗い箇所は[焼き込みカラー]されたかのように濃く、明るい箇所は[覆い焼きカラー]されたかのように明るくなります。また、中間グレー(RGB:127)を堺に、明るい場合は明るさを増して明るくし、暗い場合は明るさを落として暗くします。イメージは、ビビッドライトに明暗をプラスした感じです。
中間グレー(RGB:127)は反映されません。


検証 A ビビッドライト]と[リニアライトの比較

[ビビッドライト]と[リニアライト]を比べてみました。[ビビッドライト]の暗い箇所を暗くし、明るい箇所をより明るくしているのがわかります。


検証 B ーバーレイ[ビビッドライト[リニアライト]の比較

[オーバーレイ]より[ビビッドライト]、[ビビッドライト]より[リニアライト]の方がコントラストと明暗が強まっているのがわかります。

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

それでは計算式を確認してみましょう。

計算式

R・G・Bそれぞれの値を以下の式で計算します。

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

(1)基本色の値が「2 ✕(255 – 合成色)」より小さかった場合

結果色 = 2 ✕ 合成色 +基本色 – 255

(2)基本色の値が「255-2✕合成色」より大きかった場合

結果色 = 255

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

(3)基本色の値が「255-2✕合成色」より小さかった場合

結果色 = 0

(4)基本色の値が「255-2✕合成色」より大きかった場合

結果色 = 2 ✕ 合成色 +基本色 – 255


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





明るさの値

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

色の組み合わせのパターン結果を確認してみましょう。

パターンA

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

パターンB

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

パターンC

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

パターンD

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

パターンE

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

パターンF

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

パターンG

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

パターンH

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

パターンI

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

パターンJ

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

パターンK

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

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

【リニアライト3つのポイント】

(1)中間グレー(RGB:127)より暗い箇所は[焼き込みカラー]、明るい箇所は[覆い焼きカラー]されたかのような結果になる。

(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
    新規塗りレイヤーを作成する

    「塗りつぶしまたは調整レイヤーを新規作成」アイコンをクリックし、「ベタ塗り」をクリックする。

    「カラーピッカー」が表示されるので、色を「ad7e99」に設定する。

    「ベタ塗り」レイヤーが作成されます

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

    「ベタ塗り」レイヤーの描画モードを[リニアライト]に変更します。ベタ塗りと画像が合成されます。

  • STEP.04
    完成
    左:Before / 右:After

まとめ

ご覧いただいた通り、[リニアライト]モードはコントラストと明暗を強めます。効果が強すぎる場合は不透明度を調整しましょう。

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

コメント

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