鮮やか・ビビッド| psgips

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

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

The post これで解決！カラーハーフトーンはこうやってかける！「ロゼッタパターン」【2023】 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.

写真をイラスト調に！エッジの効いたポスタリゼーション「詳細をストロークでぼかす」

古岡ひふみ — Sat, 01 Jan 2022 23:00:00 +0000

【Photoshop講座】ポスタリゼーションとは、画像の階調数を減らす処理です。地形図の等高線のように、陰影や色の違いが段階的な層になるので、写真をイラスト調にする手法としてよく用いられます。このポスタリゼーションに輪郭線をプラスして、スッキリ＆おしゃれな処理にバージョンアップしましょう。

油絵のタッチを利用する！

写真をイラスト調にする心構えは、生っぽさを消すことです。ポスタリゼーションの境界は、ぎこちない形状になりがちです。そのため、階調の段差をぼかして滑らかにします。しかし、輪郭線にとってぼかしは天敵です。ヒゲの男性ではさらに厄介ですね。作例では、詳細な輪郭線を維持させる方法として [ 油彩 ] フィルターを利用します。

写真をイラスト調に！

エッジの効いたポスタリゼーション

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

ポスタリゼーション風イラストに加工

これから行う操作は、人物写真をポスタリゼーション風イラストに加工する方法です。ポピュラーな手法ですが、詳細なエッジを効かすことで、スッキリと洗練された印象にしましょう。

元画像

ポスタリゼーション風イラストに加工

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

人物を切り抜く

このレッスンは、写真をイラスト調にすることがテーマです。このため、人物の切り抜きについては省略しています。詳しくは、以下のページを参照してください。

【操作方法】

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

素材画像を開く

photo by theharpreetbatish

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

[ クイック選択ツール ] で選択範囲を修正します。

人物の選択範囲を作成

[ 選択範囲 ] メニューから、[ 選択とマスク ] を選択します。[ 境界線調整ブラシツール ] で、境界線を調整します。

[ 選択とマスク ] で境界線を調整

[ 選択とマスク ] セクションの [ 出力先 ] に [ 新規ドキュメント (レイヤーマスクあり) ] を選択して、[ OK ] をクリックします。

[ 新規ドキュメント (レイヤーマスクあり) ] を選択

出力された新規ドキュメント (レイヤーマスクあり) を確認します。

出力された新規ドキュメントを確認

切り抜かなくてもOK !

作例では、背景から人物を切り抜いていますが、そのままイラスト調にすることも可能です。被写体との境界が同系色であったり、不鮮明な場合を除けば、スッキリ＆おしゃれな、ポスタリゼーション風イラストに加工できます。

元画像

背景を含めた適用例

photo by Free-Photos

レッスン動画を配信中！

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

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

背景色を設定

人物を切り抜くことができたら、背景に敷く [ 塗りつぶしレイヤー ] を作成しましょう。[ 塗りつぶしレイヤー ] には、仕上がりを想定したカラーを設定します。

【操作方法】

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ カラー : H : 40°/ S : 100 % / B : 80 % ] を設定して、[ OK ] をクリックします。

カラーピッカーの使い方

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

