彩度の調整| psgips

加色混合と減色混合

加色混合とは、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選

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

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

The post 基本がわかる！RGBとCMYK「知っておきたい色の見え方」【2024】 first appeared on psgips.

これで解決！スポーツカーの色はこうやって変える！「色相・彩度の使い方」【2024】

古岡ひふみ — Sat, 23 Sep 2023 23:00:00 +0000

【Photoshop講座】「色相・彩度」を使えば、色は簡単に変えることができます。しかし、白色や黒色への変換に、苦戦している人も多いのではないでしょうか？色の見え方には、色相、彩度、明度という、色の三属性が深く関係しています。それぞれの特性を理解すれば、効率的で違和感のない色変換が行えます。これで解決！

明度には気をつけろ！

明度とは、色の明るさの度合いです。ひとつの色相は、256段階の明度で表されます。いちばん暗い色は黒、明るい色は白です。これらは「無彩色」と呼ばれ、色の情報を持っていません。しかし、色相や彩度がなくても、画像を構成することができるのが明度です。明度って、大変重要なものなんです。

これで解決！

スポーツカーの色は

こうやって変える！

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

スポーツカーの色を変える方法

これから行う操作は、スポーツカーの色を変える方法です。元画像のカラーから、さまざまなボディカラーに変換します。ここでは、「色相・彩度」を使って、カラーサンプルの色を再現します。

カラーサンプルの色を再現

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

色変換のベースを作成する

変えたい色の領域を選択して、色変換のベースとなる [ 色相・彩度 ] 調整レイヤーを作成しましょう。このレッスンでは、あらかじめ作成した選択範囲を、素材画像に保存しています。

【操作方法】

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

素材画像を開く

photo by Damian Morys Foto

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

[ パス 1 ] を選択します。

[ パスを選択範囲として読み込む ] をクリック

すると、ドキュメント内にパスが表示されます。

[ パスを選択範囲として読み込む ] をクリックします。

選択範囲が作成されたことを確認してください。

パスを確認

選択範囲が読み込まれる

変えたい色の領域を選択

変えたい色の領域とは、明るい部分も暗い部分も含んだ、その色が存在する領域です。たとえば、ボディカラーの部分であっても、明るくなると違和感が出る部分は、あらかじめ、領域外にしておきましょう。

レッスン動画を配信中！

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

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

色相・彩度を設定

変えたい色の選択範囲から、調整レイヤーを作成すると、自動的にレイヤーマスクが作成されます。これで、色変換のベースとなる [ 色相・彩度 ] が設定できるようになります。一旦、色がないグレースケールに変換してみましょう。

【操作方法】

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

[ 調整レイヤーを新規作成 ] をクリックして、メニューから、[ 色相・彩度 ] を選択します。すると、[ 色相・彩度 1 ] と、レイヤーマスクが自動的に作成されます。

[ 色相・彩度 1 ] を作成

色の三属性とは？

色の三属性とは、色を定義する３つの要素で、色相、彩度、明度のことです。

色相 : 円環状に変化する色の違い

彩度 : 色の鮮やかさの度合い

明度 : 色の明るさの度合い

HSB (エイチ・エス・ビー) は、色相 ( Hue )、彩度 ( Saturation )、明度 ( Brightness ) によって色情報を数値化したものです。色相は「色相環」による角度で指定し、彩度、明度はパーセント ( % ) 値で指定します。

[ プロパティ ] パネルで、[ 色彩の統一 ] を有効にします。

[ 色彩の統一 ] を有効

色彩の統一とは？

[ 色彩の統一 ] は、画像を一旦、グレースケールに変換して、そこから、それぞれの設定値を調整していくオプションです。明度ベースとなるので、変換後のカラーに「ねじれ」が起こりません。ねじれ : 元画像の階調に対して、明暗を逆転させてしまう調整

