加色混合| psgips

基本がわかる！色かぶりの補正「ホワイトバランスと色温度」【2024】

古岡ひふみ — Mon, 08 Jan 2024 23:00:00 +0000

【Photoshop基本操作】写真全体の色調が、特定の色に偏っていることを「色かぶり」といいます。色かぶりとは、光源の色の違いにより起こる現象です。そのため、光の３原色である「 RGB 」のバランスを整えれば、元の印象に戻すことができます。その原因と補正方法を学びましょう。

RGBの白色点を揃える！

光の３原色である RGB のバランスを整えることが、色かぶりの除去方法です。しかし、色調補正はケースバイケースなので、どのような場合でも当てはまる「明確な答え」みたいなものが欲しいところですね。

とりあえず、RGB の白色点を揃えておいて、対象画像に応じた微調整を行うというのが、これから紹介する色かぶりの除去方法です。

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

[ CHAPTER-01 ]

ホワイトバランスと色温度

[ CHAPTER-02 ]

色かぶりの自動補正

[ CHAPTER-03 ]

自動補正を緩和する

ホワイトバランスと色温度

写真の仕上がりが、撮影時の印象よりも青みがかってたり、赤みがかってたりすることはよくあります。しかし、このような「色かぶり」を、単なる「変色」だと捉えるのは間違いです。ある意味、自然に忠実であるからこそ、起こる現象なのです。その原因から探っていきましょう。

元画像

色かぶりの補正

レッスン動画を配信中！

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

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

ホワイトバランスとは？

ホワイトバランスとは、太陽光や、蛍光灯などの、光源の色の違いを調整することをいいます。撮影時に、適切なホワイトバランスが設定されていなければ、このような色かぶりは、顕著に現れます。

不適切なホワイトバランスで撮影

それは、AUTO [オート] で撮影しても同じです。さまざまな光源の色を、誤って認識する場合もあるので、カメラにおまかせで、人から見た印象に合わせるのは難しいです。

AUTO [オート] で撮影

あらかじめ、カメラに設定された、ホワイトバランスを適用して撮影すると、人から見た印象に最も近い結果になります。

適切なホワイトバランスで撮影

マニュアルWBとは？

カメラでホワイトバランスをマニュアル設定するには、撮影時の環境下で白い紙を置き、それをファインダーいっぱいに捉えて、WB (ホワイトバランス) とします。「マニュアル WB 」を設定することで、色かぶりはカンタンに防げます。機能名や操作方法は、ご使用のカメラによって異なります。

目次に戻る

色温度の値と色の関係

光の色を「 K (ケルビン) 」という単位で表したものが「色温度」です。実際の「色の温度」ではありません。早朝や日陰などで撮影した写真が、青みがかっていたり、屋内でのストロボ撮影が、赤みがかっていたりするのは、この色温度のズレによるものです。

光源と色温度の関係

色温度の値は、小さくなるほど赤く、大きくなるほど青い光の波長を放ちます。たとえば、ロウソクの炎は赤色、電球は黄色、太陽光は白色という、大まかな目安を持っておくといいでしょう。このような、光源の色の違いで起こる色かぶりを、カメラはホワイトバランスの設定値を変えることで、人から見た印象に近付けています。

太陽光の基準値は？

太陽光の基準値は、5500K 〜 6500K です。しかし、実際の太陽光は黄みがかって見えるので、少し青みがかる方が、白色として認識される傾向があります。

昼間の印象 ( 5500K )

夜間の印象 ( 13000K )

太陽光が白色だとすると、それは、明るさの Max 値となるので、ケルビン値が 6000K より大きくなると、青色の濃度が高まっていきます。つまり、曇天や夜間の印象が青色となるワケです。

目次に戻る

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

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

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

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

ホワイトバランスのしくみ

たとえば、カメラのホワイトバランスを 3000K に設定すると、その座標を白色点 (ハイライト点) として、RGB のバランスが整えられます。機能名や操作方法は、ご使用のカメラによって異なります。

ホワイトバランスを設定した座標が白色点になる

どこの座標でも同じです。光源の色の違いに応じた、ホワイトバランスを設定すると、色かぶりの影響は、ほとんど現れません。どんな光源に対しても、白色点を真っ白にすることが、色かぶりを未然に防ぐしくみなのです。Photoshop で色かぶりを除去する場合も、このしくみと同じです。

光源の色に対して RGB の白色点を整える

RGBのMAX値が白色！