[ レイヤー ] パネルで、[ べた塗り 1 ] をドラッグ、または、[ command ( Ctrl ) ] + [ [ ] キーを押して、[ べた塗り 1 ] を背面へ移動します。

[ べた塗り 1 ] を背面へ移動

人物の切り抜きの背景色が設定できました。

背景色を設定

被写体との対比を考える

背景色は自由に設定できますが、被写体との組み合わせにより、後に適用する、輪郭線の効果が出にくい色があります。輪郭の検出は、色の違いと明るさの違いから行われます。

たとえば、白い服と白い背景では、輪郭線の効果が出にくくなります。同系色と組み合わせる場合は、被写体を明るく、背景を暗くして対比させましょう。

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

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

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.

【色調補正】色の濁りを取って鮮やかな青空にする方法【特定色域の選択】

古岡ひふみ — Tue, 20 Feb 2018 23:00:00 +0000

【Photoshop基本操作】風景写真の空を青くする方法はいろいろあります。その中でも比較的に理解しやすく、高い効果を発揮できるのが [ 特定色域の選択 ] です。青空はもちろん、夕焼けの空や木々の緑も、濁りのない鮮やかな色に補正することができます。

濁らせ要素を取り除こう！

すべての色は、青色、赤色、黄色を混ぜ合わせてつくり出すことができます。鮮やかな色も濁った色もです。水彩絵具で混ぜ合わせた色は元に戻せませんが、Photoshop ではそれが可能になります。色の構成要素から、色を濁らせている、特定の色域を取り除くことができるのです。

色の濁りを取って

鮮やかな青空にする方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

特定色域の選択で青空を強調する

これから行う操作は、色の濁りを取って鮮やかな青空にする方法です。[ 特定色域の選択 ] は、設定した後でも編集できる調整レイヤーを利用する方が一般的です。特定のカラー (色域) を選択して、CMYK スライダーで調整を行うので、カラーの構成要素であるプロセスカラーの知識が必要です。プロセスカラー : 印刷用インキで定められた基本４色 ( CMYK )

基本がわかる！RGBとCMYK

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

レッスン動画を配信中！

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

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

特定色域の選択を作成する

ここでは、[ 特定色域の選択 ] 調整レイヤーを使用します。調整レイヤーは、画面の右側に表示される [ 属性 (プロパティ) ] パネルで、それぞれの色系統に対して設定を行います。

【操作方法】

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

素材画像を開く

補正のポイント

素材画像は、空が霞んでいて、夏らしいエネルギッシュさが、いまひとつ表現できていません。空が青くなるように全体を調整してしまうと、補色 (反対色) の関係にあるレンガ造りの建物が影響を受けてしまいます。

そこで、色の系統別に調整ができる [ 特定色域の選択 ] を使用して、雲を白く空を青く強調して、すっきりした濁りのない印象に補正していきます。

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

[ 特定色域の選択 1 ] を作成

調整レイヤーを作成すると、自動的に [ 属性 (プロパティ) ] パネルが表示されます。

[ 属性 ( プロパティ ) ] パネルを確認

調整レイヤーとは？

調整レイヤーとは、ドキュメントやレイヤー単位で、色調補正が行えるオプション機能です。調整レイヤーを作成することで、元画像の内容をそのまま保つことができ、設定した後でも再編集が可能になります。

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

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

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

The post 【色調補正】色の濁りを取って鮮やかな青空にする方法【特定色域の選択】 first appeared on psgips.

【色調補正】ワンクリックでヴィンテージ風写真に変える【カラールックアップ】

古岡ひふみ — Thu, 10 Mar 2016 23:00:00 +0000

【Photoshop基本操作】おしゃれなヴィンテージ風写真に加工できるアプリ「 Instagram (インスタグラム) 」のような機能が Photoshop にも搭載されています。それは、[ カラールックアップ ] という色調補正ツールです。あらかじめ、インストールされたプリセットファイルを選択するだけで、写真がドラマチックな色調に変換できます。

さまざまな効果を把握しておく！

[ カラールックアップ ] は、メニューから選択するだけで適用できるので、とにかく、片っ端から設定を変えてみるのもいいです。しかし、シャープ or フラット、暖色系 or 寒色系のように、効果の特徴で名前を覚えておくと、引き出しから取り出すスピードが速くなります。まず、お気に入りの効果を見つけておきましょう。

カラールックアップの適用方法

カラールックアップは、色調補正ツールのひとつです。ドキュメントの単独レイヤー、または、選択範囲内に適用できるほか、調整レイヤーによる非破壊編集も可能です。ここでは、調整レイヤーの設定例をご紹介しましょう。

適用例一覧はこちら

【操作方法】

素材画像をダウンロードして開きます。[ カラーモード ] に [ RGB カラー ] が設定された素材画像を開きます。作例では、[ 幅 : 1280 pixel ]、[ 高さ : 1920 pixel ]、[ 解像度 : 72 pixel ] の画像を使用しています。

素材画像を開く

photo by 1103997

カラールックアップとは？

計算処理に基づいた色の配列 (ルックアップテーブル) を適用して、統一したカラー調整を行うものです。画像処理の分野では「 LUT 」と呼ばれます。

メディアに対して幅広く適用できるため、動画用の機能として活用されることが多いです。LUT は、対象のドキュメントやアプリケーションによって、形式が異なります。

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

[ カラールックアップ 1 ] を作成

[ 属性 (プロパティ) ] パネルで、[ 3D LUT ファイル ] のメニューから、任意のプリセットファイルを選択します。ここでは、[ filmstock_50.3dl ] を選択しました。各セクションのラジオボタンをクリックする必要はありません。

[ カラールックアップ ] を設定

[ カラールックアップ ] が適用できました。

[ 3D LUT ファイル ] とは？

統一したカラー調整を行うために、計算式が記述されたプリセットファイルです。RGB 各色のひとつの入力値に対して、ひとつの出力値を参照する「１次元 LUT 」では、たとえば、コントラストを強くすると、彩度も高くなってしまうことがあります。

RGB 各色の３つの入力値の組み合わせに対して、３つの出力値の組み合わせを参照する「３次元 LUT」では、たとえば、コントラストを強くしながら、彩度を抑えることができます。[ 3D LUT ファイル ] には、3dl、cube、csp というファイル形式 (拡張子) があります。

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

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

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

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

３つのセクション

[ カラールックアップ ] には、さまざまな 3D LUT ファイル、または、カラープロファイルが用意されています。[ 3D LUT ファイル ]、[ 抽象 ]、[ デバイスリンク ] といった３つのセクションがあり、それぞれのメニューから、3D LUT ファイル、または、カラープロファイルを選択します。

適用例一覧はこちら

[ カラールックアップ ] を設定

新しい 3D LUT を読み込む

各メニューの上にある [ 〜を読み込み ] を選択すると、新しい 3D LUT ファイル、または、カラープロファイルが読み込めます。

読み込めるファイルは、look、3dl、cube、csp、icc の拡張子が付いたもので、[ ファイル ] – [ 書き出し ] – [ カラールックアップテーブル ] を選択して、カラールックアップテーブルをエクスポートすると、[ カラールックアップ ] に適用できる、プリセットファイルが作成できます。

昇順と降順で効果を逆転

[ 3D LUT ファイル ] のセクションから、拡張子に [ 〜.cube ] が付いたプリセットファイルを選択すると、[ データの順序 ] と [ テーブルの順序 ] を選択できる、オプションが表示されます。

[ カラールックアップ ] を設定

[ RGB ] の順序を降順の [ BGR ] に設定すると、たとえば、暖色系のものが寒色系になります。降順、昇順がそれぞれ設定できるので、組み合わせによって、まったく違う効果が作成できます。

[ データの順序 ] と [ テーブルの順序 ] を入れ替えた例

ディザとは？

[ ディザ ] を有効にすると、グラデーションを限られた色のパターン (ピクセルドットで間引かれた粒子) にして、階調が段階的な縞状になってしまう現象「バウンディング」を防ぎます。

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

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