色空間| 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.

基本がわかる！描画色と背景色「最初に覚えたい操作と色の設定」【2022】

古岡ひふみ — Sat, 12 Feb 2022 23:00:00 +0000

【Photoshop基本操作】描画色とは、面を塗りつぶしたり、線を描いたりする指定色です。背景色とは、面で消去したり、線で消去したりする指定色です。これらの指定色は、さまざまなツールやパネルで、自由に設定することができます。描画色と背景色の設定方法をご紹介しましょう。

消す色が背景色

背景色は、下地の色として設定する色です。しかし、[ 消しゴムツール ] の描画色でもあるのです。透明ピクセルを持たない [ 背景 ] では、このような「塗って消す」動作が行われてます。

背景色の設定を見落としていると、あるとき、選択範囲内の画像を消去したら、とんでもない色が現れた…という失敗例もあります。描画色と同様、背景色の設定も、確認する習慣をつけましょう。

基本がわかる！描画色と背景色

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

色の確認と変更方法

[ ツール ] パネルの下にある重なった２つの正方形は、描画色 (左上) と背景色 (右下) を示し、それぞれのボックス内をクリックして、[ カラーピッカー ] ダイアログを表示させます。Photoshop の初期設定では、描画色に [ ブラック ]、背景色に [ ホワイト ] が設定されています。

描画色と背景色のカラーボックス

目次に戻る

描画色と背景色を初期設定に戻す

[ 描画色と背景色を初期設定に戻す ] をクリックすると、描画色と背景色を初期設定 (黒と白) に戻ります。

初期設定に戻すのが基本

描画色と背景色は、現在の設定に変更を加えるまで継続されます。たとえば、描画色に赤を設定すると、その後の作業は、描画色が赤のまま進行します。ひとつの作業が終了したら、[ 描画色と背景色を初期設定に戻す ] をクリックする習慣をつけましょう。

目次に戻る

描画色と背景色を入れ替え

[ 描画色と背景色を入れ替え ] をクリックすると、描画色と背景色が入れ替わります。

選択レイヤーによる違い

背景、または、描画レイヤーの選択時は、描画色のカラーボックスに [ ブラック ]、背景色のカラーボックスに [ ホワイト ] が表示されています。初期設定

調整レイヤーなど、レイヤーマスクの選択時は、描画色のカラーボックスに [ ホワイト ]、背景色のカラーボックスに [ ブラック ] が表示されています。初期設定

これは、[ 描画色と背景色を入れ替え ] とは異なり、レイヤーマスク領域を表示するのが [ ホワイト ]、レイヤーマスク領域を隠すのが [ ブラック ] を示します。

レイヤーマスクは、描画する部分が隠す領域となるので、初期設定では [ ホワイト ] のカンバスに、[ ブラック ] を描画する感覚です。レイヤーマスクは、グレースケール (黒から白の 256 階調) で表されます。

目次に戻る

レッスン動画を配信中！

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

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

描画色を設定

数値化したカラーを設定したい場合は、[ カラーピッカー ] ダイアログを表示します。[ カラーピッカー ] ダイアログでは、４種類のカラーモデルから設定できます。

【操作方法】

[ 描画色を設定 ] をクリックすると、描画色の設定を行う [ カラーピッカー ] ダイアログが表示されます。

[ カラーピッカー ] ダイアログで、任意の描画色を設定します。

カラーピッカーの使い方

[ カラーピッカー ] を設定

画像から色を採取する

[ ツール ] パネルで、[ スポイトツール ] を選択、または、[ option ( Alt ) ] キーを押しながら、ドキュメント内をクリックすると、クリックした箇所のカラーが描画色、または、背景色に設定できます。

サンプリング箇所でクリックホールド

目次に戻る

背景色を設定

描画色と同様、背景色にも数値化したカラーが設定できます。背景色は通常、ホワイト (初期設定) を設定しておきます。

【操作方法】

[ 背景色を設定 ] をクリックすると、背景色の設定が行える [ カラーピッカー ] ダイアログが表示されます。

[ カラーピッカー ] ダイアログで、任意の背景色を設定します。

カラーピッカーの使い方

[ カラーピッカー ] を設定

背景色って関係あるの？

背景色は、一部の描画系のフィルターを除き、レイヤー上で反映されることは少ないですが、大きく影響されるときがあります。それは、[ 消しゴムツール ] や、[ 選択範囲の消去 ] などのピクセルの消去を、[ 背景 ] で行った場合です。レイヤーの場合は、透明ピクセルで消去されます。

消す色が背景色 ( 概念図 )

ピクセルを消去すると、ドキュメントのカンバスカラー ( [ 新規 ] ダイアログで設定する下地色) ではなく、現在の背景色が適用されます。そのため背景色は、カンバスカラーと同じ色を設定しておくことが基本です。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 基本がわかる！描画色と背景色「最初に覚えたい操作と色の設定」【2022】 first appeared on psgips.

【色調補正】CMYK→RGB変換を鮮やかに再現する方法【Labカラー】

古岡ひふみ — Tue, 22 Jun 2021 23:00:00 +0000

