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

描画モードとは

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

左:Before / 右:After

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

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

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

描画モード[ピンライト]とは

[ピンライト]モードは、合成色に応じてカラーが置き換わります。
合成色が中間グレー(128)より明るい場合は、合成色より暗い色が置き換わります。合成色より明るい基本色の部分は変化がありません。
合成色が中間グレー(128)より暗い場合は、合成色より明るい基本色の部分は置き換わります。合成色より暗い色は変化ありません。
中間グレー(RGB:128)は反映されません。また、画像を重ねても変化はありません。


中間グレーを中心に設定したカラーのグラデーションで検証してみました。中間グレーより明るい部分は[比較(明)]っぽく、中間グレーより暗い部分は[比較(暗)]っぽくなります。

検証 A 


検証 B 


検証 C 

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

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

計算式

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

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

max(基本色 , 2 ✕(合成色-127.5))

基本色と(2 ✕(合成色-127.5))を比べて大きな数値を適用

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

min(基本色 , 2 ✕ 合成色)

基本色と(2 ✕ 合成色)を比べて小さな数値を適用

※演算誤差で若干のズレが生じる場合があります。


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





結果

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

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

パターンA

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

パターンB

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

パターンC

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

パターンD

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

パターンE

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

パターンF

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

パターン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)は透明になる。

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

アーティスティックなビジュアルに

ピンライトは結果が想像しづらい描画モードです。したがって、狙って合成をするというよりも、いろいろ試してイメージに近い結果を選択する方法が良いかと思います。特に、グラデーションをピンライトで合成するとアーティスティックなビジュアルをつくることができます。

合成イメージ

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

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

    ダウンロードした画像を開きます

  • STEP.02
    グラデーションレイヤーを作成する

    「塗りつぶしまたは調整レイヤーを新規作成」アイコンをクリックし、「グラデーション」をクリックします。

    「グラデーションで塗りつぶし」が表示されるので、「グラデーション」のサムネイルをクリックします。

    「グラデーションエディター」が表示されるので、プリセットの「パステル系」の左にある「パステル_01」を選択し、右上の「OK」をクリックします。

    選択されたパステルカラーが表示されているのを確認し、右上にある「OK」をクリックします。

    「グラデーション」レイヤーが作成されます

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

    「グラデーション」レイヤーの描画モードを[ピンライト]に変更します

    グラデーションと画像が合成されます。

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

まとめ

ご覧いただいた通り、[ピンライト]モードは複雑な合成をしてくれます。よって、結果が想像しづらいデメリットがありますが、想像していなかったイメージ画像をつくってくれるのでワクワク感があります。アートワークやファッション系の仕事では使用できるかもしれませんね。

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

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