初期設定では、彩度のみ [ 25 ] に設定されているので、色相 [ 0 ] を受けて、このようなカラーが表示されています。

[ 色相・彩度 ] の効果を確認

[ 彩度 ] に [ 0 ] を入力します。

[ 彩度 : 0 ]

彩度を [ 0 ] にすると、現在の明度によるグレースケールが表示されます。

グレースケールを確認

元画像の明度を反映

グレースケールに変換された画像は、カラー情報を失います。色の三属性では、色相と彩度が失われたことになります。しかし、その情報は、明るさと合わせて変換されているので、元画像の明度を反映しています。

色相の読み方

色の種類を示す [ 色相 ] の数値は、「色相環」による角度を示し、数値によって色味が設定されます。[ 0 ] が「なし」ではありません。

マンセル表色系の色相環

RGB スペクトルの色相環

色相を定義した「マンセル表色系」では、360°を5等分して、[ 0° ] が赤色、[ 72° ] が黄色、[ 144° ] が緑色、[ 216° ] が青色、[ 288° ] が紫色とされています。

しかし、パソコンで使用される「 RGB スペクトル」では少し異なり、360°を6等分して、[ 0° ] が RGB レッド、[ 60° ] が RGB イエロー、[ 120° ] が RGB グリーン、[ 180° ] が RGB シアン、[ 240° ] が RGB ブルー、[ 300° ] が RGB マゼンタとされています。

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

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

The post これで解決！スポーツカーの色はこうやって変える！「色相・彩度の使い方」【2024】 first appeared on psgips.

写真をイラスト調に！江戸時代の手摺木版画風「力強い輪郭線と色ムラを再現」【2023】

古岡ひふみ — Thu, 20 Apr 2023 23:00:00 +0000

【Photoshop講座】木版画風のタッチは、輪郭から起こす、力強い黒い線で作成します。しかし、写真素材が逆光などで暗い場合は、色を付けたい部分まで黒くつぶされてしまいます。あらかじめ、影を明るく鮮やかにしておくと、検出できる輪郭線もシャープにできます。完成を予測して作業を組み立てましょう。

複雑な効果を構造化する！

色調補正やフィルターなどが再編集できる「スマートオブジェクト」は、ひとつのレイヤーに複数の効果が適用できます。しかし、すべてが順当に適用されるわけではありません。

たとえば、レイヤーの合成で得た効果に、フィルターを適用したい場合、あらかじめ、ひとつのレイヤーに、結合しておく必要がありますよね？このようなレイヤー結合も、スマートオブジェクトを構造化することで、再編集が可能な状態を保つことができます。

写真をイラスト調に！

江戸時代の手摺木版画風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

写真を手摺木版画風に加工

これから行う操作は、写真を手摺木版画風に加工する方法です。フィルターや描画モード、色調補正など、複数の操作を経て完成させます。

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

レッスン動画を配信中！

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

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

空の色を合成する

手摺木版画の印象を高める効果として、鮮やかな空の色があります。素材画像の空の領域を選択して、それっぽい色彩のグラデーションを作成しましょう。

【操作方法】

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

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

素材画像を開く

最適な素材を選ぼう！

加工する素材は、人物や建物、小物の切り抜きなど、主体と背景 ( 壁や空など ) がはっきり区別できて、かつすべてにピントが合った遠景の写真が好ましいです。

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

空の領域に選択範囲を作成

空を選択とは？

機械学習テクノロジーにより、画像の空の領域を自動的に選択する機能です。空を置き換える画像合成に特化しているため、境界線は反射光で馴染ませるのが特徴です。

グラデーションを作成

グラデーションは、塗りつぶしレイヤーで作成します。レイヤーマスクによる空の領域の修正や、グラデーションのカラーが再編集できます。

【操作方法】

[ レイヤー ] パネルで、[ 塗りつぶしレイヤーを新規作成 ] をクリックし、メニューから [ グラデーション ] を選択して、[ グラデーション 1 ] を作成します。

