スペキュラハイライト| psgips

これで解決！逆光フィルターの位置はこうやって設定する！「詳細な光源の位置」【2024】

古岡ひふみ — Sun, 01 Oct 2023 23:00:00 +0000

【Photoshop基本操作】まるで、本物のカメラで撮影したような、レンズフレアを加えることができるのが [ 逆光 ] フィルターです。しかし、思いどおりの位置に、設定できないと感じたことはありませんか？実は、小さなプレビュー内に隠された詳細設定があります。

フレアの角度が変わる？

[ 逆光 ] フィルターでつくり出されるレンズフレアの角度は、光源の位置と、適用するドキュメントの大きさによって自動設定されます。たとえば、正方形のドキュメントでは、ダイナミックさに欠けるような結果になる場合もあります。

そんなときは、35 ミリフィルムの一般的なアスペクト比「 3 : 2 」で、疑似的な余白を加えましょう。適用後にトリミングすれば、意図した効果が期待できます。

これで解決！

逆光フィルターの位置は

こうやって設定する！

[ STEP-01 ]

逆光の位置を読み取る

[ STEP-02 ]

逆光フィルターを適用する

[ STEP-03 ]

スノークロスを合成する

逆光を思いどおりの位置に！

これから行う操作は、輝く光源と、リアルなレンズフレアの効果が作成できる、[ 逆光 ] フィルターの設定方法です。逆光の位置の設定は、ダイアログ内のプレビューにおいて、光源をドラッグすることで行えます。しかし、プレビュー画面が小さいため、思いどおりの位置に、設定しにくい場合もあります。

元画像

レンズフレアの効果を加える

通常では表示されていない、[ 詳細な光源の位置 ] オプションを使用すれば、ドキュメント上の座標値を入力することにより、正確な位置に設定することができます。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

光源の位置を読み取る

作例の素材画像は、建物の窓ガラスに太陽光が反射しています。最も明るい窓に、[ 逆光 ] フィルターの効果を適用すると、窓枠の領域が狭すぎて、適切な位置に配置できません。まず、光源の位置を読み取りましょう。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1280 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 825 KB )

素材画像を開く

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。

スマートオブジェクトを確認

スマートオブジェクトとは？

レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。

目次に戻る

情報パネルを表示

[ 情報 ] パネルは、画像の座標や色情報を表示するパネルです。光源の座標値を調べる前に、定規単位の設定を確認してください。

【操作方法】

[ ウィンドウ ] メニューから、[ 情報 ] を選択します。すると、[ 情報 ] パネルが表示されます。

[ 情報 ] パネルを表示

パネルメニューから [ パネルオプション ] を選択します。

[ パネルオプション ] を選択

[ 情報パネルオプション ] ダイアログで、[ マウスカーソルの座標軸 ] セクションの [ 定規単位 ] に [ pixel ] を選択します。

[ OK ] をクリックします。

[ 定規単位 : pixel ]

単位にはpixelを選ぼう！

[ マウスカーソルの座標軸 ] に [ pixel ] を選択することで、[ 情報 ] パネルに表示される単位が [ pixel ] に変更されます。これから行う [ 逆光 ] の [ 詳細な光源の位置 ] オプションでは、単位に [ pixel ] が使用されています。

目次に戻る

座標値を調べる

画像内にマウスカーソルを合わせると、その位置の詳細な数値が、[ 情報 ] パネルに表示されます。光源の座標値を調べましょう。

【操作方法】

ドキュメント内で、光源を配置したい箇所に、マウスカーソルを合わせます。マウスカーソルの位置は、[ 情報 ] パネルから読み取るまで、そのままにしておきます。

[ 情報 ] パネルから、座標値をメモします。作例では、[ X ] が[ 1296 ]、[ Y ] が[ 530 ]という座標値でした。

座標値をメモ

横軸と縦軸のピクセル数

表示された座標値は、ドキュメントの左上を基点として、[ X ] が横軸、[ Y ] が縦軸のピクセル数を表しています。

カーソルを精細にしよう！

マウスカーソルは、現在、選択されているツールが表示されますが、詳細な箇所の座標値を読み取りたい場合は、[ caps lock ] キーを押して、マウスカーソルを [ 精細 ] に変更します。または、一時的な使用なら [ 長方形選択ツール ] でも代用できます。詳細な中心点がわかる、十字のマウスカーソルが表示されます。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post これで解決！逆光フィルターの位置はこうやって設定する！「詳細な光源の位置」【2024】 first appeared on psgips.

これで解決！室内撮影の色かぶりはこうやって直す！「ホワイトバランスと色温度」【2023】

古岡ひふみ — Mon, 16 Jan 2023 23:00:00 +0000

【Photoshop基本操作】色かぶりとは、光源の色の違いにより起こる現象です。室内撮影では、暗いオレンジ色になることも多いです。色かぶりの除去は、まず、ホワイトバランスを自動で整える機能を利用します。そして、素材に合わせた、適切な調整を行いましょう。

ヒストグラムを読む！

ヒストグラムとは、画像内のピクセル分布を表すグラフです。R、G、B チャンネルの山型が、それぞれ、離れたレベルにあると、その画像は、色かぶりを起こしています。最も影響力のある中間調の調整は、ヒストグラムを参考にすると簡単です。

これで解決！

室内撮影の色かぶりは

こうやって直す！

[ STEP-01 ]

画像の状態を確認する

[ STEP-02 ]

ホワイトバランスを整える

[ STEP-03 ]

中間調を調整する

室内撮影の色かぶりを補正する方法

これから行う操作は、Camera Raw の [ ホワイトバランス ] を使用して、暗いオレンジ色に変色した、室内撮影の色かぶりを補正する方法です。初級ユーザーにもやさしいシンプル操作です。白色点と中間調に分けて調整することがポイントです。

元画像

室内撮影の色かぶりを除去

色かぶりの原因は、光源に含まれる色温度です。色温度とは、光の色を「 K (ケルビン) 」という単位で表したものです。値が小さくなるほど赤く、大きくなるほど、青い光の波長を放ちます。早朝や日陰などで撮影した写真が、青みがかっていたりするのは、この色温度のズレによるものです。

光源と色温度の概念図

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

画像の状態を確認する

