Photoshopの描画モード「スクリーン」とは?使い方と活用事例

こんな方におすすめ!

・描画モードのスクリーンについて知りたい!
・描画モードを使いこなせるようになりたい
・描画モードのスクリーンってどんな効果があるの?
・スクリーン設定はよく使うけど、実際どんな効果の機能なの?

この記事では、Photoshop初心者でも簡単に理解できるよう、描画モード「スクリーン」の基本的な仕組みから、効果的な使い方、実践的な活用事例まで詳しく解説しています!

Photoshopの描画モード27種類の中の「スクリーン」について深堀して説明していますので是非チェックしてください♪

そもそもPhotoshopの描画モードとは?

 
描画モードは、Photoshopにある便利な機能で、複数の画像をブレンドする効果があります!

Photoshopの描画モードとは、複数の画像をブレンド加減の調整ができますが、それぞれの効果は描画モードの種類によって変わってきます。

描画モードの種類は27種類ありますが、今回は描画モードの「スクリーン」について詳しく解説します!

【Photoshop】描画モードの「スクリーン」とは?

「スクリーン」の特徴

① 黒 → 透過
② それ以外の色 → 重なった色に少し明るさが足される
③ 白 → 白のまま

「スクリーン」の計算式

(上+下)-(上×下÷255)

①黒(下のレイヤー)に上のレイヤーを「スクリーン」設定すると、透過してそのまま上のレイヤーの色が反映されます。

②黒・白以外の色(下のレイヤー)に上のレイヤーを「スクリーン」設定すると、重なった意図に明るさが足されます。

③白(下のレイヤー)に上のレイヤーを「スクリーン」設定すると、上のレイヤーの色は反映されずそのまま白が反映されます。

【!】 描画モードの「スクリーン」 ←(真逆)→  描画モードの「乗算

【Photoshop】描画モードの「スクリーン」の使い方と活用事例

白黒パターンを描画モードの「スクリーン」で色を適用

手順

①白黒のパターンを用意(下のレイヤー)
②黄色(上のレイヤー)
③黄色の上のレイヤーに、描画モードの「スクリーン」を適用
 
黒が透過して、黒の箇所が黄色の色に変わっています!

白黒画像を描画モードで「スクリーン」で色を適用

手順

①白黒のイラスト画像を用意(下のレイヤー)
②赤色(上のレイヤー)
③赤色の上のレイヤーに、描画モードの「スクリーン」を適用
 
黒が透過して、黒の箇所(ハートと手)が赤の色に変わっています!

湯気の合成

手順

①白黒の煙の画像を用意(下のレイヤー)
②ラーメンの画像を用意(上のレイヤー)
③湯気の画像に、描画モードの「スクリーン」を適用
 
黒が透過して白の煙だけが残っています!
※煙を「選択ツール」で抜いて画像に反映させるの大変です!
 煙を反映させたいときは、白黒の煙の画像を用意して、「スクリーン」で適用させましょう!
黒 → 透過
白 → 白のまま

月の画像を反映

手順

①月の画像を用意(下のレイヤー)
②スカイツリーの夜景画像を用意(上のレイヤー)
③月の画像に、描画モードの「スクリーン」を適用

 
背景の黒がすべて透過して、月だけがスカイツリー画像に反映されています!


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

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