CMYK カラー| 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選

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

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

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

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

ひとつのファイルに！複数ページのPDFを作成する方法「PDFスライドショーによる自動処理」【2024】

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

【Photoshop基本操作】自動処理の「PDF スライドショー」には、複数のページ (画像) を、ひとつの PDF ファイルにまとめる機能が含まれています。PDF の作成は、Acrobat などの専用ツールを使用する方がポピュラーですが、これは、Photoshop で一括した作業を行う場合に便利です。

プリセットを理解する！

PDF ファイルの用途は多種多様です。たとえば、Web 環境での汎用性を求める場合もあれば、印刷出力での高品質を求める場合もあります。規格や互換性をクリアしなければならないし、RGB と CMYK カラーモードの違いなんかも大きな問題ですね。

[ Adobe PDF プリセット ] は、そんなややこしい設定を簡単にしてくれます。[ PDF/X-4:2010 ] と [ 高品質印刷 ] を理解して、そこからのカスタマイズで、さまざまな用途をカバーしましょう。

ひとつのファイルに！

複数ページのPDFを作成する方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

複数ページのPDFを作成

これから行う操作は、複数のファイルからひとつの PDF ドキュメントを作成する方法です。作例では、最もシンプルでポピュラーな、JPEG 形式の画像ファイルを結合する PDF ドキュメントを作成します。

JPEG 画像をひとつの PDF にまとめる

created by Peggy_Marco

対応できるソースファイルは、JPEG、PNG、TIFF、PSD などのラスターデータ、AI、EPS、SVG などのベクターデータです。

ドキュメントサイズは不揃いでも可能ですが、見やすさを重視するなら、あらかじめ共通台紙に貼るなどして、大きさを統一しておきましょう。

Photoshop で一括した作業を行う立場からいうと、カラーモードやレイヤーに関する対応も気になるところですね。

PSD 形式、AI 形式で保存されたファイルなら、RGB、CMYK カラーモードのアートワーク、レイヤーを含むドキュメントもオール OK です。ただし、透明部分は原則として白地に置き換えられます。基本的なドキュメントの解像度は、実物大 300 pixel 以上が目安です。

PDF 形式とは？

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

レッスン動画を配信中！

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

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

ソースファイルを開く

ここでは、閉じた複数のファイルから、ひとつにまとめた PDF ドキュメントを自動処理で作成する方法を取ります。誤作動やエラーを防ぐため、現在、開いている画像や、作業中のドキュメントはすべて閉じてください。

【操作方法】

開いてるウィンドウをすべて閉じます。

開いてるウィンドウをすべて閉じる

素材画像はRGB

作例で使用する素材画像は、印刷用のプルーフを想定し、A4 サイズ、300 pixel/inch で作成しています。

ソースファイル(1ページ)の仕様

元画像は CMYK カラーモードで作成していますが、さまざまな条件で活用しやすくするため、RGB カラーモードに変換し、JPEG 形式で保存しています。

基本がわかる！RGBとCMYK

[ ファイル ] メニューから、[ 自動処理 ] – [ PDF スライドショー ] を選択します。

[ PDF スライドショー ] を選択

[ PDF スライドショー ] ダイアログで、[ ソースファイル ] セクションの [ 参照 ] をクリックします。

[ 参照 ] をクリック

[ 開く ] ダイアログで、対象のソースファイルを、すべて選択します。作例では、全部で９ファイルです。

対象のソースファイルが選択できたら、[ 開く ] をクリックします。

対象のソースファイルを開く

[ PDF スライドショー ] ダイアログで、[ ソースファイル ] セクションのファイル名を確認します。

PDF スライドショーに含めるファイル

開いているファイルを追加

PDF スライドショーに含めるファイルは、すでに開いているファイルを追加することもできます。[ PDF スライドショー ] ダイアログで、[ ソースファイル ] セクションの [ 開いているファイルを追加 ] を有効にします。

すでに開いている画像

[ 開いているファイルを追加 ] を有効

[ 名前順 ] をクリックすると、名前順でファイルリストを並べ替えます。任意の並べ替えは、ドラッグ＆ドロップで行います。[ 削除 ] をクリックすると、リストから選択したファイルを削除します。[ 複製 ] をクリックすると、リストから選択したファイルを複製します。

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

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

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

The post ひとつのファイルに！複数ページのPDFを作成する方法「PDFスライドショーによる自動処理」【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.

【選択範囲】コーヒーカップを基本図形で切り抜く方法「楕円形パスの組み合わせ」