室内撮影の色かぶりを補正する前に、対象となる画像の状態を確認しておきましょう。ヒストグラムでは、なぜ、色かぶりを起こしているのか？が、各チャンネルのピクセル分布によって確認できます。

【操作方法】

素材画像をダウンロードしよう！ ( 200 KB )

素材画像を開く

photo by Victoria Dupont

目次に戻る

スマートオブジェクトに変換

素材画像を開くことができたら、[ 背景 ] をスマートオブジェクトに変換しましょう。複数のレイヤーで構成されたドキュメントの場合は、対象のレイヤーを選択してください。

【操作方法】

[ レイヤー ] パネルで、[ 背景 ] を右クリックします。

コンテキストメニューから、[ スマートオブジェクトに変換 ] を選択して適用します。

[ スマートオブジェクトに変換 ] を選択

すると、[ 背景 ] がスマートオブジェクトに変換され、レイヤー名を自動的に [レイヤー 0 ] へ変更します。

スマートオブジェクトを確認

スマートオブジェクトとは？

レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。

目次に戻る

Camera Raw を起動

Camera Raw フィルターは、Raw データを現像するための拡張機能を、Photoshop の効果として、使用できるようにしたものです。Lightroom でも、同様に行えます。

【操作方法】

[ フィルター ] メニューから、[ Camera Raw フィルター ] を選択します。

Camera Raw を起動

[ Camera Raw ] 操作パネルで、[ 補正前と補正後の表示を切り替え ] をクリックします。すると、補正前と補正後の２画面を見比べながら、色かぶりを除去する調整が行えます。

[ 補正前と補正後の表示を切り替え ] をクリック

ヒストグラムを確認

ヒストグラムとは、画像内のピクセル分布を表すグラフです。R、G、B チャンネルの山型が、それぞれ、離れたレベルにあります。これが、色かぶりを起こした画像の特徴です。特にブルーチャンネルが、大きくシャドウ側に離れています。

素材画像のヒストグラム (初期)

このことは、ブルーチャンネルの中間調が、他のチャンネルより暗いことを表しています。暗いオレンジ色に変色しているのは、このためです。

基本がわかる！色調補正の考え方

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post これで解決！室内撮影の色かぶりはこうやって直す！「ホワイトバランスと色温度」【2023】 first appeared on psgips.

冴えない写真から玉ボケをつくる方法「ぼかしギャラリーの効果・抽象イメージ」【2022】

古岡ひふみ — Sat, 13 Aug 2022 23:00:00 +0000

【Photoshop講座】玉ボケとは、ピントがあっていない、夜景写真などで見られる、ふわふわした丸い光の玉です。これをファンタジックな効果として使うと、面白い作品ができそうですね。冴えない写真から玉ボケを発生させて、抽象的なイメージを作成しましょう。

暫定値からの調整！

およそのフィルターには、設定の目安となる暫定値が初期設定されています。[ ぼかしギャラリー ] にも、ひとつの [ ぼかしピン ] に、ぼかし度や領域が設定されていますが、玉ボケの効果は、ゼロからのスタートです。困ったときには中間値。[ 光のボケ ] に 50 % の暫定値を設定しましょう。

冴えない写真から

玉ボケをつくる方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

写真から玉ボケをつくる

これから行う操作は、写真から抽象的なイメージを作成する方法です。ぼかしギャラリーには、玉ボケを擬似的に発生させる機能があります。玉の大きさや、輪郭の強調、変換する階調領域などが調整できます。

元画像

冴えない写真から玉ボケをつくる

「冴えない写真から玉ボケをつくる方法」は、元画像をそのまま利用する方法です。そのため、作例とは違うピクセルサイズの画像では、効果が発揮できないことがあります。他の素材に応用する場合は、あらかじめ、使用する画像の長辺をリサイズしてください。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

彩度を上げる

玉ボケの効果は、元画像の階調範囲で抽出するため、いちばん明るい色、つまり、白色が大部分を締める結果になりがちです。光の色を鮮やかにするため、彩度を上げておきましょう。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1280 pixel ] 、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 319 KB )

素材画像を開く

[ レイヤー ] パネルで、[ 背景 ] を [ 新規レイヤーを作成 ] にドラッグします。

[ 背景のコピー ] を作成します。

[ 背景のコピー ] を作成

レイヤー名を [ light-bokeh ] に変更します。

レイヤー名を変更

玉ボケに適した素材は？

玉ボケに適した素材は、夜景の写真です。点在する小さな光源が、玉ボケの素となります。明るく照らされた反射部分は、後の調整で削ることができます。また、玉ボケ以外の変化として、意図的に浮き立たせることもできます。

目次に戻る

スマートオブジェクトに変換

ここでは、フィルターの効果を使用します。あらかじめ、スマートオブジェクトに変換しておくと、編集が可能なスマートフィルターとして適用できます。

【操作方法】

[ レイヤー ] パネルで、[ light-bokeh ] を右クリックます。

コンテキストメニューから、[ スマートオブジェクトに変換 ] を選択して適用します。

[ スマートオブジェクトに変換 ] を選択

スマートオブジェクトに変換されたことを確認してください。

スマートオブジェクトを確認

スマートオブジェクトとは？

レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。

目次に戻る

自然な彩度を設定

彩度を上げる調整には、[ 自然な彩度 ] を使用します。適用する画像によって、適正値は異なりますが、ここでは、Max 値を設定します。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ 自然な彩度 ] を選択します。[ 自然な彩度 ]ダイアログで、[ 自然な彩度 ] に [ +100 ] を入力します。初期設定 : 0

[ OK ] をクリックします。

自然な彩度: +100

彩度を上げることができました。

元画像

自然な彩度を設定

自然な彩度とは？

通常、彩度を上げると輝度が増し、ある水準を超えると真っ白になるトーンジャンプが起こります。[ 自然な彩度 ] は、現在の輝度を保持しながら、彩度を調整することができます。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 冴えない写真から玉ボケをつくる方法「ぼかしギャラリーの効果・抽象イメージ」【2022】 first appeared on psgips.

基本がわかる！トーンカーブの使い方「暗い画像を明るくするコツと色かぶり補正」【2022】

古岡ひふみ — Tue, 18 Jan 2022 23:00:00 +0000

【Photoshop基本操作】トーンカーブは、画像補正の最強ツールです。自由な形に変化するカーブで、感覚的な操作が行えます。しかし、使い方は少々難しいです。その原因は、最大 16 箇所もある調整ポイントの多さです。まず、カーブの変化がどのような結果をもたらすのか？それを知ることから始めましょう。

