プロセスカラー| 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選

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

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

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

The post 基本がわかる！RGBとCMYK「知っておきたい色の見え方」【2024】 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.

【色分解】カラー画像から２色刷りデータを作成する方法【チャンネルミキサー】

古岡ひふみ — Tue, 06 Jul 2021 23:00:00 +0000

【Photoshop基本操作】CMYK の４色から２色を選んで調整する「２色刷り」は、印刷コストを大幅に抑える技法として、古くから商業印刷の分野で行われています。Photoshop での色分解は、[ チャンネルミキサー ] を使って、CMYK の各チャンネルを調整します。

C と M を使う！

CMYK カラーモードへ変換した画像は、シアン版、マゼンタ版、イエロー版、そして、ブラック版 (キー・プレート) に色分解されています。どの版が欠けても、フルカラーは再現できません。しかし、シアン版とマゼンタ版をベースに調整すると、２色だけでも豊かな表現力を持たせることができます。

カラー画像から

２色刷りデータを作成する方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

２色刷りデータを作成する方法

これから行う操作は、カラー画像から２色刷りデータを作成する方法です。対象となる素材により、調整値は若干異なります。まず、[ チャンネルミキサー ] のしくみを知って、それぞれのケースで応用してみましょう。

元画像

C + M の２色刷りデータ

[ チャンネルミキサー ] は、画像を構成するカラーチャンネルを個別に調整できる機能です。２色刷りでは、CMYK カラーモードで４色分解されたチャンネルから、新しく２つのチャンネルを作成します。以下は概念的なチャンネルの調整を表したものです。

チャンネルミキサーを作成

CMYK カラーのチャンネル

C (シアン) と M (マゼンタ) を使用

プロセスカラーの色分解から、任意のカラーインキを指定することもできます。[ スポットカラー ] は、新しく作成したチャンネルに設定することができ、２色刷りの仕上がりを特色でプレビューすることができます。

スポットカラーとは？

[ スポットカラー ] による２色刷り特色プレビュー

レッスンを始める前に

ドットゲインで変化する

レッスンを始める前に

フルカラー画像から２色刷りデータを作成するには、必ず、CMYK カラーモードに変換する必要があります。CMYK カラーモード変換は、[ カラー設定 ] の [ CMYK ] で選択したプロファイルによって行われるので、この設定が違えば、後の調整値にも影響されます。

【操作方法】

[ 編集 ] メニューから、[ カラー設定 ] を選択します。[ カラー設定 ] ダイアログで、[ 設定 ] に [ プリプレス用 – 日本2 ] を選択します。

[ 作業用スペース ] セクションの [ CMYK ] に、[ Japan Color 2001 Coated ] が選択されていることを確認してください。

[ スポット ] に、[ Dot Gain 15% ] が選択されていることを確認してください。

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

[ カラー設定 ] を設定 (部分)

ドットゲインで変化する

[ プリプレス用 – 日本2 ] で設定されている、[ Japan Color 2001 Coated ] は、日本における一般的な、プロセスカラー分解を行います。

ドットゲインとは、紙に吸収されるインキがにじみ広がり、印刷物の網点が、指定より大きくなってしまう現象です。

これらの設定は、２色刷りの調整値に大きく影響します。事前に、印刷所の入稿ガイドなどを確認しましょう。

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

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

レッスン動画を配信中！

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

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

YとKの階調を無くす

CMYK カラーモードは、どのチャンネルが欠けても、フルカラーでの再現はできません。しかし、シアンとマゼンタをベースに調整すると、２色だけでも、豊かな表現力を持たせることができます。

元画像

Y と K の階調を無くす

CMYK カラーモードのチャンネルから、イエロー版とブラック版の階調を無くすことで、シアン版とマゼンタ版の２色刷りデータを作成しましょう。

CMYKカラーに変換

一般的な画像のほとんどは、RGB カラーで作成されています。作例の素材画像も、RGB カラーが使用されています。まず、CMYK カラーモードに変換しましょう。変換する前に [ カラー設定 ] を確認してください。

レッスンを始める前に

【操作方法】

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

素材画像を開く

photo by yaseryousef70

最適な２版を選ぶ

ここでは、プロセスカラーのシアン版とマゼンタ版を活用する方法を取ります。

しかし、商業印刷における２色刷りの場合、まず、特色 (スポットカラー) が決められて、その条件に応じた色分解が行われることも多いです。

たとえば、黄色がキーカラーの商品や、緑色がキーカラーの風景など、そのモチーフは多種多様です。

紙面を構成する上で、文字の要素も重要になってきますし、２色を掛け合わせるノウハウも必要です。効果的な特色を選びましょう。

[ チャンネル ] タブをクリックして、[ チャンネル ] パネルを表示します。

RGB カラーモードの、チャンネル内容を確認してください。

RGB カラーモード

CMYK カラーモード

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