[ グラデーション 1 ] を作成

[ グラデーションで塗りつぶし ] ダイアログで、[ クリックしてグラデーションを編集 ] をクリックして、[ グラデーションエディター ] ダイアログを表示します。

[ クリックでグラデーションを編集 ] をクリック

[ グラデーションエディター ] ダイアログで、グラデーションを設定します。

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

基本がわかる！グラデーションの作り方

[ グラデーションエディター ] を設定

【設定値】

[ 位置 : 0 % ] [ 不透明度 : 100 % ]

[ 位置 : 100 % ] [ 不透明度 : 100 % ]

[ 位置 : 33 % ] [ カラー : H : 55°/ S : 39 % / B : 100 % ]

[ 位置 : 66 % ] [ カラー : H : 327°/ S : 29 % / B : 86 % ]

[ 位置 : 100 % ] [ カラー : H : 203°/ S : 60 % / B : 92 % ]

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

[ OK ] をクリック

空のグラデーションが作成できました。

空のグラデーションが作成できた

レイヤーマスクを修正

作例では、[ 空を選択 ] による選択範囲が不十分だったので、レイヤーマスク上での修正を行いました。レイヤーマスクモードに切り替える操作は、以下を参考にしてください。

【操作方法】

[ レイヤー ] パネルで、[ グラデーション 1 ] レイヤーマスクサムネールを、[ option ( Alt ) ] キーを押しながらクリックします。レイヤーマスクモードに切り替え

[ option ( Alt ) ] + クリック

すると、ドキュメントが、レイヤーマスクモードに切り替わります。

レイヤーマスクモード

通常の画像描画モードに戻る場合は、レイヤーマスクサムネールを、[ option ( Alt ) ] キーを押しながらクリック、または、レイヤーをクリックします。画像描画モードに切り替え

画像描画モード

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

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

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

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

The post 写真をイラスト調に！江戸時代の手摺木版画風「力強い輪郭線と色ムラを再現」【2023】 first appeared on psgips.

これで解決！カラーハーフトーンはこうやってかける！「ロゼッタパターン」【2023】

古岡ひふみ — Sun, 12 Feb 2023 23:00:00 +0000

【Photoshop基本操作】カラーハーフトーンは、網点模様を作り出すフィルターです。しかし、仕上がりのイメージが、ちょっと違うと感じたことはありませんか？そもそも、印刷製版に用いられるスクリーンを、擬似的に再現する機能です。RGB カラーでは、うまくできるハズがありません。

ロゼッタを効果的に！

網点が規則正しく繰り返されると、小さな花のような模様が現れます。これが「ロゼッタパターン」と言われるモアレ現象です。本来は少しでも緩和する調整が行われるものですが、ここでは、それを逆手にとって、カラーハーフトーンの特徴的な効果として再現しましょう。

カラーハーフトーンを正しく適用する方法

これから行う操作は、カラーハーフトーンを正しく適用する方法です。素材が RGB カラーの場合は、CMYK カラーモードに変換して、スクリーン角度に、印刷製版の設定値を活用します。

レッスン動画を配信中！

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

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

CMYKカラーに変換する

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

素材画像を開く

photo by Fotos pks

RGBの違和感？

カラーハーフトーンは、RGB カラーでも使えるフィルターですが、印刷製版のスクリーンを模したレガシー機能です。プロセスカラーによって分解される構造なので、CMYK カラーの減色混合によって、網点の色が表されます。減色混合 : C、M、Y の色料がすべて重なると黒色になり、何もない部分が白色 (透明) になる特性。

基本がわかる！RGBとCMYK

RGB カラーの加色混合は、真逆の性質を持っています。なのに、それは分解される R、G、B 色のみで、減色混合と同じく白地に乗算されます。おまけに、CMYK より１色足りない…。RGB カラーで、カラーハーフトーンを適用した時の違和感は、これが原因です。加色混合 : R、G、B の光がすべて重なると白色になり、何もない部分が黒色 (透明) になる特性。