座標を特定して挑む！

まさか、何万とおりもある操作を、感覚だけでやろうとはしていませんか？わずかな設定値の違いで、結果は大きく変わってしまいます。そんなときは、一般的な画像補正の階調区分を活用しましょう。６つの調整ポイントを、その座標上に追加して、明るさの調整を方向キーで行います。

基本がわかる！トーンカーブの使い方

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

トーンカーブの作成

これから行う操作は、[ トーンカーブ ] を使用した、基本的な画像の補正方法です。このレッスンでは、トーンカーブのしくみから、暗い画像を明るくするコツと、色かぶり補正を行います。

【操作方法】

素材画像をダウンロードしよう！ ( 432 KB )

素材画像を開く

photo by Pexels

[ レイヤー ] パネルで、[ 調整レイヤーを新規作成 ] をクリックし、メニューから [ トーンカーブ ] を選択します。

[ 新規調整レイヤーを作成 ] をクリック

[ トーンカーブ 1 ] が作成されたことを確認してください。

[ トーンカーブ 1 ] を作成

調整レイヤーとは？

調整レイヤーとは、ドキュメントやレイヤー単位で、色調補正が行えるオプション機能です。調整レイヤーを作成することで、元画像の内容をそのまま保つことができ、設定した後でも再編集が可能になります。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

調整ポイントの追加

調整ポイントは、ユーザー自身が自由に追加できます。初期設定は、黒点、白色点を結ぶ対角線です。最大 14 箇所の調整ポイントが追加できます。

【操作方法】

[ プロパティ ] パネルで、グラフの対角線の中央をクリックします。すると、新しい調整ポイントが追加されます。対角線上のどこでも可能

新しい調整ポイントを追加

調整ポイントを上へドラッグすると明るくなります。

中間調を明るくする基本操作

調整ポイントを下へドラッグすると暗くなります。

中間調を暗くする基本操作

ポイントと描画

トーンカーブには、２つの設定モードがあります。[ ポイントを移動してトーンカーブを変更 ] は、最大 14 箇所の調整ポイントを追加して、光量の変化を調整します。初期設定

[ ポイント ] モード

[ 描画してトーンカーブを変更 ] は、グラフ内をフリーハンドで描画して、光量の変化を調整します。[ shift ] キーを併用すると、クリック箇所から次のクリック箇所を結ぶ直線が描けます。

[ 描画 ] モード

操作は簡単ですが、微調整することが難しく、階調のねじれが発生しやすいため、初級ユーザーの方にはオススメできません。２階調化やポスタリゼーションなど、特殊な効果を作り出したい場合に活用します。

目次に戻る

調整ポイントの削除

追加した調整ポイントは、グラフの外へドラック＆ドロップすると削除できます。[ delete ] キーを押して、削除することも可能です。黒点と白点は、削除することができません。

【操作方法】

削除したい調整ポイントを選択します。

グラフの外へドラッグ＆ドロップします。削除 : [ delete ] キーを押す

スマオブにも作成できる

トーンカーブなどの色調補正ツールは、スマートオブジェクトにも作成できます。調整レイヤーのクリッピング時と、ほぼ同じ感覚で使用できます。対象のスマートオブジェクト選択して、[ イメージ ] メニューから、[ 色調補正 ] – [ トーンカーブ ] を選択します。

スマートオブジェクトに作成

