図解でわかる!Photoshop描画モードの「差の絶対値」の使い方と効果

こんな方におすすめ!

・描画モードの「差の絶対値」ってなに?
・「差の絶対値」はどんなときに使う機能なの?
・描画モードについてもっと詳しく理解したい

こんな方のためになる!
Photoshopでの描画モード「差の絶対値」の効果と使い方を初心者向けにわかりやすく説明しています。

Photoshopの「差の絶対値」描画モードの使い方と効果を、図解で実例を交えて、デザインの実践に役立つ情報を提供!

是非チェックしてみてください!

Photoshopの描画モードとは?

Photoshopの描画モードは、レイヤー同士をどのように合成するかを指定する機能です!
これにより、上のレイヤーが下のレイヤーに対してどのように表示されるかを制御できます。

描画モードを使うことで、色調補正や特殊効果を簡単に適用することができます。

 
描画モードは、複数の画像をブレンド調整することができる!

【Photoshop】描画モードの「差の絶対値」とは?

「差の絶対値」は、Photoshopの描画モードの一つで、上のレイヤーと下のレイヤーの色の差を絶対値で計算して表示するモードです。
具体的には、各ピクセルのRGB値の差の絶対値を計算し、その結果を新しい色として表示します!

差の絶対値とは?
レイヤー間の色の差を見つけてくれる!

「差の絶対値」は、何か作品を制作する目的ではなく、デザインのゴールのために”確認道具”として使うことがほとんどです。

差の絶対値の計算式

大 - 小

「差の絶対値」の機能

上と下のレイヤーが同じ色 → 黒になる

 
上と下のレイヤーが同じ色の場合、「差の絶対値」を適用すると黒になります!

計算式としては、下記になります(*^^*)

R:(255-255=0)
G:(0-0=0)
B:(0-0=0)

上と下のレイヤーが違う色 → 引いた色になる

 
上と下のレイヤーが違う色の場合、引き算の結果色になります!

計算式としては、下記になります(*^^*)
計算式:(大 - 小 = 結果色)

R:(255-0=255)
G:(0-0=0)
B:(255-0=0)

【Photoshop】「差の絶対値」の使い方と活用事例!

事例① 顔のパーツを入れ替える

「差の絶対値」を適用して重なり具合を確認することができます!
重なり具合を調整することで、つむった目の画像とあいた目の画像を重ね、つむった目をあいた状態に合成をすることができます。

「差の絶対値」の設定手順

  1. 目をつむった画像(下のレイヤー)を用意
  2. 目があいている画像(上のレイヤー)を用意
  3. 描画モードの「差の絶対値」を適用
    目をつむった画像(下のレイヤー)に「差の絶対値」を適用します。
    「差の絶対値」を適用することで、目の位置の重なりを調整します!
  4. 目があいている画像(上のレイヤー)にレイヤーマスクを適用
    レイヤーマスクを適用(黒)し、白ブラシで目元を調整します。
    目元をブラシでこすると、目の空いている画像が出てきて目がひらいている画像になります!
  5. 完成!

事例② 色調補正の補正

「差の絶対値」を適用することで、探している色を見つけることができます!
今回は、色調補正を目的に、グレー50%の色を探し、元画像の色の調整をしています。

「差の絶対値」で色調補正をする手順

  1. 女性の画像を用意(下のレイヤー)
    女性の画像は少し青っぽい色が入っているので「差の絶対値」で色調補正をする
  2. グレー50%のレイヤー(上のレイヤー)を用意
  3. グレー50%のレイヤーに描画モードの「差の絶対値」を適用
    グレー50%のレイヤーを用意することで、同じグレー50%の箇所は黒になるので、
    グレー50%の色が女性の画像のどの色なのかあぶり出すことができます!
ポイント!
上と下のレイヤーが同じ色 → 黒になる
  1. トーンカーブのスポイトで女性画像のグレー50%箇所をとる
    女性の画像の中で、グレー50%の箇所が分かったら、トーンカーブのスポイトで対象箇所を選択すると色調補正がされます!
  2. 完成!


HerTech

 

HerTechといえば、完全初心者でもたった4か月でWebデザインスキルを習得できる女性限定スクールです♪

また、なんといってもオンライン勉強会・チャットサポート・グループコーチングで挫折・不安をゼロにする仕組みがあるので継続して勉強することができます
短期間でWebデザインスキルを学びたい!」「挫折せずスキルを身に着けたい!」方には、HerTechがおすすめです♪

でも、結構高い金額かかるんじゃないの…?
はじめは無料の説明会があるから、自分にあっている内容なのか確認できるから安心だよ!
しかも、60分少人数だから受講内容を詳しく知れるよ♪
ほんと!?
じゃあ、試しにHerTechの無料説明会に参加してようかな!
あと、補足で未経験でも分かりやすいオンライン動画講義と、実践課題があるから着実にスキルアップできるよ♪

 疑問や不安をすべて解消!
HerTech無料説明会を実施中(60分)

WEBCOACH

WEBCOACHといえば、副業・フリーランスを目指す幅広い年代(20代 ~ 40代)の方が学習できるオンラインWebデザインスクールです♪

また、なんとコーチは採用率5%を潜り抜けた現役のフリーランスコーチだから、プロ目線の指導を受けることができます。
質の高いWebデザインスキルを学びたい!」方には、WEBCOACHがおすすめです♪

でも、結構高い金額かかるんじゃないの…?
まずは無料カウンセリングがあるから、学習内容やコースがあっているか確認できるから安心だよ!
ほんと!?
じゃあ試しにWEBCOACHの無料カウンセリングに参加してようかな!
あと、完全マンツーマンで24時間担当コーチに質問をしたり、定期的なコーチングで学習計画やモチベーション管理があるから挫折せず続けられるよ♪

東京デザインプレックス研究所

東京デザインプレックス研究所といえば、2012年1月に開校し、急成長している「プロフェッショナル養成」のためのWebデザインの学校です♪

また、社会人・学生を中心に20代の方に人気で、未経験からキャリアチェンジしたい人におすすめの学校です。
プロのWebデザイナーになりたい!」方には、東京デザインプレックス研究所がおすすめです♪

でも、結構高い金額かかるんじゃないの…?
まずは無料で資料請求できるから、自分の方針にあっている学校なのか確認できるから安心だよ!
ほんと!?
資料請求ならすぐできるね!まずは、東京デザインプレックス研究所の資料請求してみるよ!
あと補足で、次世代のクリエイター/デザイナーに求められる志向性やスキルを学べるプログラムがあるから未経験からキャリアチェンジしたい人にはぴったりだよ♪