網点の規則正しい重なりには、縞状の模様になってしまう「モアレ」が付きものです。これを緩和するために、影響力が大きい濃い色から角度を付けてずらすと、小さな花のような模様が浮かび上がります。これをロゼッタパターンといいます。雑誌風のロゼッタパターンは、CMYK カラーでないと上手く表せません。RGB カラーの場合は、加色混合によって、G+B=C / R+B=M / R+G=Y を表します。

カラーモードを変換

雑誌風のロゼッタパターンは、CMYK カラーで作成します。RGB カラーの画像を使用する場合は、あらかじめ、カラーモードの変換を行いましょう。

[ イメージ ] メニューから、[ モード ] – [ CMYK カラー ] を選択します。

ウィンドウタブで、CMYK カラーに変換されたことを確認してください。CMYK カラーに変換すると、画像の鮮やかさが失われます。

カラーモードを変換

プロファイルを指定！

カラーモードの変換は、現在、[ カラー設定 ] で指定されているプロファイルが用いられます。CMYK カラーは、一般的に [ Japan Color 2001 Coated ] が使用されています。

警告アラート

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

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

The post これで解決！カラーハーフトーンはこうやってかける！「ロゼッタパターン」【2023】 first appeared on psgips.

これで解決！逆光で暗くなった影はこうやって直す！「HDRトーン」【2023】

古岡ひふみ — Sat, 21 Jan 2023 23:00:00 +0000

【Photoshop基本操作】調整量が大きくなると、通常の色調補正ツールでは、どうしても、仕上がりに違和感が出ました。[ HDR トーン ] を活用すれば、明るい部分を維持しながら、暗い部分を明るくする調整が行えます。逆光で暗くなった影を、より自然に明るく補正しましょう。

32ビットがスゴイ！

[ HDR トーン ] は、対象の画像を 32 bit チャンネルに変換して、各種の調整を行う構造になっています。8 bit の 256 階調に対して、32 bit は、なんと、理論上 4.3G 階調…。これはもう、無限の階調ですね。無理な補正で悩まされていた、トーンジャンプやバンディングもなんのその。これで解決！

これで解決！

逆光で暗くなった影は

こうやって直す！

[ STEP-01 ]

作業を始める前に

[ STEP-02 ]

保存操作の基本を知る

[ STEP-03 ]

PSDとPDFを保存する

逆光の影を明るく補正する方法

これから行う操作は、逆光で暗くなった影を、明るく補正する方法です。補正方法には、[ HDR トーン ] という機能を活用します。[ HDR トーン ] を活用すれば、明るい部分を維持しながら、暗い部分を明るくする調整が行えます。

HDR とは、High Dynamic Range (ハイダイナミックレンジ) の略称です。ダイナミックレンジとは、画像の明るい部分と、暗い部分の範囲を示します。通常の画像が [ 8 bit : 256 階調 ] なのに対し、HDR は [ 32 bit : 4,294,967,296 階調 ] のダイナミックレンジを持っています。

ダイナミックレンジ比較

つまり、人間の視覚やディスプレイなどより、はるかに広い再現力を持った手法が、HDR というわけです。逆光で暗くなった影を、より自然に明るく補正しましょう。

通常の色調補正ツールと比較

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

レッスン動画を配信中！

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

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

影を明るくする

[ HDR トーン ] を活用して、影を明るくしましょう。ここで使用する素材画像は、逆光で暗くなったポートレートです。背景の明るさを、できるだけ維持しながら、人物をより自然に、明るく補正することを目的とします。

【操作方法】

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

素材画像を開く

photo by olcay ertem

補正前と補正後

あらかじめ、元画像を複製して同時に開きます。[ ウィンドウ ] – [ アレンジ ] – [ ２分割表示 – 垂直方向 ] を選択します。補正前と補正後の２画面を見比べながら、影を明るくする調整が行えます。