スマートオブジェクトは、レイヤー内に元画像が保持できるので、調整レイヤーを入れ子として作成することも可能です。対象のレイヤー、または、[ 背景 ] と調整レイヤーを選択して、[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 基本がわかる！トーンカーブの使い方「暗い画像を明るくするコツと色かぶり補正」【2022】 first appeared on psgips.

写真を加工する！モノクロ画像のカラー化「ニューラルフィルター2021ベータ版」

古岡ひふみ — Mon, 14 Dec 2020 23:00:00 +0000

【Photoshop講座】モノクロ画像を着色するのは面倒ですね。上塗りした違和感を消すのも一苦労です。機械学習テクノロジーを使用した [ カラー化 ] を使用すれば、驚くほどカンタンに解決できます。

焦点カラーを使う！

[ カラー化 ] は、着色する箇所を [ 焦点 ] として、上塗りカラーがカスタマイズできます。大まかには、被写体と背景は焦点が違うので塗り分けるということです。[ クリックして焦点を選択 ] の設定で、カラー化の完成度は格段にアップします。

カラー化による着色処理

これから行う操作は、[ カラー化 ] を使って、モノクロ画像を着色する方法です。[ カラー化 ] は、[ ニューラルフィルター ] というフィルターカテゴリでリリースされた AI フィルターのひとつで、まだ未完成のベータ版です。バージョン 2022 以降では「正式版」として改善されています。

カラー化を適用する

素材画像をダウンロードして開きます。素材画像は、[ 幅：1920 pixel ]、[ 高さ：1280 pixel ]、[ 解像度：300 pixel/inch ]、[ カラーモード：RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 295 KB )

素材画像を開く

photo by bharatspace

[ フィルター ] メニューから、[ ニューラルフィルター ] を選択します。すると、[ ニューラルフィルター ] 操作パネルが表示されます。起動時のプレビューに表示される青枠は、AI による顔認証エリアです。

[ ニューラルフィルター ] 操作パネル

[ ニューラルフィルター ] パネルで、[ ベータ版フィルター ] をクリックします。バージョン 2022 以降では「正式版」として改善されています。

[ カラー化 ] をクリックして有効にします。クラウドからダウンロード

[ カラー化 ] を有効

[ カラー化 ] を有効にすると、自動的に画像の解析が始まり、処理が終わると結果がプレビューされます。

自動解析の結果がプレビューされる

[ カラー化 ] は、自動解析が初期設定となり、[ シーン ] セクションのプロパティで調整が可能です。

[ シーン ] セクションを確認

ニューラルフィルターとは？

Photoshop 2021 ( 22.0.0 ) から実装された [ ニューラルフィルター ] は、GPU / AI 技術を活用した新機能です。さまざまなフィルター効果をクラウドからダウンロードして使用するのが特徴です。初めて使用するフィルターは、クラウドアイコンをクリックします。

[ カラー化 ] の説明

[ ニューラルフィルター ] に含まれている [ カラー化 ] は、[ ベータ版フィルター ] として提供されています。今後も改善されていくフィルターなので、結果は一致しないかも知れませんが、驚くような結果が期待できるので試してみましょう。バージョン 2022 以降では「正式版」として改善されています。

ニューラルフィルターを初期化！

ニューラルフィルターを初期化したい場合は、次のフォルダーを削除してください。Mac のユーザーライブラリフォルダーは、デフォルトで非表示なっています。[ option ] キーを押しながら、[ 移動 ] – [ ライブラリ ] を選択してください。パス中の「24」は、バージョン 2023 の番号です。

Mac

[ユーザー名]/ライブラリ/Application Support/Adobe/ UXP/PluginsStorage/PHSP/24/Internal/ com.adobe.nfp.gallery/PluginData

Windows

C:\Users\[ユーザー名]\AppData\Roaming\Adobe\ UXP\PluginsStorage\PHSP\24\Internal\ com.adobe.nfp.gallery\PluginData

[ 出力 ] に [ スマートフィルター ] を選択します。

すべての設定ができたら、[ OK ] をクリックします。

[ スマートフィルター ] を選択

[ レイヤー ] パネルで、[ スマートフィルター ] を確認します。

[ スマートフィルター ] を確認

ハイライトを暗く！

モノクロ画像の傾向として、明るい部分を白く飛ばす「ハイキー処理」があります。[ カラー化 ] は、元画像の階調 (グレースケール) によって解析するので、真っ白な部分は「白色」として認識されます。

[ カラー化 ] を適用する前に、ハイライト領域を暗くしておくと効果的です。[ シャドウ・ハイライト ] は、シャドウ領域とハイライト領域を個別に調整できるので、ハイライト領域のみを暗くしたい場合は、[ シャドウ ] セクションの [ 量 ] に [ 0 ] % を入力し、[ ハイライト ] セクションの [ 量 ] に任意の調整率を入力します。

[ シャドウ・ハイライト ] による調整例

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 写真を加工する！モノクロ画像のカラー化「ニューラルフィルター2021ベータ版」 first appeared on psgips.

基本がわかる！色調補正の考え方「ツールの種類とヒストグラムの読み方」

古岡ひふみ — Sun, 16 Aug 2020 23:00:00 +0000

【Photoshop基本操作】色調補正とは、画像データをイメージどおりに調整することです。でも、「どのツールを選べばいいの？」とか、「使い方がわからない」と思っている人も多いはず。スライダーをいじくる前に、ほんのちょっと、色調補正のポイントや原理を知っておきましょう。正確な補正を効率よく、ツールを自由に操るために！

論理的なアプローチで挑もう！

「スライダをいじくればできる」と思っている方は、よほどの天才なのでしょう。正確な補正を効率よくするためには、まず、見た目の勘だけに頼らないという考え方が重要になってきます。そして、あたりまえですが、各色調補正ツールの特性を知ること…。あまりにも広大で、漠然とした作業領域だけに、その突破口を見つけるのも大変です。

そもそも、ゴール地点もわからず、スタートするようなことでは、いつまでたってもマスターできないですよね。そこでまず、画像を補正するという「動機」を見直してください。何らかの不満を解消するためのモノであったはずです。

基本がわかる！色調補正の考え方

[ CHAPTER-01 ]

色調補正ツールの種類

[ CHAPTER-02 ]

色調補正３つのポイント

[ CHAPTER-03 ]

ヒストグラムの読み方

色調補正ツールの種類

色調補正とは、画像データをイメージどおりに調整することです。色調補正の目的は、色を調整したり、鮮やかさを調整したり、明るさを調整したりさまざまです。Photoshop には、その目的によって選べるツールが、20種類以上もあります。

元画像

色かぶりを [ トーンカーブ ] で除去

色調補正ツールは20種類以上もある

色調補正ツールの操作方法は、[ イメージ ] メニューから、 [ 色調補正 ] – [ (任意のツール名) ] を選択します。

[ イメージ ] – [ 色調補正 ] から選択

設定後も再編集ができる、調整レイヤーを作成することもできます。[ 色調補正 ] パネルで、任意の色調補正ツールのアイコンをクリック、または、[ レイヤー ] パネルで、[ 調整レイヤーを新規作成 ] をクリックして、メニューから [ (任意のツール名) ] を選択します。

[ 色調補正 ] パネルからアイコンをクリック

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

どれを選べばいいの？

用途に応じた色調補正ツールを選ぶことは大前提ですが、実は、ここに大きな落とし穴があるのです。「大は小を兼ねる」ということわざが、適切なのかどうかわかりませんが、すべての原理はほとんど共通で、単機能より多機能の方が、あらゆる補正に対応できます。

正確な補正を効率よく、自由に操るには、安易にスライダーをいじくるよりも、まず、「原理」を知ることです。次のツール対応比較図を参照ください。

主な色調補正ツールの対応比較

トーンカーブひとつあればいい？

この図では、主な色調補正ツールを、多機能から単機能の順に並べ、上位は下位の機能を、すべて含んでいることを示しています。たとえば、[ 明るさ・コントラスト ] でできることは、[ レベル補正 ] でもできる…ということです。

では、他の色調補正ツールは何なのか？というと、多機能より単機能の方が使いやすい場合もありますよね。用途に応じた設定項目を用いたり、操作をシンプルにしたり、補正する調整点で、使い分けできるよう工夫されているのです。

しかし、このことがかえって、色調補正ツールの種類を増やす結果となり、初級ユーザーの方にとっては、テクニックをマスターする障害になっていたりすることもあると思います。

色調補正ツールを比較する

単機能ツールの [ 明るさ・コントラスト ] と、多機能ツールの [ レベル補正 ] を比較し、調整点の違いによる「明るさ」を調整してみましょう。

作例は、大きな扉の前に立つ人々です。コントラストが強めに設定されたため、扉がトンネルのような暗い空間に見えます。この扉の存在がわかるように、明るく補正しましょう。

大きな扉を明るく補正する

明るさ・コントラストを適用

[ 明るさ・コントラスト ] は、色調補正ツールの中で、簡単で理解しやすい機能です。テレビの明るさ調整に似ています。

【操作方法】

[ レイヤー ] パネルで、[ 調整レイヤーを新規作成 ] をクリックして、メニューから、[ 明るさ・コントラスト ] を選択します。

[ 属性 (プロパティ) ] パネルで、[ 明るさ ] に [ 50 ] を設定します。[ 従来方式を使用 ] を有効

[ 明るさ・コントラスト ] を設定

[ 明るさ・コントラスト ] では、設定値の増減で画像全体に補正を加えるので、明るさを増すと、残しておきたい暗い部分も明るくなってしまいます。

元画像

[ 明るさ・コントラスト]を適用

レベル補正を適用

[ レベル補正 ] は、色調補正ツールの中で、[ トーンカーブ ] に次ぎ、調整ポイントが多い機能です。中間調に加え、シャドウ点 (黒点) とハイライト点 (白色点) の調整も行えます。

【操作方法】

[ レイヤー ] パネルで、[ 調整レイヤーを新規作成 ] をクリックして、メニューから、[ レベル補正 ] を選択します。

[ 属性 (プロパティ) ] パネルで、[ 入力レベル ] に、[ 16 / 1.21 / 248 ] を設定します。

[ レベル補正 ] を設定

[ レベル補正 ] では、シャドウ、中間調、ハイライトの３つの調整ポイントがあるので、暗い部分や明るい部分を維持しながら、画像全体を明るい印象に補正することができます。

元画像

[ レベル補正 ] を適用

コントラストを維持させながら、大きな扉の存在がわかるように補正できました。色調補正の基礎は [ レベル補正 ] で、そして、[ トーンカーブ ] へ、ステップアップしていくことをオススメいたします。

目次に戻る

基本がわかる動画を配信中！

基本がわかる！画像解像度の設定

基本がわかる！色かぶりの補正

チャンネル登録をお願いします！

色調補正ツールの機能比較

以下に [ 色調補正 ] メニューから選択できる、色調補正ツールの種類を並べてみました。主な「できること」をピクト化して表していますので参考にしてください。

明るくしたり暗くしたりする

明るさや暗さを部分的に調整する

色のバランスを変えたり鮮やかにする

色を置き換えたり非現実な効果をつける

明るさ・コントラスト

画像の色調範囲を２つのスライダーで調整できる、最もシンプルで簡単な機能です。

レベル補正

画像内のピクセル分布をグラフ化したヒストグラムを表示して、シャドウ、中間調、ハイライトの照度レベル (階調) をスライダーで統合的に調整できます。イメージどおりの補正が比較的簡単に行えるので、あらゆる場面で登場する最も使用頻度の高い機能です。

トーンカーブ

[ レベル補正 ] の調整点 (シャドウ、ハイライト) に加えて、最大16箇所のポイントを調整することができる「画像補正の最強ツール」です。カーブ操作で感覚的に補正できる反面、機能が複雑で理解するのが難しいツールでもあります。

基本がわかる！色かぶりの補正

色かぶりをワンクリックで除去する方法

露光量

カメラを操作するような感覚で、画像の明るさや暗さを詳細に調整できる機能です。露光量とは、絞りとシャッタースピードで調整する光の量で、EV値という数値で表され、露光量が大きいほど画像は明るくなります。バージョン CS 2 以上

自然な彩度

彩度を上げると階調が失われることがありますが、この現象を最小限に抑え調整できるのが [ 自然な彩度 ] です。不自然になりがちだった彩度の調整が、スライダーを動かすだけで簡単に行えます。バージョン CS 4 以上

色相・彩度

画像全体の色味を極端に変えたり、色の鮮やかさや明るさを調整したりするコマンドで、特定のカラー範囲を調整することや、すべてのカラー範囲を同一に調整することもできます。

緑の葉を秋らしく紅葉させる

これで解決！スポーツカーの色はこうやって変える！

カラーバランス

色の混合率を変更して、画像の色調補正ができるコマンドです。色かぶりの修正や、微妙な調整に用いる場合も多いですが、画像を確認しながら直感的に操作できるので、誇張した表現にも欠かせない機能です。

白黒

カラー画像を「白黒」画像に変換する機能です。色の系統別に詳細な設定ができるので、素材に応じたモノクロ表現の幅が広がります。[ 着色 ] オプションでセピア調などの表現も簡単に行えます。バージョン CS 3 以上

レンズフィルター

カメラレンズにカラーフィルターを装着する感覚で、カラーバランスや色温度を調整できる機能です。バージョン CS 以上

チャンネルミキサー

RGB チャンネルをそれぞれ調整することにより色調を変換する機能です。[ モノクロ ] オプションでは、カラーフィルターを用いた白黒写真の効果が演出できます。

カラー画像から２色刷りデータを作成する方法

カラールックアップ

あらかじめインストールされたプリセットファイルを選択するだけで、写真がドラマチックな色調に変換できます。バージョン CS 6 以上

階調の反転

画像内に含まれる 256 階調カラー値を反対の値に変換する機能です。

ポスタリゼーション

階調数を設定することにより、色調を地図の等高線のように段階的に分ることができます。

２階調化

画像内に含まれる 256 階調カラー値を２つの階調 (白と黒) に変換する機能です。

グラデーションマップ

画像の階調 (グレースケール) に応じて色を付けられる機能で、詳細な色の指定は [ グラデーションエディター ] で行います。

特定色域の選択

他の色に影響を与えることなく、特定の色だけを選んで補正することができます。カラーの構成要素はプロセスカラー ( CMYK ) が対象ですが、RGB 画像にも直感的な補正が簡単に行えます。

シャドウ・ハイライト

たとえば逆光で被写体が暗くなった画像の「影の部分を起こす」場合に適しています。画像を単に明るくしたり暗くしたりするだけではなく、設定したシャドウ部分、または、ハイライト部分の領域で、それぞれを調整できる機能です。バージョン CS 以上

バリエーション

色調補正のさまざまなバリエーションのサムネールを表示し、適切なサムネールをクリックするだけで簡単に色調補正ができます。バージョン CS 4 以下 ( CS 5 : [ 32ビットモードで開く ] で使用可能)

彩度を下げる

カラーモードを変更せず、各チャンネルに同じグレースケールを振り分けることで彩度を下げます。

カラーを適用

レイヤーを含む複数の画像のカラー情報を適用し、色調を変換できる機能です。

色の置き換え

画像内に含まれる特定のカラーを選択し、別の色に置き換えることができます。

平均化 (イコライズ)

明暗が偏った画像に適用してバランスを整える機能です。[ フェード ] を併用して調整します。

Camera Raw

Camera Raw 形式で保存されたデジタルカメラの未処理データを、現像するような感覚で、独自のダイアログボックスを用いて、色補正やシャープなどの処理が行える追加機能です。バージョン CS 3 以上

これで解決！室内撮影の色かぶりはこうやって直す！

明るさ・コントラストは使わない？

初級ユーザーの方にとって、最もわかりやすい補正ツールは [ 明るさ・コントラスト ] だと思います。明るさやコントラストをスライダで調整する感覚は、直感的に変化を確認できてとても簡単です。しかし、これを「補正」と言えるのでしょうか？

[ 明るさ・コントラスト ] では、設定値の増減で画像全体に補正を加えるので、たとえば、明るさを増すと、暗い部分も明るくなってしまうのです。そういう意味では、扱いにくいツールなのかも知れません。[ 従来方式を使用 ] を有効にした場合

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 基本がわかる！色調補正の考え方「ツールの種類とヒストグラムの読み方」 first appeared on psgips.

【画像の合成】背景が透ける！切り抜きグラスの合成方法「描画モードとブレンド条件」【2020】

古岡ひふみ — Thu, 18 Jul 2019 23:00:00 +0000

【Photoshop基本操作】画像にワイングラスを合成するには、不透明度で「半調」にしてはダメです。これじゃ幽霊みたいになってします (笑)。ガラスのくっきりした質感は、エッジの濃い部分と、光沢や映り込みの明るい部分を残しながら、背景が透けて見えるように調整しなければなりません。描画モードの「乗算」と「スクリーン」を活用してみましょう。

ブレンド条件で最終調整！

ブレンド条件とは、階調レベルで不透明度を調整する機能です。合成結果に反映させない境目 (隠す領域) が調整できます。言ってみれば、この機能だけで合成することも可能です。しかし、対象画像により、階調数が減ってしまうので「全能」ではありません。作例では、最終調整で不透明部分を削る目的に使用します。

背景が透ける！

切り抜きグラスの合成方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

背景が透けて見える合成方法

これから行う操作は、無背景で撮影したワイングラスを切り抜き、別の画像に合成する方法です。背景が透けて見える合成方法がテーマなので、素材画像のワイングラスには、すでに切り抜きパスが作成してあります。切り抜きが苦手な方でもカンタンにできるレッスンです。リアルな合成に挑戦してみましょう！

元画像

背景が透けて見える合成方法

目次に戻る

切り抜きマスクを作成する

レッスン用のドキュメントには、あらかじめ、ワイングラスの形のパスが保存されています。そのパスから、選択範囲を読み込んで、切り抜き用のレイヤーマスクを作成しましょう。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1276 pixel ]、[ 高さ : 1920 pixel ]、 [ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 377 KB )