【Photoshop基本操作】CMYK 変換で失われた鮮やかな色は、RGB 変換するだけでは取り戻せません。彩度を上げるとトーンが弱くなってしまうし、元の状態に近付けるには大変苦戦します。そんなときは、Lab カラーモードを試してみましょう。今までの悩みが一気に解消できるかも？

階調を維持して彩度を上げる！

彩度を上げることで、鮮やかな色は再現できますが、過度な調整では、トーンジャンプ (階調トビ) を引き起こします。色情報を数値化した要素である「色相」、「彩度」、「明度」のうち、階調に大きな影響を与えるのは、明度 (コントラスト) です。階調を維持させながら、個別に彩度を上げる方法が [ Lab カラーモード ] なのです。

CMYK→RGB変換を

鮮やかに再現する方法

[ SATEP-01 ]

[ SATEP-02 ]

[ SATEP-03 ]

[ SATEP-04 ]

CMYK→RGBを鮮やかに再現

これから行う操作は、CMYK 画像を RGB 変換で鮮やかに再現する方法です。CMYK 特有の色の濁りを取って、すっきりした鮮やかさを再現します。色調補正に求められる解決方法は、対象画像により要因がそれぞれ異なるものなので、ある程度の論理的なアプローチが必要です。

CMYK カラーモードの元画像

RGB カラーモードで鮮やかに再現

CMYK カラーモードと RGB カラーモードは、まったく正反対な色の特性があるため、これらを同列に考えることはできません。すべては、アルゴリズム (定式化された計算方法) によって、導き出された結果に過ぎないのです。

Adobe RGB の色空間

CMYK の色空間

CMYK カラーは RGB カラーに比べ、再現できるカラースペースが極端に狭いため、その色の近似色に置き換えて表現します。その際、元画像に RGB カラー特有の輝度を持った発色のいい色があると、暗く濁ったような感じのする色に変換される場合があります。

RGBカラーモードの素材画像

CMYKカラーモードに変換

photo by Alexas_Fotos

変換によって失われた階調は、取り戻すことができません。RGB 変換後に彩度を上げるという対処方法を、安易に推奨しているような記事も見かけますが、これは大きな間違いです。無理な補正は、トーンジャンプの原因にもなります。

無理な補正はトーンジャンプする

ここでは、一般的な CMYK 変換のアルゴリズムを逆算することにより、元の RGB 画像に近づけていく考え方を取り入れているため、Lab カラーで「彩度」と「コントラスト」を個別に調整していきます。すべては論理的に説明できる操作方法です。

目次に戻る

レッスン動画を配信中！

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

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

Labカラーに変換する

CMYK 画像を RGB 変換する前に、失った階調や彩度を増幅しやすくするため、Lab カラーモードに変換します。Lab カラーに変換しても、画像の状態には、何の変化も起こりません。

CMYK カラーモードの元画像

Lab カラーモードに変換

【操作方法】

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

タイトルバーで、現在のモード [ CMYK/8 ] を確認してください。

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

素材画像を開く

photo by Alexas_Fotos

[ チャンネル ] タブをクリックして、[ チャンネル ] パネルの内容を確認してください。

[ チャンネル ] パネルの内容を確認

CMYK画像を確認

このレッスンでは、対象画像を CMYK カラーモードに限定しています。作例に使用している画像は、一般的な CMYK カラーモードのプロファイル「Japan Color 2001 Coated」で変換、EPS フォーマットで保存されています。

４つのチャンネルでひとつの画像を作成

CMYK カラーモードでは、[ シアン ]、[ マゼンタ ]、[ イエロー ]、[ ブラック ] の４つのチャンネルによって、ひとつの画像が作られています。プリント出力時には、それぞれのチャンネルが、インクの色に置き換えられます。CMYK カラーモードは、印刷用に最適化されたデータです。

[ イメージ ] メニューから、[ モード ] – [ 16bit/チャンネル ] を選択します。これは、これから行うカラーモード変換に対して、できる限りの階調を抽出するための設定です。16 bit/チャンネルは、8 bit/チャンネルの 256 階調を大きく上回った、65,536 階調の再現能力があります。

[ イメージ ] メニューから、[ モード ] – [ Lab カラー ] を選択します。タイトルバーで、[ Lab/16 ] を確認してください。

[ Lab/16 ] を確認

明度と色成分を分ける！

Lab カラーモードのチャンネル [ L ] は、明度です。チャンネル [ a ] は、グリーンからレッドの範囲の色成分、チャンネル [ b ] は、ブルーからイエローの範囲の色成分です。

CMYK カラーモードからの変換では、各チャンネルに分解された明度を合計して、チャンネル [ L ] に変換しています。

CMYK の各チャンネルに分解された明度を合計

チャンネル [ C ]、[ M ]、[ Y ] の色成分を、チャンネル [ a ]、[ b ] に変換しています。

CMY の緑から赤の色成分をチャンネル [ a ] に変換

CMY の青から黄の色成分をチャンネル [ b ] に変換

つまり、CMYK で減少した色成分だけを取り出して、それを調整することが可能になるわけです。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【色調補正】CMYK→RGB変換を鮮やかに再現する方法【Labカラー】 first appeared on psgips.