補正後のウィンドウを選択

HDRトーンを起動

[ HDR トーン ] とは、露出を変えて撮影した複数の画像から、適切な露出の１枚に自動合成する機能、[ HDR Pro に統合 ] を、色調補正ツールとして改良したものです。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ HDR トーン ] を選択します。

[ HDR トーン ] ダイアログで、[ 方法 ] に [ ローカル割り付け ] を選択します。初期設定

[ 方法 : ローカル割り付け ]

ローカル割り付けとは？

[ ローカル割り付け ] とは、複数の効果を合わせて、HDR の色調を調整する方法です。[ エッジ光彩 ]、[ トーンとディテール ]、[ トーンカーブおよびヒストグラム ] というセクションに分けられています。初期設定

[ HDR トーン ] を選択すると、初期設定の効果がプレビューされます。

初期設定をプレビュー

32ビットに変換

このツールは、対象の画像を 32 bit チャンネルに変換して、各種の調整を行う構造になっています。ウィンドウタブのモード表示が [ (RGB/8) ] から [ (RGB/32*) ] に変更されています。

ウィンドウタブのモード表示

レイヤーやスマートオブジェクトがあるドキュメントは、一枚の [ 背景 ] へ統合されます。[ HDR トーン ] を実行する場合は、警告アラートで [ はい ] をクリックしてください。

警告アラート

トーンカーブを設定

操作方法は、[ トーンカーブ ] と同じですが、32 bit チャンネルに変換されているため、階調レベルは比率で表示されています。

【操作方法】

[ トーンカーブおよびヒストグラム ] を展開します。

対角線の上をクリックして、新しい調整ポイントを追加します。

[ 入力 ] に [ 25 % ]、[ 出力 ] に [ 35 % ] を設定します。

トーンカーブを設定

影を明るくすることができました。

影を明るくすることができた

トーンカーブとは？

トーンカーブは、画像補正の最強ツールです。自由な形に変化するカーブで、感覚的な操作が行えます。まず、カーブの変化がどのような結果をもたらすのか？　それを知ることから始めましょう。

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

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

The post これで解決！逆光で暗くなった影はこうやって直す！「HDRトーン」【2023】 first appeared on psgips.

【色調補正】緑の葉を秋らしく紅葉させる方法「色域指定と色相・彩度の使い方」【2022】

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

【Photoshop基本操作】色の属性には、色相、彩度、明度があります。これらは数値によって表されます。それぞれの数値が関係し合って、ひとつの色が作られています。しかし、色変換の一般的な認識は、簡単な操作で大きく変わる「色相」だけで済まされていることが多いです。緑の葉を違和感のない鮮やかな紅葉に変えてみましょう。

色の系統を選択する！

[ 色相・彩度 ] には、対象とする色の系統が選択できる項目があります。緑の葉には、色の要素として、グリーン系のほか、イエロー系、シアン系なども含まれています。これらの色域を選択して、それぞれに調整を加えると、単調にならない、自然な仕上がりが見込めます。

緑の葉を秋らしく

紅葉させる方法

− 色相・彩度 −

[ STEP-01 ]

緑の葉を選択する

[ STEP-02 ]

調整レイヤーを作成する

[ STEP-03 ]

緑の葉を色変換する

指定の色域を変換する方法

これから行う操作は、緑の葉を赤色に色変換する方法です。[ 色域指定 ] を使用して、緑の葉の幅広い色域を指定します。指定した色域をマスクした、[ 色相・彩度 ] 調整レイヤーを作成して、その対象となる色域を、シアン系とグリーン系に分けることで、単調にならない色変換を行います。

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

レッスン動画を配信中！

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

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

緑の葉を選択する