古岡ひふみ — Wed, 06 Apr 2022 23:00:00 +0000

【Photoshop基本操作】パスを最初から描画することは難しいです。しかし、コーヒーカップのような形状なら、基本図形の組み合わせだけで、簡単に作成できる場合があります。滑らかで明瞭な曲線を持つオブジェクトを、すばやくきれいに切り抜くメリットもあります。パスの基本的な機能と操作を学びましょう。

ガイドにスナップさせる！

パスの操作は、ピクセルグリッドにスナップ (吸着) させずに行うことが基本とされています。しかし、ここはスナップさせたい！と思うことも多いかと思います。

そんなときは、スナップさせたい箇所にガイドを作成します。パスには、ガイドにスナップする機能があり、たとえば、楕円形パスを囲む長方形の領域に、あらかじめ、ガイドを作成しておけば、簡単に素早く、パスを作成することができます。

コーヒーカップを

基本図形で切り抜く方法

– 楕円形パスの組み合わせ –

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

コーヒーカップを基本図形で切り抜く

これから行う操作は、コーヒーカップを切り抜く方法です。切り抜きにはパスを使用して、選択範囲の作成から、レイヤーマスクの出力までを行います。大まかには、楕円形パスを２つ組み合わせることで、高品質な切り抜きの境界線をレイヤーマスクに出力します。

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

レッスン動画を配信中！

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

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

ガイドを作成する

正確な操作を行うために、ガイドを作成しましょう。あらかじめ、ガイドを作成しておくと、ガイドにパスがスナップ (吸着) できます。

【操作方法】

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

素材画像を開く

[ 表示 ] メニューから、[ 定規 ] を選択して、[ 定規 ] を表示します。ショートカットキー : [ command ( Ctrl ) ] + [ R ]

[ 定規 ] からドキュメント内にドラッグして、コーヒーカップの円形の頂点に合わせて、ガイドを作成します。

センターとマージンにすばやくガイドを引く

[ 定規 ] からドラッグしてガイドを作成

続いて、円形の左右の側面に合わせてガイドを作成します。

コーヒーカップを囲む３点のガイドが作成できた

境界線の少し内側に作成

ドキュメントの表示をズームアップして、コーヒーカップの境界線の最大位置を約 1 pixel 内側にガイドを作成しましょう。作成するガイドは、左右の側面と上辺、または、下辺の３点です。ガイド作成時に [ shift ] キーを併用すると、目盛りにぴったり合わせることができます。

ツールの環境設定

パスを作成する前に、ツールの環境設定 [ ベクトルツールと変形をピクセルグリッドにスナップ ] の有効 / 無効を確認しておきましょう。

[ Photoshop (編集) ] メニューから、[ 環境設定 ] – [ ツール ] を選択します。

[ 環境設定 ] ダイアログで、[ ベクトルツールと変形をピクセルグリッドにスナップ ] を無効にします。

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

[ 環境設定 ] を設定

スナップさせない！

これから作成するパスが、ピクセルグリッドにスナップすると、アンカーポイントの位置や方向線の角度が制限されるため、[ ベクトルツールと変形をピクセルグリッドにスナップ ] を無効にしておきます。

パスを作成後、このオプションを有効に戻しても、アンカーポイントの位置や方向線の角度は、そのまま保持されますが、移動や編集を加えると、ピクセルグリッドにスナップされるので、注意が必要です。

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

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

The post 【選択範囲】コーヒーカップを基本図形で切り抜く方法「楕円形パスの組み合わせ」 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 ) ] キーを押しながら、ドキュメント内をクリックすると、クリックした箇所のカラーが描画色、または、背景色に設定できます。

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

背景色を設定

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

【操作方法】

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

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

カラーピッカーの使い方

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

背景色って関係あるの？

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

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

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

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

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

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

【トリミング】足りない領域を一瞬で伸ばす方法「パース編」【コンテンツに応じて拡大・縮小】

古岡ひふみ — Sun, 18 Jul 2021 23:00:00 +0000

【Photoshop基本操作】背景にもう少し余裕が欲しい場合、無敵の AI 機能 [コンテンツに応じて拡大・縮小] を使えば、違和感なく、一瞬で伸ばすことができます。しかし、遠近感のある構図では、パースに段差が発生したり、偏った変形が加わったり、なかなか思うようにできません。そんなときは、画面を分割して、それぞれ個別に適用してみましょう。

画面を３分割する！