素材画像を開く

photo by adonyig

白色ホリゾントが原則！

素材に用いるワイングラスは、白色ホリゾント (背景の壁や布・紙など) で撮影されていることが原則です。背景があるものや黒っぽいホリゾントは NG です。

黒っぽい背景だと暗い部分が抽出しにくい

描画モードの [ 乗算 ] と [ スクリーン ] を活用する方法では、いちばん暗い部分と明るい部分がそれぞれ抽出できなくてはなりません。そのためには、中間調を起点とした明るめの背景に、透明なオブジェクトを置いた素材が適しています。

基本がわかる！描画モードの種類と特性

[ パス ] パネルを表示します。

[ パス 1 ] レイヤーサムネールを [ command ( Ctrl ) ] キーを押しながらクリックします。描画ピクセルを選択

基本がわかる！パスの作成と使い方

[ command ( Ctrl ) ] + クリック

すると、ワイングラスの選択範囲が作成されます。

切り抜きの選択範囲を確認

[ イメージ ] メニューから、[ 切り抜き ] を選択します。すると、選択範囲の領域でトリミングされ、カンバスサイズが最小限の大きさになります。

切り抜きを極める！画像のトリミング方法10選

選択範囲の領域でトリミング

[ レイヤー ] パネルを表示します。

[ 背景 ] サムネールを [ option ( Alt ) ] キーを押しながらダブルクリックします。すると、背景からレイヤーに変換されます。