緑の葉の領域に選択範囲を作成しましょう。ここでは、画像内のカラーを指定して、その近似色の領域に、選択範囲を作成することができる、[ 色域指定 ] を使用します。

【操作方法】

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

素材画像を開く

複数箇所を抽出

この操作は、すべての葉に、選択範囲を作成することを目的とします。しかし、緑の葉の中にも、明るい部分や暗い部分があるので、最終的には、複数のサンプリングポイントから、抽出することになります。

葉の明るい部分と暗い部分

正確なピクセルをサンプリングするため、200 % 以上の表示倍率でズームインしてください。ズームイン : [ command ( Ctrl ) ] + [ + ]

200 % 以上の表示倍率でズームイン

中間調をサンプリング

[ 色域指定 ] で、緑の葉の色をサンプリングしましょう。[ 許容量 ] により、近似色の領域の幅が広くなるので、複数のサンプリングは、中間調から始めると効率的です。

【操作方法】

[ 選択範囲 ] メニューから、[ 色域指定 ] を選択します。[ 色域指定 ] ダイアログで、[ 許容量 ] に [ 100 ] を入力します。

[ スポイトツール ] を選択します。[ スポイトツール ] は初期設定で選択されています。

[ 許容量 : 100 ]

暫定値を設定

[ 色域指定 ] ダイアログの [ 許容量 ] は、サンプリングの強さを調整するものです。ここで設定している [ 100 ] は、中間値を示す数値であり、これから行うサンプリングの暫定値です。

カラークラスタを無効

[ カラークラスタ指定 ] は無効にしてください。有効にしておくと、サンプリングした箇所を中心とした、放射状の範囲に限定されます。

[ カラークラスタ指定 ] を無効

特定した一枚の葉の、明るい部分と暗い部分の中間調をクリックします。

すると、サンプリングした色域が、白い部分としてプレビューされます。

一枚の葉の中間調をクリック

サンプルに追加

中間調のサンプリングカラーに、明るい色と暗い色を追加しましょう。[ サンプルに追加 ] は、初期設定の [ スポイトツール ] とは違い、複数箇所のサンプリングカラーが設定できます。

【操作方法】

[ 色域指定 ] ダイアログで、[ サンプルに追加 ] を選択します。

特定した一枚の葉の、最も明るい部分をクリックします。

最も暗い部分を数カ所クリック、または、ドラッグします。

すると、一度のサンプリングで、選択できなかった色域も、白い部分に含まれてプレビューされます。

サンプルに追加

許容量を調整

[ 色域指定 ] によるサンプリング領域は、指定内に収まる傾向があるので、少し多めに調整しておきましょう。

【操作方法】

[ 許容量 ] のスライダーをドラッグして調整します。ここでは [ 120 ] に設定しました。

プレビューを確認してください。

すべての葉の領域が調整できたら、[ OK ] をクリックします。

[ 許容量 ] に [ 120 ] を設定

すると、[ 色域指定 ] でサンプリングした葉の領域に、選択範囲が作成されます。

表示倍率を画面サイズ、または、100% にズームアウトします。ズームイン : [ command ( Ctrl ) ] + [ – ]

緑の葉の領域に選択範囲を作成

許容量で色域を調整

最初のサンプリングで、緑色の葉の中間調を選択しておいたので、[ 許容量 ] の数値を小さくすれば、選択される色域は減り、大きくすれば、選択される色域は増えます。

後の操作で、[ 色域指定 ] を反映させるレイヤーマスクは、設定した後でも修正できるので、多少白い部分が残っていてもかまいません。少し大きい数値に調整しておく方が、自然な仕上がりになります。

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

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

The post 【色調補正】緑の葉を秋らしく紅葉させる方法「色域指定と色相・彩度の使い方」【2022】 first appeared on psgips.

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

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

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

暫定値からの調整！

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

冴えない写真から

玉ボケをつくる方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

写真から玉ボケをつくる

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

元画像

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

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

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

レッスン動画を配信中！

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

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