[ チャンネル ] パネルで、CMYK カラーモードの、チャンネル内容を確認してください。

基本がわかる！RGBとCMYK

[ CMYK カラー ] を選択

プロセスカラー印刷は４色

２色刷りデータは、CMYK カラーモードでなければ作成できません。対象画像が RGB カラーモードの場合は、あらかじめ、変換しておく必要があります。

プロセスカラーの４色分解

CMYK カラーモードでは、[ シアン ]、[ マゼンタ ]、[ イエロー ]、[ ブラック ] の４つのチャンネルによって、ひとつの画像が作られています。

プリント出力時には、それぞれのチャンネルが、インクの色 (プロセスカラー) に置き換えられます。CMYK カラーモードは、印刷用に最適化されたデータです。

プロセスカラーでのKの働き

[ CMYK カラー ] にモード変換すると、いちばん暗い領域を K として分解します。本来、すべての色域は、C M Y によって分解できるものです。

商業印刷の分野では、ブラックインキを多用することから、ブラックを特別な色として K (キー・プレート) を設けています。

そのため、C M Y のいちばん暗い領域から差し引かれた階調が、ブラック版として使われています。

チャンネルミキサーを作成

[ チャンネルミキサー ] とは、各チャンネルに分解された階調 (グレースケール) を個別に変えることで、全体の色調を調整する機能です。調整値は比率で行い、ひとつのチャンネルを 100% として、その他のチャンネルに配分する比率を設定します。

【操作方法】

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

[ チャンネルミキサー 1 ] を作成

[ プロパティ ] パネルで、[ 出力先チャンネル ] に、[ イエロー ] を選択します。

[ イエロー ] に、[ 0 ] % を入力します。

[ イエロー : 0 % ] を入力

[ 出力先チャンネル ] に [ ブラック ] を選択します。

[ ブラック ] に、[ 0 ] % を入力します。

[ ブラック : 0 % ] を入力

イエロー版とブラック版の、階調を無くすことができました。

Y と K の階調を無くす

これで完成？

これが、最も簡単な２色刷りデータです。調整が不要の場合は、画像を統合して、PSD 形式、または、EPS 形式で保存します。事前に、印刷所の入稿ガイドなどを確認しましょう。

基本がわかる！ドキュメントの保存

別名で保存

入稿データのファイル形式

ここでは、基本的な暫定値から、対象画像に適した調整を加える方法をご紹介します。

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

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

The post 【色分解】カラー画像から２色刷りデータを作成する方法【チャンネルミキサー】 first appeared on psgips.

【スタイル】ドロップシャドウで輪郭の影をつくる方法【画質・輪郭】

古岡ひふみ — Mon, 01 Mar 2021 23:00:00 +0000

【Photoshop基本操作】ドロップシャドウとは、Photoshop に搭載されている「レイヤースタイル」の効果のひとつです。タイプフェイスの手法としても、ポピュラーな存在です。文字の形の影を落とすことで、読みやすく際立たせる効果があります。透明ガラスにできるような、光が屈折した輪郭の影もつくることができます。

カーブで輪郭の詳細を変える！

[ 画質 ] セクションの [ 輪郭 ] は、シャドウの階調をカーブで設定して、輪郭の詳細を変える機能です。プリセットの [ 円錐 ] を選択するだけで、輪郭の影をつくることができます。しかし、輪郭の内側が完全に抜けているので、少し暗くなるようにカスタマイズします。

ドロップシャドウで

輪郭の影をつくる方法

[ STEP-01 ]

基本設定から適正を探る

[ STEP-02 ]

オブジェクトを透明にする

[ STEP-03 ]

輪郭の影を設定する

影の輪郭をカスタマイズする

これから行う操作は、レイヤースタイルの [ ドロップシャドウ ] で、透明ガラスにできるような、光が屈折した輪郭の影を設定する方法です。[ レイヤースタイル ] ダイアログには、たくさんの設定項目があります。まず、[ 画質 ] セクションの [ 輪郭 ] に注目しましょう。シャドウの輪郭を決めてから、その他の設定項目を調整することがポイントとなります。

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

レッスン動画を配信中！

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

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

基本設定から適性を探る

レッスン用のドキュメントには、あらかじめ、レイヤースタイルにおける、一般的な設定が行われています。ドロップシャドウの各設定を確認してみましょう。

【操作方法】

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

素材画像を開く

[ レイヤー ] パネルで、レイヤー効果の名前 [ ドロップシャドウ ] をダブルクリックして、[ レイヤースタイル ] ダイアログを表示します。

基本がわかる！レイヤースタイルの操作

[ ドロップシャドウ ] をダブルクリック

[ レイヤースタイル ] ダイアログで、[ 構造 ] セクション、[ 画質 ] セクションの各設定を確認してください。

[ レイヤースタイル ] の各設定を確認

[ 構造 ] – [ 不透明度 ]