基本がわかる！レイヤーの使い方

[ option ( Alt ) ] + ダブルクリック

背景からレイヤーに変換

[ レイヤー ] パネルで、[ レイヤーマスクを追加 ] をクリックします。

基本がわかる！レイヤーマスクの使い方

[ レイヤーマスクを追加 ] をクリック

ワイングラスの切り抜きが完了しました。

領域でトリミング

レイヤーマスクで切り抜き

切り抜きマスクをパーツで！

レイヤーマスクで切り抜きを行う場合、合成する別の画像にコピー＆ペーストしてから、そのドキュメントで作業する方がイメージしやすいかも知れません。

しかし、切り抜きの対象が小さかったり、レイヤーが複数で構成されているときは、無駄や混乱の原因にもなりかねません。作例では、切り抜きマスクをパーツの段階で作成しておくことで、後の作業の効率化を図ります。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

合成用レイヤーの準備

背景が透けるグラスの合成では、描画モードが異なる２枚の合成用レイヤーが必要です。スマートオブジェクトを複製することで、再編集した場合も、その結果が連動するレイヤーを作成することができます。

【操作方法】

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択して適用します。

[ スマートオブジェクトに変換 ] を適用

スマートオブジェクトとは？

[ スマートオブジェクトに変換 ] を適用すると、[ 背景 ] やレイヤーが「スマートオブジェクト」に変換されます。スマートオブジェクトにすることで、適用後の色調補正やフィルターが再編集できます。

レイヤーマスクを含むスマートオブジェクトは、リンクされたマスク領域が保持され、ドキュメントを開くことで、レイヤーマスクを編集することができます。

[ レイヤー ] パネルで、[ レイヤー 0 ] を [ 新規レイヤーを作成 ] にドラッグします。

[ レイヤー 0 のコピー ] が作成されたことを確認します。

[ 新規レイヤーを作成 ] にドラッグ

[ レイヤー 0 のコピー ] を作成

それぞれのレイヤー名を上から [ グラス : スクリーン ]、[ グラス : 乗算 ] に変更します。