彩度を上げる

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

【操作方法】

素材画像を開く

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

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

[ 背景のコピー ] を作成

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

レイヤー名を変更

玉ボケに適した素材は？

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

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

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

【操作方法】

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

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

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

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

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

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

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

自然な彩度を設定

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

【操作方法】

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

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

自然な彩度: +100

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

元画像

自然な彩度を設定

自然な彩度とは？

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

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

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

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

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

風景写真をミニチュア化する方法「被写界深度を擬似的にコントロール」

古岡ひふみ — Tue, 07 Jun 2022 23:00:00 +0000

【Photoshop講座】風景写真をミニチュア化するポイントは、すっきりした明瞭な印象と、被写界深度の浅さです。被写界深度の浅さは、画像の周辺をぼかすことで表します。「虹彩絞りぼかし」と「チルトシフト」を同時に適用して、擬似的な遠近感を調整しましょう。パラメータだけの操作でカンタン！

望遠撮影を選ぶ！

ミニチュア化に適した素材は、望遠レンズで撮影されたものです。焦点距離が長いため、遠くのものが近くに見える圧縮効果があります。遠近感がないほど、それっぽく加工できます。広角レンズは NG です。

風景写真をミニチュア化する

これから行う操作は、風景写真を、ミニチュア化する方法です。明瞭な印象は、 Camera Raw を使用して、明るさ、コントラスト、彩度といった、複数の調整を組み合わせます。

被写界深度の浅さは、画像の周辺をぼかすことで表します。ディテールに関する最適な設定値は、対象となる画像のピクセル数によって異なります。応用する場合は、長辺に合わせてリサイズしてください。

レッスン動画を配信中！

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

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

補正作業の準備をする

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

素材画像を開く

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

[ レイヤー ] パネルで、[ 背景 ] を右クリックして、コンテキストメニューを表示します。

[ スマートオブジェクトに変換 ] を選択して適用します。

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

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

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

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

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

Camera Rawを起動

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

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

Camera Raw を起動

[ Camera Raw ] 操作パネルで、[ 補正前と補正後の表示を切り替え ] をクリックします。

[ Camera Raw ] 操作パネル

補正作業を快適に！

[ 補正前と補正後の表示を切り替え ] は、補正前と補正後の２画面を見比べながら、ミニチュア化に適した調整が行えます。クリックで切り替えることができ、クリックホールドすると、メニューが表示されます。

補正前と補正後の表示を切り替え

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

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

The post 風景写真をミニチュア化する方法「被写界深度を擬似的にコントロール」 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 カラーで「彩度」と「コントラスト」を個別に調整していきます。すべては論理的に説明できる操作方法です。

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

レッスン動画を配信中！

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

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

Labカラーに変換する

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

CMYK カラーモードの元画像

Lab カラーモードに変換

【操作方法】

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

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

素材画像を開く

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 で減少した色成分だけを取り出して、それを調整することが可能になるわけです。

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

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

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

写真をイラスト調に！フェアリー風のステンシルアート「３色シルクスクリーンの技法」

古岡ひふみ — Mon, 14 Jun 2021 23:00:00 +0000

【Photoshop講座】シェパード・フェアリーは、アメリカを代表する、ストリート・アーティストです。その独創的な配色や、抽象的に図案化された、肖像画のポスターなどが有名です。３色で刷られた、シルクスクリーンの技法を再現しましょう。

階調をハッキリ分ける！

ふだんは嫌われるギザギザを、要所に取り入れることが成功の秘訣です。たとえば、切り抜きのマスクを２階調化します。ポスタリゼーションで、モノクロの階調を５段階にハッキリ分けて、塗りやハーフトーンの領域を作り出します。

写真をイラスト調に！

フェアリー風のステンシルアート

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

フェアリー風のステンシルアート