光の３原色である RGB は、加色混合 (かしょくこんごう) という特性によって、R、G、B の光が、すべて Max 値で重なると白色になります。これは「スペキュラハイライト」という、キラリと輝く光源の部分などの白色です。

加色混合の特性

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 基本がわかる！色かぶりの補正「ホワイトバランスと色温度」【2024】 first appeared on psgips.

基本がわかる！RGBとCMYK「知っておきたい色の見え方」【2024】

古岡ひふみ — Tue, 12 Dec 2023 23:00:00 +0000

【Photoshop基本操作】パソコンのディスプレイから発する色に、疑問を抱いたことはありませんか？電源をオフにしてみてください。それまで黒だと信じていた色は、実はディスプレイの生の色だったのです。色ってなんだろう？この素朴な疑問から、デジタル画像の攻略は始まるのです。

光の色とモノの色！

色の見え方には２種類あって、ひとつは「透過する光の色」、もうひとつは「反射するモノの色」です。太陽光には虹色のスペクトルが含まれていて、光そのものはいろんな色に見えます。その光を受けて反射するモノにも色が存在します。これは光をどのように、どれだけ反射するかで色が決まります。たとえば、すべてを反射する色は白、まったく反射しない色は黒になります。

基本がわかる！RGBとCMYK

[ CHAPTER-01 ]

色の見え方のちがい

[ CHAPTER-02 ]

カラー設定

[ CHAPTER-03 ]

カラーモードの変換

色の見え方のちがい

色の見え方のちがいを、「パソコンのディスプレイ」と、「印刷物の紙」に分けて考えましょう。パソコンのディスプレイは、赤 ( Red )、緑 ( Green )、青 ( Blue ) という「光の３原色」によって、色が表現されています。印刷物の紙は、シアン ( Cyan )、マゼンタ ( Magenta )、イエロー ( Yellow ) という「色料の３原色」と、黒 ( Key plate ) を加えた４色によって、色が表現されています。

色の見え方を比較

この２つの色の見え方を簡単に言うと、パソコンのディスプレイは「透過する光の色」、印刷物の紙は「反射するモノの色」です。特性の大きな違いは「無色」の表し方にあります。

黒色は特別な色！

ここでは概念的な色の見え方に限定しているので、特別な色である「黒」は、頭の片隅に置いておいてください。概念的に黒色は「無色」とされています。

レッスン動画を配信中！

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

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

無色の表し方

パソコンのディスプレイでは、光の３原色が [ 0 ] の場合、黒色になります。これは電源をオフにした状態と同じです。つまり、厳密に言えば「透明」で、ディスプレイの生の色だということになります。印刷物の紙では、色料の３原色が [ 0 ] の場合、白色になります。これはカラーインキが印刷されていない状態と同じです。つまり、厳密に言えば「透明」で、印刷用紙の色だということになります。

対象的な無色の表し方

このような色の異なる特性を、加色混合 (かしょくこんごう)、減色混合 (げんしょくこんごう) といいます。

異なる色の特性

目次に戻る

加色混合と減色混合

加色混合とは、R、G、B の光がすべて重なると白色になり、何もない部分が黒色 (透明) になる特性です。減色混合とは、C、M、Y の色料がすべて重なると黒色になり、何もない部分が白色 (透明) になる特性です。

加色混合のRGBカラー

減色混合のCMYKカラー

目次に戻る

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

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

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

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

ふたつのカラーモード

Photoshop の作業は、すべてパソコンで行います。パソコンのディスプレイは、RGB カラーで表示されています。この Photoshop の作業環境は、どのような場合でも変わることはありません。たとえば、Web 用のドキュメントを作成した場合、インターネットのサーバーを介して、そのメディアである端末のディスプレイ (モニタ) に表示されます。

Web 用ドキュメントのカラーモード

パソコン作業が RGB、メディアが RGB ですから、作成したドキュメントのカラーモードが「 RGB カラー」なら、すべての色は同じ見え方になります。

では、印刷用はどうでしょう？入力が RGB、出力が CMYK ですから、画像データが印刷物になるまで、どこかで「 CMYK カラー」に変換しなくてはなりません。

印刷用ドキュメントのカラーモード (一般的な家庭用プリンターの場合)

一般的な家庭用プリンターの場合、機器によってインクの数や、色の再現方法が異なるので、独自の「 CMYK カラー」に変換する機能を持っています。つまり、「 RGB カラー」で作成したドキュメントでも、自動的に「 CMYK カラー」に変換されて出力されます。一般的な家庭用プリンターでは、異なる色の見え方「 CMYK 」を、特に意識する必要もないワケです。