[ グラス : スクリーン ] を選択します。

[ グラス : 乗算 ] を非表示にします。

レイヤー名を変更

スマオブを複製すると？

同じドキュメント内で、スマートオブジェクトを複製すると、それぞれのコンテンツはリンクされます。

たとえば、元のスマートオブジェクトで行なったレイヤーマスクの編集は、複製したスマートオブジェクトにも反映されます。まったく同じ編集内容が共有されるワケです。

ひとつの修正ですべてのファイルを更新する方法

目次に戻る

基本がわかる動画を配信中！

基本がわかる！画像解像度の設定

基本がわかる！色かぶりの補正

チャンネル登録をお願いします！

開口部を設定

ワイングラスの開口部を斜め上から見ると、後方が１枚、前方が２枚重なっています。不透明度は、１枚より２枚の方が高くなるので、その違いを設定する必要があります。

【操作方法】

[ パス ] パネルを表示し、[ パス 1 ] を選択します。

[ パス 1 ] を選択

[ ツール ] パネルで、[ パスコンポーネント選択ツール ] を選択します。

[ パスコンポーネント選択ツール ] を選択

ワイングラスの開口部をクリックして、楕円形の閉じたパスを選択します。

[ command ( Ctrl ) ] + [ C ] キーを押して、コピーします。

開口部のパスをクリック＆コピー

[ パス ] パネルで、何もないところをクリックします。

すると、[ パス 1 ] の選択が解除されます。パスを非表示

何もないところをクリック

[ レイヤー ] パネルを表示して、[ command ( Ctrl ) ] + [ V ] キーを押してペーストします。

すると、[ グラス : スクリーン ] に、ベクトルマスクが作成されます。

基本がわかる！マスクの種類と作り方

[ レイヤー ] パネルを表示してペースト

ベクトルマスクを作成

オプションバーで、[ 前面シェイプを削除 ] を選択します。

[ 前面シェイプを削除 ] を選択

開口部がマスクされ、透明ピクセルに置き換えられました。

開口部がマスクされた

開口部の不透明度を調整！

グラスの開口部に設けたベクトルマスクは、後の操作で不透明度を調整するために用います。この部分は、グラスの中でもいちばん背景が透ける部分です。

しかし、撮影時による白色ホリゾントの影響も大きく、暗い背景に合成する場合は、その明るさを大幅に抑えなければ、他の部分との整合性が取れません。

目次に戻る

グループを作成

２枚のレイヤーをひとつにまとめるグループを作成します。グループの作成は、対象レイヤーを選択してから行うと、フォルダーに入れる操作が省略できます。

【操作方法】

[ レイヤー ] パネルで、[ グラス : 乗算 ] を表示します。

[ shift ] キーを押しながら、[ グラス : 乗算 ] をクリックして、[ グラス : スクリーン ] と２枚同時に選択します。

[ グラス : 乗算 ] を表示

２枚同時に選択する

[ 新規グループを作成 ] をクリックします。

[ グループ 1 ] が作成されたことを確認します。

[ 新規グループを作成 ] をクリック

[ グループ 1 ] を作成

[ グループ 1 ] の名称を [ 切り抜きグラス ] に変更します。

グループ名を変更

複数のレイヤーを一括管理！

作例のように、切り抜き用レイヤーが複数で構成されている場合、グループフォルダーに入れておくと、移動や変形などの適用が、切り抜きオブジェクト単位で一括して行えるようになります。

乱雑になりがちな [ レイヤー ] パネルも整理できるので、一石二鳥ですね。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 【画像の合成】背景が透ける！切り抜きグラスの合成方法「描画モードとブレンド条件」【2020】 first appeared on psgips.

【色調補正】色かぶりをワンクリックで除去する方法【トーンカーブ】

古岡ひふみ — Sat, 10 Feb 2018 23:00:00 +0000

【Photoshop基本操作】色かぶりとは、撮影時の「光源の色の違い」により起こる現象で、写真全体の色調が赤っぽかったり、青っぽかったりすることです。自動で行える便利機能もありますが、素材によっては、あまり効果が出ないものもあります。適切なサンプリングポイントを見極めて、ワンクリックで除去する方法をご紹介しましょう。

真っ白にしたい部分をクリックするだけ！

このワンクリックは、自動に頼らない「白色点 (ハイライト点) 」を設定する操作です。白色点とは、R、G、B、それぞれを最大値にすることで「真っ白」にする階調レベルです。一般的には「スペキュラ (鏡面光) 」という、写真に含まれる階調の中で、いちばん明るい部分を指します。

しかし、強いスペキュラが存在する場合、すでにその箇所が白色点なら、自動による、色かぶりの除去は望めません。そんなときは、手動によるサンプリングが、有効な手段となるワケです。

色かぶりを

ワンクリックで除去する方法

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

トーンカーブで除去する

これから行う操作は、画像内をワンクリックして、色かぶりを除去する方法です。自動に頼らない順応性を持っているので、あらゆる場面で役立ちます。

色かぶりの主な原因は、撮影時による光源の色の影響や、「ホワイトバランス」が適切に働いていないことが考えられます。たとえば、電球下の被写体が乱反射して、別の光源 (青い光の波長) を放っていたりすると、赤っぽい写真になってしまいます。

ホワイトバランスは、R、G、B のバランスを変えれば改善できます。R、G、B の白色点を揃えるという概念で、色かぶりを除去しましょう。

基本がわかる！色かぶりの補正

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 2048 pixel ]、[ 高さ : 1360 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 702 KB )

素材画像を開く

[ レイヤー ] パネルで、[ 調整レイヤーを新規作成 ] をクリックし、メニューから、[ トーンカーブ ] を選択して、[ トーンカーブ 1 ] を作成します。

[ トーンカーブ 1 ] を作成

調整レイヤーを作成すると、自動的に [ 属性 (プロパティ) ] パネルが表示されます。

[ 属性 (プロパティ) ] パネルを確認

調整レイヤーとは？

目次に戻る

基本がわかる動画を配信中！

基本がわかる！画像解像度の設定

基本がわかる！色かぶりの補正

チャンネル登録をお願いします！

白色点を設定

R、G、B の白色点を揃える色調補正は、一般的に「ホワイトバランス」と呼ばれています。Photoshop の [ トーンカーブ ] では、グラフの対角線の右上コーナーにある調整ポイントが「白色点」です。

