Photoshopの描画モード「オーバーレイ」の効果と使い方を徹底解説!

こんな方におすすめ!

・描画モードの「オーバーレイ」はどんな効果があるの?
・どんな時に「オーバーレイ」を使うと効果的?
・「オーバーレイ」の使い方を知りたい
・描画モードについて詳しく知りたい
・描画モードの「オーバーレイ」を使った活用例を見たい

Photoshop初心者でも大丈夫!
この記事では、Photoshopの描画モード「オーバーレイ」の基本から応用までを図解でわかりやすく詳しく解説しています。

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

Photoshopの描画モードとは?

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

描画モードは27種類あり、画像の色調補正特殊効果を簡単に適用することができます!

描画モードとは?

 
複数の画像が重なってブレンドされる加減のこと!

ブレンド加減は描画モード27種類のそれぞれの種類によって変わっていきます。
今回は、その中でも「オーバーレイ」について掘り下げて紹介していきます!

【Photoshop】描画モードの「オーバーレイ」とは?

オーバーレイは、Photoshopの描画モードの一つです!
このモードでは、ベースカラーと重ね合わせるカラーの明るい部分はベースカラーを明るくし、暗い部分はベースカラーを暗くする効果があります。

オーバーレイの特徴

 

コントラストの強調

オーバーレイモードは、下のレイヤーの50%グレーを基準にして、上のレイヤーのピクセルが50%グレーより明るい場合は画像を明るくし、50%グレーより暗い場合は画像を暗くします。これにより、全体的にコントラストが強調されます。

 

不透明度の調整

上のレイヤーの不透明度を調整することで、オーバーレイ効果の強さを調整できます。
低い不透明度にすると、効果が弱まり、より柔らかな仕上がりになります。

 

カラー情報の保持

オーバーレイモードは、色相や彩度を大きく変えずに、明るさと暗さを調整するため、カラー写真に適用しても自然な色合いを保ちつつ、画像のディテールを強調することができます。

オーバーレイとは?

 
コントラストをつけてくれる描画モードの1つの機能!

コントラストとは:対比、明暗の差

明るいところをより明るく、暗いところはより暗くしてくれる
→コントラストをつけると、くっきりはっきりメリハリのある画像を再現できます!

 

オーバーレイの機能

①50%グレー → 透過

 
明るいところはより明るく、暗いところはより暗くなっているのが分かります!

白以上に明るくなることはないので白は白のまま、真っ黒の場合は黒より暗くできないので黒は黒のままになっています。
明るめのグレーの場合は、より明るくなって白に近い色に変化しています。
暗めのグレーの場合は、より暗くなって黒に近い色に変化しています。
中心の、50%グレーは変わらずそのまま、透過して反映されています!

②下のレイヤーが明るい → 結果はより明るくなる
③下のレイヤーが暗い → 結果はより暗くなる

描画モード「オーバーレイ」の適用手順

  1. 女性の画像を用意(下のレイヤー)
  2. 女性の画像を複製(上のレイヤーとして配置)
  3. 複製した女性の画像(上のレイヤー)の描画モードを「オーバーレイ」に適用

オーバーレイの効果

ポートレート写真:肌の質感や立体感を強調し、生き生きとした印象に仕上げることができる。
風景写真:空や海の青を鮮やかにし、夕焼けや朝焼けを幻想的に表現することができる。
イラスト: 影やハイライトを強調することで、奥行きのある作品に仕上げることができる。

【Photoshop】「オーバーレイ」の使い方と活用事例!

事例① 風景画像を「オーバーレイ」でコントラストを高める

「オーバーレイ」設定の手順

  1. 風景画像を用意
  2. 風景画像を複製
  3. 上のレイヤーの風景画像を、描画モードの「オーバーレイ」に設定
  4. 完成!
 
コントラストが高すぎる場合は、「不透明度」を下げて調整してみましょう!

事例② 人物画像を「オーバーレイ」でコントラストを高める

「オーバーレイ」設定の手順

  1. 人物画像を用意
  2. 人物画像を複製
  3. 上のレイヤーの人物画像を、描画モードの「オーバーレイ」に設定
  4. 不透明度を50%に設定してコントラストを調整
  5. 完成!
 
不透明度を50%にしてコントラスト加減を調整しています!

事例③ 食品画像を「オーバーレイ」でコントラストを高める

「オーバーレイ」設定の手順

  1. 果物&ドリンクの画像を用意
  2. 果物&ドリンクの画像を複製
  3. 上のレイヤーの果物&ドリンクの画像を、描画モードの「オーバーレイ」に設定
  4. 不透明度でコントラストを調整
  5. 完成


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デザイナーになりたい!」方には、東京デザインプレックス研究所がおすすめです♪

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