作例のような一点透視図法では、画面の中央から放射状に、オブジェクトの構造線が存在します。[ コンテンツに応じて拡大・縮小 ] は、そんな斜めのつながりも認識するスゴイ機能です。

しかし、そのシワ寄せが、比較的フラットな階調に展開されるので、部分的に過度な引き伸ばしが発生します。それは、対象領域が広いほど、どんどん大きくなっていきます。

その特性を最小限に抑えるため、適用しない保護領域と、左右の拡張領域に３分割しましょう。

足りない領域を一瞬で伸ばす方法

− パース編 −

[ STEP-01 ]

ガイドで画面を分割する

[ STEP-02 ]

比率でカンバスを伸ばす

[ STEP-03 ]

不足している領域を拡張する

不足領域を違和感なく拡張

これから行う操作は、不足している領域を違和感なく拡張する方法です。このレッスンでは、変形に伴う画質の劣化を最低限に抑えるため、まず、仕上げサイズの縦横比に合わせたカンバスサイズを決定し、[ コンテンツに応じて拡大・縮小 ] で不足している領域を拡張してから、任意の仕上げサイズにスケールダウンする方法を取ります。

[ コンテンツに応じて拡大・縮小 ] は、足りない領域を一瞬で伸ばすことができるゴキゲンな機能です。水平、または、垂直の変形なら、バウンディングボックスの簡単な操作で、素材画像に最適な引き伸ばしを、AI が自動的に適用してくれます。

足りない領域を一瞬で伸ばす方法「水平線編」

[ コンテンツに応じて拡大・縮小 ] は、斜めに構造線がある一点透視図法でも、つながりをしっかり認識してくれます。これは驚くべき機能です。

しかし、AI 機能に頼ってばかりはいられません。素材によっては、パースに段差が発生したり、偏った変形が加わったり、なかなか思うようにできません。

[ コンテンツに応じて拡大・縮小 ] のパフォーマスを最大限に引き出すには、あなたの工夫も必要です。作例では、選択範囲内にも個別に適用できる機能をいかして、変形から守る保護領域と、左右に拡張する領域を、垂直にスパッと分割します。さて、斜めの構造線は、どのようにつながるのでしょうか？

画面を３分割する

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

レッスン動画を配信中！

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

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

ガイドで画面を分割する

個別に変形を適用するため、画面を分割するガイドを引きましょう。ガイドの作成は、計算なしで画面を分割してくれる、[ 新規ガイドレイアウトを作成 ] を使用します。

【操作方法】

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

素材画像を開く

photo by marusya21111999

CMYKでもOK！

ここでは、一般的な RGB カラーモード、JPEG 形式の画像を使用していますが、CMYK カラーモード、PSD 形式のドキュメントでも同様に適用することができます。

[ 表示 ] メニューから、[ 新規ガイドレイアウトを作成 ] を選択します。

[ 新規ガイドレイアウトを作成 ] ダイアログで、[ 既存のガイドを消去 ] を有効にします。

[ マージン ] を有効にして、[ 上 ] に、[ 64 px ]、[ 左 ] に、[ 96 px ]、[ 下 ] に、[ 64 px ]、[ 右 ] に、[ 96 px ] を入力します。

[ 列 ] を有効にして、[ 数 ] に、[ 3 ] を入力します。

[ 行 ] を有効にして、[ 数 ] に、[ 1 ] を入力します。[ OK ] をクリックします。

[ 新規ガイドレイアウトを作成 ] を設定

画面を３分割するガイドが作成できました。

画面を３分割するガイドが作成できた

ガイドを自動計算

[ 新規ガイドレイアウトを作成 ] を利用すれば、どんなサイズの画像にも、計算なしで瞬時にセンターガイドが引けます。

既存のガイドを消去

それまでに作成していたガイドが消去され、新しく設定するガイドのみを表示します。

マージン

ドキュメントの四辺に対して、レイアウトに必要な、余白領域が設定できます。作例では、マージンによって、構図のバランスを調整します。

列

ドキュメントを均等に縦割りする、数、幅、間隔を設定できます。ここでは、幅、間隔を使用しないので、[ 0 px ] を入力、または、[ delete ] キーを押して、数値を消去します。

行

ドキュメントを均等に横割りする、数、高さ、間隔を設定できます。

背景からレイヤーへ

対象のドキュメントが、JPEG 形式などの画像の場合、足りない領域を透明ピクセル (透明部分) で伸ばしておく必要があります。そのため、背景からレイヤーへ、変換しておきましょう。