【操作方法】

[ 属性 (プロパティ) ] パネルで、[ 画像内をサンプルして白色点を設定 ] をクリックします。以降 [ 白色点を設定 ] と略す・ホワイトバランスと同意

[ 白色点を設定 ] をクリック

画像内で特定したサンプリングポイント (真っ白にしたい部分) をクリックします。

色かぶりをワンクリックで除去することができました。

色かぶりをワンクリックで除去することができた

色かぶりが除去できない？

真っ白にしたい部分をクリックしたけど、色かぶりが除去できない、または、変化がない場合は、画像内で特定したサンプリングポイントが適切ではありません。

そのまま、クリックをやり直すか、または、[ トーンカーブ ] の [ 属性 (プロパティ) ] パネルで、[ プリセット ] に [ 初期設定 ] を選択して、もう一度やり直してください。

また、[ トーンカーブ ] には、[ 自動補正 ] を活用した補正方法もあります。スペキュラハイライトを含んでいない素材、人物の肌色を違和感なく補正したい場合などに試してみましょう。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 【色調補正】色かぶりをワンクリックで除去する方法【トーンカーブ】 first appeared on psgips.

基本がわかる！コントラストのつけ方「知っておきたい３つのポイント」

古岡ひふみ — Thu, 16 Jul 2015 23:00:00 +0000

【Photoshop基本操作】コントラストを上げるため、意味もわからずスライダーをいじくっていませんか？色調補正の最強ツール [ トーンカーブ ] を使いこなすために、まず、色調補正のしくみがわかりやすい [ レベル補正 ] を用いて、「黒ツブレ」や「白トビ」といった、失敗をしない補正方法を学びましょう。

補正の「動機」を見直そう！

わかりきったことですが、今の状態に何の不満も感じない場合は、画像を補正する必要がありません。「明るくしたい」とか、「コントラストを上げたい」とか、漠然とした「動機」でもかまいません。その不満を解消するための補正であることを意識しましょう。

作例では、「黒いスポーツカーを明瞭に見せたい」という動機を重要視しています。そのため、いかに操作を組み立てていくか？…を考えます。

これは、単に「コントラストを上げたい」という補正ではありません。視覚的に訴求するポイントは、黒いボディの質感にあり、その結果が「コントラストを上げる」という補正方法を導き出しているのです。

基本がわかる！コントラストのつけ方

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

コントラストとは？

ハイウェイを疾走するスポーツカー。誰もが明るい印象に補正したいと思うでしょう。そして、黒いボディと光沢の、くっきりしたコントラストを望むでしょう。コントラストとは、暗い部分と明るい部分の差をつける表現です。

コントラストを上げる操作は、被写体を明瞭に見せることができます。そのため、画像を扱う現場では、頻繁に行われる作業です。そして、色調補正の基本でもあります。

しかし、コントラストといっても、その度合いは、いろいろあります。明暗の差が極端に大きい「ハイコントラスト」を、真っ先に思い浮かべる方も多いでしょう。このような表現や演出を、初級ユーザーの方がマスターするには、その前に知っておかなければならないことがあります。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

初歩的な失敗は黒ツブレと白トビ

初級ユーザーの方が陥りやすい失敗は、過度な調整による「黒ツブレ」や「白トビ」です。黒ツブレとは、画像の最も暗い部分が、広範囲に均一となって、黒く塗りつぶされている状態です。白トビとは、画像の最も明るい部分が、広範囲に均一となって白く飛んでしまっている状態です。

基本がわかる！色調補正の考え方

これから行う操作は、補正する動機を「質感の演出」と捉え、現在の画像の状態を知ることから始めます。色調補正のしくみがわかりやすい多機能型ツール、[ レベル補正 ] を用いて、黒ツブレや白トビといった、失敗をしない補正方法を学びましょう。

ハイコントラストとは？

ハイコントラストとは、コントラストをより強くした俗称です。画像の演出や効果として、よく使われている言葉です。そのため、コントラスト = ハイコントラストだと捉える方も多いですが、勘に頼ったり過度な調整は、黒ツブレや白トビなどのような、初歩的な失敗を招きやすいです。

ここでは、Photoshop の表記や表現に基づき、両者を明確に区別しています。論理的な考え方で、まず、シャドウ点、中間点、ハイライト点の３つの調整ポイントをマスターしましょう。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 基本がわかる！コントラストのつけ方「知っておきたい３つのポイント」 first appeared on psgips.

スペキュラハイライト| psgips

これで解決！逆光フィルターの位置はこうやって設定する！「詳細な光源の位置」【2024】

逆光を思いどおりの位置に！

光源の位置を読み取る

情報パネルを表示

座標値を調べる

これで解決！室内撮影の色かぶりはこうやって直す！「ホワイトバランスと色温度」【2023】

室内撮影の色かぶりを補正する方法

画像の状態を確認する

スマートオブジェクトに変換

Camera Raw を起動

冴えない写真から玉ボケをつくる方法「ぼかしギャラリーの効果・抽象イメージ」【2022】

写真から玉ボケをつくる

彩度を上げる

スマートオブジェクトに変換

自然な彩度を設定

基本がわかる！トーンカーブの使い方「暗い画像を明るくするコツと色かぶり補正」【2022】

トーンカーブの作成

調整ポイントの追加

調整ポイントの削除

写真を加工する！モノクロ画像のカラー化 「ニューラルフィルター2021ベータ版」

カラー化による着色処理

カラー化を適用する

基本がわかる！色調補正の考え方「ツールの種類とヒストグラムの読み方」

色調補正ツールの種類

どれを選べばいいの？

明るさ・コントラストを適用

レベル補正を適用

色調補正ツールの機能比較

【画像の合成】背景が透ける！切り抜きグラスの合成方法「描画モードとブレンド条件」【2020】

背景が透けて見える合成方法

切り抜きマスクを作成する

合成用レイヤーの準備

開口部を設定

グループを作成

【色調補正】色かぶりをワンクリックで除去する方法【トーンカーブ】

トーンカーブで除去する

白色点を設定

基本がわかる！コントラストのつけ方「知っておきたい３つのポイント」

コントラストとは？

初歩的な失敗は黒ツブレと白トビ

写真を加工する！モノクロ画像のカラー化「ニューラルフィルター2021ベータ版」