印刷用ドキュメントのカラーモード (商業印刷用出力機の場合)

しかし、商業印刷の分野では、より正確な色の再現が求められるため、出力機に通す前の工程で、変換することが通例です。「 CMYK カラー」で作成した画像は、擬似的な見え方で、ディスプレイに表示されます。「 RGB カラー」で作成した画像を、「 CMYK カラー」に変換することも可能です。

印刷用はCMYKカラー

Photoshop で作成する画像が、Web 用なのか、印刷用なのかで、「適切なカラーモードが違う」ということをよく理解しておきましょう。

トラブルを未然に防ぐ！カラー設定10選

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 基本がわかる！RGBとCMYK「知っておきたい色の見え方」【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 (ケルビン) 」という単位で表したものです。値が小さくなるほど赤く、大きくなるほど、青い光の波長を放ちます。早朝や日陰などで撮影した写真が、青みがかっていたりするのは、この色温度のズレによるものです。

光源と色温度の概念図

目次に戻る

レッスン動画を配信中！

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

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

画像の状態を確認する

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

【操作方法】

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

素材画像をダウンロードしよう！ ( 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】

古岡ひふみ — Mon, 11 Jul 2022 23:00:00 +0000

【Photoshop基本操作】画像を切り抜き合成すると、カラーに違和感が出ます。夜の街並みと、スタジオ撮影された人物では、その差は、ますます大きくなります。カラーの同調には、直感的な操作ができる、露光量とカラーバランスを中心に組み立てます。切り抜き合成のカラーを背景に馴染ませましょう。

補色の関係に着目！

補色とは、反対色です。これは、色相環の角度で対面する色です。たとえば、ブルーなら、イエローが補色となります。カラーバランスは、この補色を調整する機能です。一方を強めれば、その補色が弱まります。補色の関係に着目して、思い通りの結果を出しましょう。

背景に馴染む切り抜き合成

− 露光量とカラーバランスの調整 −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

背景に馴染む切り抜き合成

これから行う操作は、切り抜き合成のカラーを、背景に馴染ませる方法です。夜の街並みと、スタジオ撮影された人物を合成します。

目次に戻る

レッスン動画を配信中！

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

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

モデルを切り抜く

モデルの切り抜きには、人工知能が自動的に、選択範囲を作成してくれる、[ 被写体を選択 ] を活用しましょう。

【操作方法】

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

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

素材画像を開く

photo by soul chentu

[ 選択範囲 ] メニューから、[ 被写体を選択 ] を選択します。

選択範囲を作成

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

現在の選択範囲から、レイヤーマスクが作成されたことを確認してください。

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

モデルを切り抜くことができました。

モデルを切り抜くことができた

レイヤー名を [ model ] に変更します。

レイヤー名を変更

マスクを修正しよう！

[ 被写体を選択 ] は、ピクセル単位で、正確な検知が行われます。そのため、切り抜きの境界線に出現する、フリンジ (白フチ) が出にくいです。しかし、微妙な階調の違いや、尖った部分、中マドなどで、不正確な部分もあります。これらを修正しておきましょう。

修正前と修正後

適切な結果が出なかったり、レイヤーマスクの修正が難しい場合は、ベーシックな方法で選択範囲を作成して、[ 選択とマスク ] を試してみましょう。

目次に戻る

不要な領域をトリミング

切り抜き部分だけを残して、不要な領域をトリミングしましょう。画像サイズを最小限にすることは、メモリや容量の負担を軽減できるほか、変形のバウンディングボックスも最小化できるので、作業の効率化が図れます。

【操作方法】

[ イメージ ] メニューから、[ トリミング ] を選択します。[ トリミング ] ダイアログで、[ トリミング対象カラー ] に、[ 透明ピクセル ] を選択します。

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

[ トリミング ] を設定

透明ピクセルの不要な領域を、トリミングすることができました。

不要な領域をトリミング

目次に戻る

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

モデルの切り抜きとトリミングができたら、レイヤーマスクを含めた、スマートオブジェクトに変換しましょう。

【操作方法】

レイヤー [ model ] を右クリックします。

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

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

スマートオブジェクトを確認してください。

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

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

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【画像の合成】背景に馴染む切り抜き合成「露光量とカラーバランスの調整」【2022】 first appeared on psgips.

RGBをずらす！アナグリフ3D風の効果「立体写真の技法・モノクロ編」【2022】

古岡ひふみ — Thu, 14 Apr 2022 23:00:00 +0000

【Photoshop講座】アナグリフとは、特殊なメガネを通して、立体的に見える写真や映像の技法です。赤と青のフィルターによって、両眼の視差を応用するため、左右に色ズレを起こしているのが特徴です。RGB カラーモードのチャンネルを操作して、カラー写真をモノクロの、アナグリフ 3D 風に加工しましょう。

スクロールで穴埋め！

チャンネルをずらすと、左右に足りない部分ができます。これも効果だと言えますが、気になる場合は、「スクロール」で目立たなくしましょう。

左右のトーンが同じなら、「ラップアラウンド (巻き戻す)」で OK！スマートオブジェクトなら、色ズレの大きさも、後から調整できます。

RGBをずらす！

アナグリフ3D風の効果

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

アナグリフ3D風に加工する

これから行う操作は、アナグリフ 3D 風の効果をつける方法です。カラー写真をモノクロ化して、複製した３枚のスマートオブジェクトに、それぞれのチャンネルを描画します。RGB のズレは、数値入力で行う「スクロール」を使用します。

アナグリフ 3D 風の効果は、「レンズ収差」と言われる、光学的な色ズレを利用したものです。立体映像や立体写真などは、それぞれ、色ズレの仕組みが異なっています。あくまでも、擬似的な表現によるものです。

RGB カラーモードの画像は、レッド ( R )、グリーン ( G )、ブルー ( B ) のチャンネルによる「加色混合 (かしょくこんごう)」で作成されています。チャンネル画像の重なりが、多少でもずれると、簡単に色ズレを起こしてしまいます。その仕組みは、いたってシンプルです。

RGBの加色混合

ここでは、非破壊編集によって、色ズレを起こす工法を取ります。そのため、「レイヤー効果」による RGB チャンネルの操作を行います。次の動画 ( 13:49 ) で、およその手順を見ておきましょう。

目次に戻る

レッスン動画を配信中！

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

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

カラーをモノクロ化する

ここでご紹介する、アナグリフ 3D 風の効果は、モノクロ写真を対象としたものです。素材画像がカラー写真の場合は、あらかじめ、モノクロ化しておきましょう。

【操作方法】

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

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

素材画像を開く

photo by Pexels

素材選びのコツ！

アナグリフ 3D 風の加工には、主体のシルエットが、ハッキリしているものを選びましょう。背景に風景や模様が入っていると、RGB のズレが強調できません。

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

[ 白黒 1 ] を作成

[ プロパティ ] パネルで、以下の設定値を入力します。

[ 白黒 ] を設定

【設定値】

レッド系 : 30 %

イエロー系 : 89 %

グリーン系 : 59 %

シアン系 : 70 %

ブルー系 : 11 %

マゼンタ系 : 41 %

カラー写真をモノクロ化することができました。

カラーをモノクロ化する

輝度を優先させたモノクロ？

一般的なモノクロ化は、各チャンネルに、同じクレースケール値を振り分けます。そのため、異なる色でも、同じ明度を持つ色は、同じ濃度のグレースケール値が適用されます。

たとえば、黄色と青色の見た目の違いが、モノクロ化によって、現れにくい結果になります。輝度を優先させたモノクロ化は、色が持つ明るさに対して、人間の感じる量で調整します。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post RGBをずらす！アナグリフ3D風の効果「立体写真の技法・モノクロ編」【2022】 first appeared on psgips.

【色調補正】特定の色だけを残してモノクロにする方法【色域指定】

古岡ひふみ — Tue, 05 Jun 2018 23:00:00 +0000

【Photoshop基本操作】モノクロ写真の一部分だけの色を残す「パートカラー」は、色の印象や主体を強調できるので、雑誌や広告の分野ではポピュラーな手法です。素材画像の「効かし色」を決めて、違和感のないマスクをスピーディに作成しましょう。

３原色に絞る！

３原色とは、透過する光の色 (加色混合) では、赤、緑、青、反射するモノの色 (減色混合) では、シアン、マゼンタ、イエローです。パートカラーにする色は、この中のいずれかの色に絞りましょう。そもそもパートカラーは、特定の色を強調させる目的があるので、白や黒、グレーなどの無彩色を選択する必要もないですね。

３つのパートカラーをつくろう！