【操作方法】

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

[ 背景 ] をダブルクリック

[ 新規レイヤー ] ダイアログで、[ OK ] をクリックします。

[ OK ] をクリック

背景からレイヤーへ、変換されたことを確認してください。

[ レイヤー 0 ] を確認

背景には適用できない！

[ コンテンツに応じて拡大・縮小 ] は、透明ピクセルを持たない [ 背景 ] には、適用できません。スマートオブジェクトに変換したレイヤーには、使用できません。

人物のセンター合わせ

作例では、被写体の人物を、センターに合わせたいので、少し右方向へ移動しておきます。

【操作方法】

ドキュメント内にカーソルを置きます。

[ command ( Ctrl ) ] キーを押すと、[ 移動ツール ] のカーソルに切り替わります。

[ shift ] + [ command ( Ctrl ) ] キーを押しながら、右方向へドラッグすると、水平方向の移動ができます。

被写体の人物をセンターに合わせる

保護領域を最小限に

レイヤーの移動は、被写体の人物をセンターに合わせるだけではなく、保護領域内に含める作業も兼ねています。画面の左右にマージンを設けたのは、この保護領域を最小限に調整するためです。

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

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

The post 【トリミング】足りない領域を一瞬で伸ばす方法「パース編」【コンテンツに応じて拡大・縮小】 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.

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

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

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

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

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

【レタッチ】スーパー解像度をJPEGに適用する方法【Rawディテール】

古岡ひふみ — Sun, 09 May 2021 23:00:00 +0000

【Photoshop基本操作】スーパー解像度とは、ディテールの強化を機械学習して、縦横比２倍の大きさに自動変換します。しかし、Camera Raw に搭載されている機能なので、Photoshop で使えない、使い方がわからないなど、疑問だらけの機能でもあります。スーパー解像度を JPEG に適用して、その効果を検証してみましょう！

補間のしくみを知る！

低解像度から高解像度にするアップサンプリングは、画質が劣化するので推奨されません。ピクセル情報の補間方法は、その画質の劣化を最小限に抑える技術なのです。

そのため、対象となる画像に適した方法は、その作成や保存条件によって異なるものなのです。補間のしくみを知ることは、最適なアップサンプリング方法を導き出すことにつながります。

スーパー解像度を

JPEGに適用する方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

スーパー解像度をJPEGに適用する方法

これから行う操作は、[ スーパー解像度 ] によるアップサンプリングを、JPEG 形式の画像に適用する方法です。高解像度化によって、元画像のディテールが、どのように変化するのでしょうか？ [ ディテールを保持 2.0 ] との比較も行いましょう。

スーパー解像度とは？

スーパー解像度とは、Camera Raw に搭載されている機能です。ディテールの強化を機械学習して、縦横比２倍の大きさに自動変換します。

Raw 画像を高解像度化するものですが、JREG や TIFF 形式にも適用できます。[ スーパー解像度 ] で、効果を最大に発揮できる要素は、以下のとおりです。

大きく印刷または表示したい写真

ノイズが多く含まれる画像

微細なディテールを多く含む画像

[ スーパー解像度 ] の効果は、自動作成される DNG 形式のファイルに含まれます。適用後の画像を JPEG 画像として、上書き保存することはできません。JPEG 形式で保存したい場合は、Camera Raw で、[ コピーで開く ] を選択してください。

なぜ高解像度化？

たとえば、印刷用の大判ポスターで、写真を大きく引き伸ばしたいとき、低解像度データのままだと、モザイク状の不鮮明な仕上がりになってしまいます。

そこで、高解像度データが必要になるワケですが、印刷で推奨される画像解像度に足りない場合、その条件を満たすためのアップサンプリングが行われます。

一般的なオフセット印刷の紙面は、CMYK という４つの色と、小さな網点によって構成されています。さまざまな色は、４つの網点の重ね合わせで表現されているので、理論上、面積比で４倍、縦横比で２倍のピクセルが必要とされます。

具体的には、スクリーン線数 (網点の細かさ) を 175 dpi としたとき、画像解像度は、その縦横比２倍の 350 ppi が必要になります。

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

レッスン動画を配信中！

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

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

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

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

The post 【レタッチ】スーパー解像度をJPEGに適用する方法【Rawディテール】 first appeared on psgips.

基本がわかる！パネルの操作「ワークスペースを自由にカスタマイズ」【2021】

古岡ひふみ — Sun, 25 Oct 2020 23:00:00 +0000