シャドウの不透明度を設定します。描画モードとシャドウのカラーに影響されます。

[ 構造 ] – [ 角度 ]

シャドウの角度を設定します。[ 包括光源を使用 ] を有効にすると、包括光源を使用した他の効果と連動して、同じ設定値に変更されます。

[ 構造 ] – [ 距離 ]

シャドウの領域を、エッジからの距離 ( px ) で設定します。

[ 構造 ] – [ サイズ ]

シャドウの境界を、中心線からぼかす幅 ( px ) で設定します。中心線はエッジからの [ 距離 ] が反映されます。

[ 画質 ] – [ 輪郭 ]

ドロップシャドウの輪郭をプリセットの中から選択できます。サムネールをクリックすると、[ 輪郭エディター ] ダイアログが表示されます。

[ レイヤーがドロップシャドウをノックアウト ]

チェックマークを付けると、オブジェクトと重なる部分のドロップシャドウが取り除かれます (初期設定)。「無効」は、オーバープリントなどの特殊な使い方に用います。

ベーシックを定義する

[ ドロップシャドウ ] で、「不動の設定」とも言える頼りになる基本設定は、[ 構造 ] セクションの [ 角度 ]、[ 距離 ]、[ サイズ ] です。これらの設定値は、ほとんどの効果で共通して使えます。

[ 角度 : 120°] [ 距離 : 8 px ] [ サイズ : 8 px ]

フォントサイズ : 200 pt ( 解像度 : 72 pixel/inch ) /48 pt ( 解像度 : 300 pixel/inch )

[ 角度 ] の設定値は、視覚心理として安定する「左斜め上」が [ 120 ]°です。これは、ドロップシャドウが光源の角度に等しく、真上の 90°から、左側に 30°傾いた角度です。しかし、これは平面的な角度です。そのため、３次元的な光源の高度については、[ 距離 ] で感じさせることになります。光源の高度は、60°くらいが基準ですね。

シャドウの距離の適正値を割り出す

[ 距離 ] の設定値は、対象オブジェクトの高さと、光源の高度で決まります。この場合は、90°、30°、60°の直角三角形の関係 (短辺 1 : 斜辺 2 : 長辺 √3 ) が成り立ちます。√3 は、計算が難しいので、1/2 ほどが適正値だと考えていいでしょう。[ サイズ ] の設定値は、[ 距離 ] を中心線とした「ぼかし幅」です。そのため、MAX 値は２倍まで。適正値は、50 % 〜 150 % の範囲です。

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

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

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

The post 【スタイル】ドロップシャドウで輪郭の影をつくる方法【画質・輪郭】 first appeared on psgips.

【スタイル】レイヤーがドロップシャドウをノックアウト【抜き合わせ】

古岡ひふみ — Mon, 24 Aug 2020 23:00:00 +0000

【Photoshop基本操作】[ レイヤーがドロップシャドウをノックアウト ] とは、レイヤースタイルの [ ドロップシャドウ ] にあるオプション機能です。有効の場合、オブジェクトと重なる部分の、ドロップシャドウが取り除かれます。しかし、その違いがわかりにくいので、疑問に思っている方も多いのではないでしょうか？

透明にすれば一目瞭然！

ガラスの質感などをレイヤースタイルで作成する場合、無背景でも透明色を感じさせるテクニックとして、オブジェクトにドロップシャドウを重ね合わせることがあります。このときに活躍するのが、[ レイヤーがドロップシャドウをノックアウト ] なのです。「ノックアウト」は印刷用語で、インクの重なり部分を「抜き合わせ」することです。

レイヤーがドロップシャドウを

ノックアウト

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

ノックアウトの設定方法

これから行う操作は、レイヤースタイルのオプション機能である「ノックアウト」の設定方法です。カンバスカラーに「ホワイト」を設定したドキュメントに、シェイプレイヤーのオブジェクトを作成して、[ レイヤーがドロップシャドウをノックアウト ] の「有効」と「無効」の違いを比較してみましょう。

【操作方法】

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

素材画像を開く

オブジェクトは半透明

シェイプレイヤーには、ドロップシャドウの変化が確認しやすいように、[ レイヤー ] パネルで、[ 塗り ] に [ 50% ] を設定して、オブジェクトを半透明にしました。[ 塗り ] に設定する不透明度は、レイヤースタイルの効果に影響しません。そのため、[ ドロップシャドウ ] に設定した描画色は、そのまま反映されます。

[ 塗り : 50% ]

[ レイヤー ] パネルで、レイヤー効果の名前 [ ドロップシャドウ ] をダブルクリックして、[ レイヤースタイル ] ダイアログを表示します。

基本がわかる！レイヤースタイルの操作

[ ドロップシャドウ ] をダブルクリック

[ レイヤースタイル ] ダイアログで、[ レイヤーがドロップシャドウをノックアウト ] のチェックマークを確認してください。

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

チェックマークを確認