これから行う操作は、人物写真を、フェアリー風のステンシルアートに、加工する方法です。あらかじめ、カラーやテクスチャなどを設定した、レッスン用ファイルからスタートして、ひとつの作品を完成させましょう。

出典 : Shepard Fairey ( シェパード・フェアリー ) / HUBLOT ( ウブロ )

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

人物を配置する

人物写真をレッスン用ドキュメントに配置しましょう。ここでは、一般的な配置方法である [ 埋め込みを配置 ] を使用し、JPEG 形式の画像をスマートオブジェクトで、レイヤー更新ができるように操作します。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1440 pixel ]、[ 高さ : 1440 pixel ]、 [ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。ファイル容量に注意してください。

素材画像を開く

[ レイヤー ] パネルで、[ コンテンツ-A ] – [ 背景-塗り ] を選択します。

[ 背景-塗り ] を選択

設定済みドキュメント

レッスン用ドキュメントは、ツートンカラーの背景を想定した２種類のグレーで塗り分けられています。そして、再編集できるグラデーションマップが設定されています。

グラデーションマップやテクスチャは、初期設定では非表示にされていますが、作業中に表示しても問題はありません。必要に応じて、表示 / 非表示を切り替えてください。

[ ファイル ] メニューから、[ 埋め込みを配置 ] を選択します。[ portrait.jpg ] を選択します。

[ 配置 ] をクリックします。

[ portrait.jpg ] を選択

すると、レッスン用ドキュメントに、人物写真のサンプル画像が配置されます。変形を確定しない

サンプル画像を配置

オプションバーで、[ 水平比率を設定 ]、または、[ 垂直比率を設定 ] を確認してください。

[ enter ] キーを押して、変形を確定します。拡大・縮小比率を確認後に実行

配置画像の拡大・縮小比率を確認

ビッグドキュメントとは？

JPEG 形式の画像を配置した場合は、ビッグドキュメント形式での更新ができません。ここでは、オリジナルサイズでラスタライズした後、再び、スマートオブジェクトに変換する方法を取ります。

JPEGを配置した場合

ビッグドキュメント形式とは、スマートオブジェクトが採用する保存形式です。従来の PSD ( Photoshop ) 形式に、容量制限 ( 2 GB / 30,000 px まで) があるため、それよりも大きなドキュメントに対応することができます。32 bit チャンネル / 300,000 px までをサポートしています。

レッスン動画を配信中！

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

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

ビッグドキュメント形式に変更

JPEG 形式の配置画像を、オリジナルサイズでラスタライズした後、再び、スマートオブジェクトに変換します。これは、JPEG 形式が、レイヤーなどの機能に対応していないために生じる、不便さを解消する操作です。

ラスタライズすることで、ビッグドキュメント形式に変更され、さまざまなコンテンツの編集、更新ができるようになります。

【操作方法】

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ レイヤーに変換 ] を選択します。[ スマートオブジェクトレイヤーに適用された変形を保持しますか？ ] に、[ いいえ ] をクリックします。

変形を保持しない [ いいえ ] をクリック

すると、オリジナルサイズでのラスタライズが行えます。

オリジナルサイズでのラスタライズ

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。[ レイヤー ] パネルで、スマートオブジェクトに変換されたことを確認してください。

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

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

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

変形のバウンディングボックスを表示します。オプションバーで、[ 縦横比を固定 ] をクリックします。自由変形 : [ command ( Ctrl ) ] + [ T ]

[ 水平比率を設定 ]、または、[ 垂直比率を設定 ] に、[ 80% ] を入力します。

[ 水平比率を設定 : 80 % ]

変形を確定します。人物写真を配置することができました。変形を確定 : [ enter ]

変形を確定

トリミングはここで！

サンプル画像は、あらかじめ、ドキュメントの比率でトリミングしています。フレーム内のトリミングが必要な場合は、この時点で調整を行ってください。スマートオブジェクトに変換しているので、いつでも再編集が可能です。

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

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