【Photoshop基本操作】Photoshop のパネル機能は、作業スペースを確保したり、効率的に表示させたりする機能が備わっています。グループからの分離、ドッキングなど、用途に応じたカスタマイズも自由に組み合わせできます。

タブを掴んで移動する！

「タブ」とは、本やノートの端に付けられた出っ張りのことです。タブのおかげで、目的のページが素早く見つけられます。Photoshop のパネルにも、このようなタブが付けられていて、クリックすると、目的のパネルが表示される仕組みです。

しかし、それだけではありません。パネルを切り離したり、順番を入れ替えたり、自由自在のアレンジを可能にするのもタブなのです。操作はタブを掴んで移動する感覚です。

基本がわかる！パネルの操作

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

[ CHAPTER-07 ]

[ CHAPTER-08 ]

パネルの分離とドッキング

パネルの表示の切り替え、分離やドッキングは、パネル名を表示する上部のタブで行います。また、アイコン化して非表示にしたり、パネルメニューを表示するためのボタンもあります。まず、それらの位置と役割を確認しておきましょう。

Photoshop のパネル (タブグループ)

タブ

タブグループの表示されていないタブをクリックすると、パネルを切り替えることができます。タブをドラッグして、個別のパネルに分離したり、他のパネルにドッキングすることもできます。

アイコンパネル化・パネルを展開

クリックすると、表示中のパネル (タブグループ) がたたまれ、省スペースのアイコンとパネル名だけの表示になります。

アイコンパネル化・パネルを展開

パネルメニュー

クリックすると、それぞれのパネルに含まれるオプションが選択できる、パネルメニューが表示されます。

パネルメニュー

一部のパネルしか表示されていない！

初期設定では、一部のパネル (タブグループ) しか表示されていません。たとえば、[ アクション ] パネルや、[ ナビゲーター ] パネルなどを表示したい場合は、[ ウィンドウ ] メニューから選択します。

パネルの表示・非表示

現在、表示されていないパネルを表示したり、表示中のパネルを非表示にする操作です。

【操作方法】

[ ウィンドウ ] メニューから、[ (パネル名) ] を選択します。

選択したパネルは、あらかじめ設定されたタブグループで表示されます。

[ ナビゲーター ] を選択

アイコンパネル化・パネルを展開

クリックすると、表示中のパネル (タブグループ) がたたまれ、省スペースのアイコンと、パネル名だけの表示になります。

アイコンパネル化・パネルを展開

パネルの表示・非表示

アイコンをクリックすると、パネルの表示・非表示が切り替えられます。

使うときだけ現れる！

[ tab ] キーを押すと、パネルを完全に画面から消すことができます。非表示になったパネルは、マウスカーソルを画面の端に置くと表示され、離すと非表示になります。パネルが邪魔なときは便利ですね。再び、[ tab ] キーを押すと通常の表示に戻ります。

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

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

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

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

タブグループから分離

タブグループの中にあるパネルを、独立したひとつのパネルとして分離します。

【操作方法】

タブをクリックして、分離させたいパネルを表示します。

表示したタブをクリックホールド

タブの上でマウスボタンを押したままドラッグして、分離させたい位置まで移動します。

タブをパネルグループの外へドラッグ＆ドロップ

分離させたい位置で、マウスボタンを離します。

パネルをタブグループから分離できた

タブグループとは？

タブグループとは、ひとつのパネルに、複数のパネルをまとめたものです。使用するパネルをタブで切り替えることによって、作業スペースが確保できます。

タブグループにドッキング

独立したひとつのパネルを、タブグループにまとめます。タブグループの分離やドッキングは、タブとして開くドキュメントウィンドウでも、同様に行えます。

【操作方法】

ドッキングさせたいパネルの、タブをクリックして表示します。

表示したタブをクリックホールド

タブの上で、マウスボタンを押したままドラッグして、ドッキングさせたいパネルのタブスペースまで移動します。

ドッキングさせたいパネルまでタブをドラッグ＆ドロップ

移動先のパネルの枠が青くなったら、マウスボタンを離します。

タブグループにドッキングできた

ドキュメントの操作も同じ

複数のドキュメントを開くと、ドキュメントウィンドウがドッキングされて、それぞれのファイル名のタブが上部に表示されます。

タブを水平にドラッグして順番を入れ替え

このドキュメントウィンドウもパネルと同じく、タブをドラッグすることで、分離やドッキング、タブグループ内での順番の入れ替えが行えます。

続きは［＞］をクリック！

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