色相・彩度| psgips

写真をイラスト調に！マーカーペンで描く肖像画「緻密なタッチと粗いタッチ」【2024】

古岡ひふみ — Sat, 24 Aug 2024 23:00:00 +0000

【Photoshop講座】人物の写真をマーカーペンで描いたようなタッチに加工する方法です。緻密な筆先と太いフェルトを使い分ける技法は、水彩画のような淡いぼかしや、かすれた感じの風合いが混在します。このレッスンでは、Ver.25.11.0 を使用しています。

塗り残しを再現！

粗いタッチを作成した後、その輪郭線を抜くことができれば、塗り残し領域を作成することができます。[ 塗料 ] フィルターの [ スパークル ] は、輪郭線を明るくする効果です。ランダムな色むらに適用すると、かすれた感じの風合いも同時に再現できます。

写真をイラスト調に！

マーカーペンで描く肖像画

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

マーカーペンのタッチに加工

これから行う操作は、人物の写真を、マーカーペンで描いたようなタッチに加工する方法です。

元画像

マーカーペンのタッチに加工

緻密な筆先と太いフェルトを使い分ける技法は、水彩画のような淡いぼかしや、かすれた感じの風合いが混在します。

マーカーペンの多彩なタッチ

粗いタッチを作成したあと、その輪郭線を抜くことができれば、塗り残し領域を作成することができます。

塗り残し領域を再現

[ 塗料 ] フィルターの [ スパークル ] は、輪郭線を明るくする効果です。ランダムな色むらに適用すると、かすれた感じの風合いも同時に再現できます。

目次に戻る

レッスン動画を配信中！

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

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

背景色を設定する

素材画像から人物を切り抜いて、背景に用紙の色を設定します。写真をイラスト調にする第一歩となる重要な作業です。レイヤー、レイヤーマスク、描画色の設定など、写真加工の基本操作を習得しましょう。

人物を切り抜く

背景色を設定

目次に戻る

人物を切り抜く

[ 被写体を選択 ] は、機械学習テクノロジーによって、自動的に対象の画像を解析して、適切な選択範囲を作成する機能です。常にアップデートされた、クラウド上のアルゴリズムを使用することができます。

【操作方法】

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

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

素材画像を開く

photo by mostafa meraji

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

被写体を選択

選択方法を選ぶ！

[ 被写体を選択 (クラウド処理) ] は、デバイス上の処理よりも詳細な結果を取得できます。数ある選択方法の中にあって、最もパフォーマンスが高いコマンドです。被写体を選択のクラウド処理 : [ Photoshop (編集) ] - [ 環境設定 ] - [ 画像処理 ]

[ レイヤー ] パネルで、[ マスクを追加 ] をクリックします。

元画像のレイヤーに、レイヤーマスクが作成されていることを確認してください。

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

[ マスクを追加 ] をクリック

人物の背景が、透明ピクセルに変換されたことを確認してください。

透明ピクセルに変換

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。

[ レイヤー 0 ] が、スマートオブジェクトに変換されたことを確認してください。

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

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

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

目次に戻る

塗りつぶしレイヤーを設定

人物の背景に、用紙の色を敷きましょう。背景色を塗りつぶしレイヤーで作成しておくと、いつでも編集が可能です。レイヤーサムネールをダブルクリックすると、[ カラーピッカー ] ダイアログが表示されます。

【操作方法】

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、新しい色に、[ H: 0° / S: 0 % / B: 95 % ] を設定します。

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

カラーピッカーの使い方

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

[ べた塗り 1 ] を背面へ移動します。背面へ移動: [ command ( Ctrl ) ] + [ [ ]

[ レイヤー 0 ] を選択します。

[ レイヤー 0 ] を選択

人物の背景に、用紙の色が設定できました。

用紙の色が設定できた

用紙の色を反映する！

たとえば、古紙のような黄色を帯びた用紙を設定する場合は、[ レイヤー 0 ] の描画モードを [ 乗算 ] に設定してください。すると、画像のハイライト領域に、用紙の色が反映されます。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！マーカーペンで描く肖像画「緻密なタッチと粗いタッチ」【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 ]

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

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

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

目次に戻る

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

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

【操作方法】

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

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

素材画像を開く

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 マゼンタとされています。

目次に戻る

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

古岡ひふみ

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

psgips.net

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

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

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

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

色の系統を選択する！

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

緑の葉を秋らしく

紅葉させる方法

− 色相・彩度 −

[ STEP-01 ]

緑の葉を選択する

[ STEP-02 ]

調整レイヤーを作成する

[ STEP-03 ]

緑の葉を色変換する

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

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

目次に戻る

レッスン動画を配信中！

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

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

緑の葉を選択する

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

【操作方法】

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

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

素材画像を開く

複数箇所を抽出

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

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

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

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

目次に戻る

中間調をサンプリング

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

【操作方法】

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

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

[ 許容量 : 100 ]

暫定値を設定

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

カラークラスタを無効

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

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

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

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

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

目次に戻る

サンプルに追加

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

【操作方法】

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

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

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

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

サンプルに追加

目次に戻る

許容量を調整

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

【操作方法】

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

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

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

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

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

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

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

許容量で色域を調整

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

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【色調補正】緑の葉を秋らしく紅葉させる方法「色域指定と色相・彩度の使い方」【2022】 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 ( ウブロ )

目次に戻る

人物を配置する

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

【操作方法】

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

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

素材画像を開く

[ レイヤー ] パネルで、[ コンテンツ-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 ]

変形を確定

トリミングはここで！

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

目次に戻る

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

古岡ひふみ

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

psgips.net

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

写真をイラスト調に！精密なテクニカル・イラスト風「ノイズのないフラット面とシャープを両立させる」

古岡ひふみ — Mon, 12 Apr 2021 23:00:00 +0000

【Photoshop講座】写真ではわかりにくい部分を精密に描き出す、テクニカル・イラストレーションは、自動車や家電製品などの技術的な情報を、視覚的に伝達するための技法です。クルマ好きを唸らせるポイントは、シャープな陰影と克明なディテール。写真の生っぽさを消して、エアブラシで描かれたような、精悍なタッチで仕上げましょう。

フラットと隈取りの最強タッグ！

写真を言い換えるなら「ノイズの集合体」です。一方、テクニカル・イラストレーションの特徴は、タッチを感じさせないリアルな描写です。

コントラストを強くすると階調が飛んでしまうし、誇張した補正はノイズの発生を招きます。この２つを解消させるにはどうしたらいいか？その答えが、このレッスンには含まれています。ノイズのないフラットな面に、トーンをつくる技を習得しましょう。

写真をイラスト調に！

精密なテクニカル・イラスト風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

面をぼかして輪郭をシャープに

これから行う操作は、写真をイラスト調に加工する方法です。テクニカル・イラストレーションとは、工業製品を精密に描き出した、立体図に用いられている様式です。写真ではわかりにくい情報を、視覚的に伝達する役目があります。タッチを感じさせないリアルな描写で、クルマ好きを唸らせる、一枚に仕上げましょう。

目次に戻る

レッスン動画を配信中！

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

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

ボディを切り抜く

オープンカーのボディを切り抜いて、無地の背景を設定しましょう。下記に記載している URL から、素材画像をダウンロードしてください。

【操作方法】

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

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

素材画像を開く

photo by hostsh

[ パス ] パネルを表示します。

保存されているパスの [ ボディ ] を選択します。

基本がわかる！パスの作成と使い方

パスの [ ボディ ] を選択

すると、ドキュメントに、オープンカーのボディを、トレースしたパスが表示されます。

パスが表示される

切り抜きパス付

このレッスンでは、あらかじめ、作業に必要なパスを素材画像に保存しています。作品に応用する場合は、あらかじめ、主体を切り抜くパスを作成するか、レイヤーマスクなどで、正確な選択範囲を作成してください。

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

目次に戻る

新規グループを作成

表示したパスは、この後の操作で、ベクトルマスクに適用します。オープンカーのボディ・カラーを切り抜くものです。複数のレイヤーで共有させるため、新しいグループを作成して、そこにベクトルマスクを追加します。

【操作方法】

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

[ 新規グループを作成 ] をクリックします。

すると、新規グループ [ グループ 1 ] が作成されます。

新規グループを作成

グループ名を変更

[ グループ 1 ] をダブルクリックして、グループ名を「ボディ・カラー」に変更します。グループ [ ボディ・カラー ] が、選択されていることを確認してください。

グループ名を変更

目次に戻る

ベクトルマスクを追加

新しく作成したグループには、まだ、レイヤーが含まれていません。しかし、表示中のパスは、元画像の位置に合わされているので、先にベクトルマスクを追加しても、問題はありません。

【操作方法】

[ レイヤー ] メニューから、[ ベクトルマスク ] – [ 現在のパス ] を選択します。

[ 現在のパス ] を選択

すると、グループ [ ボディ・カラー ] に、ベクトルマスクが作成されます。

ベクトルマスクの作成を確認

[ プロパティ ] パネルで、[ ぼかし ] に [ 0.5 px ] を入力します。

[ ぼかし : 0.5 px ]

パスの境界線をぼかす

このベクトルマスクは、グループ内のオブジェクトを、まとめて、切り抜くために使用します。パスの境界線に、ぼかしを設定しておきましょう。ベクトルマスクを少しぼかすことで、切り抜きがより自然に見えます。

目次に戻る

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

元画像の保持と、適用するフィルターなどが再編集できる、スマートオブジェクトに変換しましょう。

【操作方法】

[ レイヤー ] パネルで、[ 背景 ] を選択します。

[ 背景 ] を選択

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。

[ レイヤー ] パネルで、スマートオブジェクトに変換されたことを、確認してください。

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

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

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

レイヤー名を変更

[ レイヤー 0 ] をダブルクリックして、レイヤー名を「1964 Turner Mk3」に変更します。

レイヤー名を変更

目次に戻る

グループ内に格納

スマートオブジェクトに変換した元画像を、グループ内に格納しましょう。グループに追加したベクトルマスクが適用され、オープンカーの背景が、透明ピクセルに変換されます。

【操作方法】

グループ [ ボディ・カラー ] に、[ 1964 Turner Mk3 ] をドラッグ＆ドロップします。

[ 1964 Turner Mk3 ] が、グループ内に格納されたことを確認してください。

すると、オープンカーが切り抜かれ、その他の領域が、透明ピクセルに変換されます。

まとめて切り抜き

グループにベクトルマスクを追加すると、グループ内のレイヤーがまとめて切り抜けます。

目次に戻る

背景色を設定

透明ピクセルに変換された背景に、背景色を設定しましょう。ここでは、用紙の色を想定して、ホワイトより少し暗いカラーを設定します。

【操作方法】

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ H : 0° / S : 0 % / B : 95 % ] を入力して、[ OK ] をクリックします。

カラーピッカーの使い方

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

[ レイヤー ] パネルで、[ べた塗り 1 ] をドラッグ＆ドロップして、グループ外の最背面へ移動します。

[ べた塗り 1 ] が、グループ外の最背面へ移動できたことを確認してください。

ボディを切り抜いて、背景色を設定することができました。

背景色を設定

背景色は変更可能

この背景色は、暫定的なものです。カラーを再編集することや、別の素材画像を敷くこともできます。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！精密なテクニカル・イラスト風「ノイズのないフラット面とシャープを両立させる」 first appeared on psgips.

写真を加工する！モノクロ画像のカラー化「ニューラルフィルター2021ベータ版」

古岡ひふみ — Mon, 14 Dec 2020 23:00:00 +0000

【Photoshop講座】モノクロ画像を着色するのは面倒ですね。上塗りした違和感を消すのも一苦労です。機械学習テクノロジーを使用した [ カラー化 ] を使用すれば、驚くほどカンタンに解決できます。

焦点カラーを使う！

[ カラー化 ] は、着色する箇所を [ 焦点 ] として、上塗りカラーがカスタマイズできます。大まかには、被写体と背景は焦点が違うので塗り分けるということです。[ クリックして焦点を選択 ] の設定で、カラー化の完成度は格段にアップします。

カラー化による着色処理

これから行う操作は、[ カラー化 ] を使って、モノクロ画像を着色する方法です。[ カラー化 ] は、[ ニューラルフィルター ] というフィルターカテゴリでリリースされた AI フィルターのひとつで、まだ未完成のベータ版です。バージョン 2022 以降では「正式版」として改善されています。

カラー化を適用する

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

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

素材画像を開く

photo by bharatspace

[ フィルター ] メニューから、[ ニューラルフィルター ] を選択します。すると、[ ニューラルフィルター ] 操作パネルが表示されます。起動時のプレビューに表示される青枠は、AI による顔認証エリアです。

[ ニューラルフィルター ] 操作パネル

[ ニューラルフィルター ] パネルで、[ ベータ版フィルター ] をクリックします。バージョン 2022 以降では「正式版」として改善されています。

[ カラー化 ] をクリックして有効にします。クラウドからダウンロード

[ カラー化 ] を有効

[ カラー化 ] を有効にすると、自動的に画像の解析が始まり、処理が終わると結果がプレビューされます。

自動解析の結果がプレビューされる

[ カラー化 ] は、自動解析が初期設定となり、[ シーン ] セクションのプロパティで調整が可能です。

[ シーン ] セクションを確認

ニューラルフィルターとは？

Photoshop 2021 ( 22.0.0 ) から実装された [ ニューラルフィルター ] は、GPU / AI 技術を活用した新機能です。さまざまなフィルター効果をクラウドからダウンロードして使用するのが特徴です。初めて使用するフィルターは、クラウドアイコンをクリックします。

[ カラー化 ] の説明

[ ニューラルフィルター ] に含まれている [ カラー化 ] は、[ ベータ版フィルター ] として提供されています。今後も改善されていくフィルターなので、結果は一致しないかも知れませんが、驚くような結果が期待できるので試してみましょう。バージョン 2022 以降では「正式版」として改善されています。

ニューラルフィルターを初期化！

ニューラルフィルターを初期化したい場合は、次のフォルダーを削除してください。Mac のユーザーライブラリフォルダーは、デフォルトで非表示なっています。[ option ] キーを押しながら、[ 移動 ] – [ ライブラリ ] を選択してください。パス中の「24」は、バージョン 2023 の番号です。

Mac

[ユーザー名]/ライブラリ/Application Support/Adobe/ UXP/PluginsStorage/PHSP/24/Internal/ com.adobe.nfp.gallery/PluginData

Windows

C:\Users\[ユーザー名]\AppData\Roaming\Adobe\ UXP\PluginsStorage\PHSP\24\Internal\ com.adobe.nfp.gallery\PluginData

[ 出力 ] に [ スマートフィルター ] を選択します。

すべての設定ができたら、[ OK ] をクリックします。

[ スマートフィルター ] を選択

[ レイヤー ] パネルで、[ スマートフィルター ] を確認します。

[ スマートフィルター ] を確認

ハイライトを暗く！

モノクロ画像の傾向として、明るい部分を白く飛ばす「ハイキー処理」があります。[ カラー化 ] は、元画像の階調 (グレースケール) によって解析するので、真っ白な部分は「白色」として認識されます。

[ カラー化 ] を適用する前に、ハイライト領域を暗くしておくと効果的です。[ シャドウ・ハイライト ] は、シャドウ領域とハイライト領域を個別に調整できるので、ハイライト領域のみを暗くしたい場合は、[ シャドウ ] セクションの [ 量 ] に [ 0 ] % を入力し、[ ハイライト ] セクションの [ 量 ] に任意の調整率を入力します。

[ シャドウ・ハイライト ] による調整例

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

古岡ひふみ

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

psgips.net

The post 写真を加工する！モノクロ画像のカラー化「ニューラルフィルター2021ベータ版」 first appeared on psgips.

【テクスチャ】ゼロからつくる！ローソクの火「どんな画像にもドラッグ＆ドロップで合成できる！」

古岡ひふみ — Sun, 05 Apr 2020 23:00:00 +0000

【Photoshop講座】何もないところから火を作って、消えたローソクの画像に合成します。作成した火は、拡大・縮小しても劣化しない非破壊編集に対応しているので、どんな画像にもドラッグ＆ドロップで合成できます。素材に合わせた火のゆらぎや、微妙な色の調整も自由に行えます。

火をじっくり観察しよう！

ローソクの火などの光源の色は、明るさが変わるだけではなく、色相そのものも少しずつ変化しています。たとえば、最も明るい部分が黄色なら、そこから放射状にだんだん暗くなる色相は、オレンジ色から赤色へと変化しています。

ゼロからつくる！ローソクの火

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

何もない状態からローソクの火を描く

こらから行う操作は、Photoshop の機能だけを使って、何もない状態からローソクの火を描く方法です。といっても、フリーハンドで描くような操作は一切ありません。ステップ・バイ・ステップ方式で、手順どおりに操作すれば、誰でも「ローソクの火」が作成できます。

目次に戻る

ベースを作成する

「ローソクの火」は、火の周辺の背景色を含むドキュメントを作成します。火のベースは、ホワイトと 50% グレーの塗りつぶしで行います。

【操作方法】

[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規ドキュメント ] ダイアログで、[ 幅 ] に [ 512 ] pixel、[ 高さ ] に [ 512 ] pixel、[ 解像度 ] に [ 72 ] pixel/inch、[ カラーモード ] に [ RGB カラー ]、[ 8 bit ] を設定して、[ 作成 ] をクリックします。

基本がわかる！新規ドキュメントの作成

[ 新規ドキュメント ] を設定

新しいドキュメントを作成することができました。

新しいドキュメントを作成

火の約 1.5 倍

ドキュメントのサイズは、作成したい火の約 1.5 倍の大きさに設定してください。作成後の火の大きさの調整は、非破壊編集で行えるので、ドキュメントは、およその大きさで構わないです。大きすぎるサイズでは、フィルターの適用結果が細かくなってしまうので注意してください。

目次に戻る

レッスン動画を配信中！

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

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

グループを作成

これから作成するローソクの炎は、一括して他の画像に配置します。そのため、ひとつのグループにまとめておく方が効率的です。新しいグループを作成しましょう。

【操作方法】

[ レイヤー ] パネルで、[ 新規グループを作成 ] をクリックして、[ グループ 1 ] を作成します。

[ 新規グループを作成 ] をクリック

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ ブラック ] を設定して、[ OK ] をクリックします。初期設定

カラーピッカーの使い方

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

ドキュメント全体をブラックで塗りつぶすことができました。

ブラックで塗りつぶす

ひとつにまとめて効率化

グループの作成は、複数のレイヤーをひとつにまとめて操作できるため、他のドキュメントに配置するときに役立ちます。グループ内のレイヤーは、項目の頭下げが行われています。

グループ内に作成されていることを確認

グループ内の [ べた塗り 1 ] は、配置先のドキュメントサイズに関係なく対応できるので、必ずグループ内に作成されていることを確認してください。

目次に戻る

パスの作成と変形

火のベースは、正円のシェイプの一部を変形させて作成します。作例では、ベクトルレイヤーで作成しますが、ピクセルレイヤーの塗りつぶしでも対応できます。

【操作方法】

[ ツール ] パネルで、[ 楕円形ツール ] を選択します。

基本がわかる！パスの作成と使い方

[ 楕円形ツール ] を選択

オプションバーで、[ ツールモードを選択 ] に [ シェイプ ] を選択します。

[ シェイプの塗りを設定 ] に [ ホワイト ] を設定します。

[ シェイプの塗りを設定 : ホワイト ]

[ shift ] キーを押しながら、正円を作成します。

[ shift ] + ドラッグ

縦横比を固定する

[ shift ] キー押しながらドラッグすると、縦横の比率が等しい正円が作成できます。または、オプションバーの歯車アイコンをクリックすると、[ 正円 ] や [ 中心から ] などのパスオプションが選べます。

パスオプションで設定することもできる

同じ要領で、小さい正円を同心円で作成します。小さい正円は、50% グレーで塗りつぶします。

大小２つの正円を作成

[ ツール ] パネルで、[ パス選択ツール ] を選択します。

[ パス選択ツール ] を選択

[ 楕円形 1 ] を選択します。正円の上のアンカーポイントを [ option ( Alt ) ] + [ command ( Ctrl ) ] + クリックし、上へドラッグして変形します。

[ option ( Alt ) ] + [ command ( Ctrl ) ] + クリック

アンカーポイントをドラッグ

[ 楕円形 2 ] を選択します。正円の上のアンカーポイントをクリックし、下へドラッグして変形します。

アンカーポイントをクリック

アンカーポイントをドラッグ

一時的に切り替える

[ パス選択ツール ] を使用中に [ option ( Alt ) ] + [ command ( Ctrl ) ] キーを押すと、一時的に [ アンカーポイントの切り替えツール ] の切り替えが行えます。

一時的に [ アンカーポイントの切り替えツール ] の切り替え

[ アンカーポイントの切り替えツール ] は、作成したパスのアンカーポイントをクリック、または、ドラッグして、方向線の削除 / 追加を行い、方向点をドラッグして、方向線の角度 / 長さを編集します。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【テクスチャ】ゼロからつくる！ローソクの火「どんな画像にもドラッグ＆ドロップで合成できる！」 first appeared on psgips.

【選択範囲】スムーズな階調で特定色を選択する方法【色域指定・カラークラスタ指定】

古岡ひふみ — Thu, 25 Oct 2018 23:00:00 +0000

【Photoshop基本操作】特定色を選択したい場合、[ 自動選択ツール ] を使用すると、選択されるピクセルが、はっきり分かれてしまう傾向があります。スムーズな階調で、特定色を選択したい場合は、系統別で選択できる [ 色域指定 ] が便利です。指定色域から明度の違いをプラスして、詳細な選択範囲が作成できます。

選択ポイントを強調する！

選択範囲の作成は、演出・効果の出発点となる重要な操作です。いかに自然に境界線をなじませるか？が課題となります。[ 色域指定 ] は、色の系統や指定色で選択範囲を作成する機能です。そのため、画像全体から抽出することはもちろん、選択ポイントを強調できる [ カラークラスタ指定 ] オプションもあります。課題を克服する技を身につけましょう。

スムーズな階調で

特定色を選択する方法

− 色域指定・カラークラスタ指定 −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

スムーズな階調で特定色を選択する方法

これから行う操作は、反射色も含めた自然な色変換を目的とした、選択範囲の作成方法です。[ 色域指定 ] で、画像全体から特定色を選択して、[ 色相・彩度 ] で、赤色のカーペットから、緑色のカーペットへ、大胆な色変換を行います。[ カラークラスタ指定 ] オプションの活用方法をご紹介しましょう。

目次に戻る

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

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

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

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

対象の色系を判断する

[ 色域指定 ] には、色の系統で選択できるメニューがあります。対象のカラーに、いちばん近い色系を選んで、目的に沿った作業の対策を判断しましょう。

【操作方法】

素材画像をダウンロードします。作例では、[ 幅 : 1600 pixel ] × [ 高さ : 1200 pixel ] の [ RGB カラー ] を使用しています。

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

素材画像を開く

プレビューで判断しよう！

赤色のカーペットには、明るい部分と暗い部分があり、白い扉や壁、ドアノブには、赤い色が広い範囲で反射しています。

色域は小さなピクセル単位で微妙に異なるため、見た目だけに頼らず、[ 色域指定 ] のプレビューを活用しましょう。まず、大まかな色系から、選択したい部分のイメージや、サンプルカラーのポイントを判断しましょう。

[ 選択範囲 ] メニューから、[ 色域指定 ] を選択します。[ 色域指定 ] ダイアログで、[ 選択 ] に [ レッド系 ] を選択します。

[ 選択範囲のプレビュー ] に [ グレースケール ] を選択します。

[ 色域指定 ] を設定

すると、ドキュメントがプレビューに切り替わり、グレースケールにより、選択した色系の領域が表示されます。最も白い部分を特定しましょう。

選択した色系の領域が表示される

色系から対策を練る！

作例では、赤色のカーペットを選択する目的があるため、[ 色域指定 ] ダイアログで、[ 選択 ] に [ レッド系 ] を選択しました。これにより、[ レッド系 ] の色要素を含むピクセルが「明度」の強さによって抽出されました。

プレビューの白い部分が選択範囲になります。結果では、鮮やかな赤色の部分でも、約 80% (明るいグレー) の選択率でした。つまり、十分な選択範囲に必要な 100% (真っ白) の部分が、抽出されていないことが確認できました。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【選択範囲】スムーズな階調で特定色を選択する方法【色域指定・カラークラスタ指定】 first appeared on psgips.

写真を加工する！ひび割れた土の肌を持つ女

古岡ひふみ — Sat, 03 Jun 2017 23:00:00 +0000

【Photoshop講座】画像を合成するとき、描画モードを設定すると、さまざまな結果が生成されます。異なる描画モードを片っ端から試してみるのもいいですが、描画モードの「中性色」を知っておくと、引き出しから取り出すスピードが速くなります。人物の肌にひび割れた土の画像を合成して、描画モードの特性を理解しましょう。

グレースケールで考える！

描画モードによる結果は、想像もつかないところが面白いですね。しかし、そのような「偶然の産物」を期待してばかりはいられません。

作例のようなひび割れた土の合成では、ひび割れの暗い部分がハッキリ出るように合成したいので、ここを最も暗いシャドウ点に調整します。

合成画像がカラーであってもグレースケールで考えて、詳細なディテールが白トビしないように階調を整えることがコツです。

描画モードの操作で合成する

描画モードは、画像の重なり条件を選択できる高度な機能です。背面 ( 基本色 ) のレイヤーに対して、前面 ( 合成色 ) のレイヤーの効果が反映されます。描画モードの [ オーバーレイ ] は、基本色のハイライト、シャドウを保ちながら、合成色を [ 乗算 ] する特性があるので、明るい部分をより明るく、暗い部分をより暗くできます。

２つの素材画像を開く

素材画像をダウンロードして開きます。女性の顔、ひび割れた土の素材画像は、[ 幅 : 1358 pixel ]、[ 高さ : 1920 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

女性の顔の素材画像をダウンロードしよう！ ( 750 KB )

ひび割れた土の素材画像をダウンロードしよう！ ( 1 MB )

女性の顔の素材画像を開く

ひび割れた土の素材画像を開く

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

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

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

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

グループを作成

女性の顔の素材画像を表示します。合成画像を複数の調整レイヤーで構成するので、それらをひとつにまとめる [ グループ ] をあらかじめ作成しておきます。

[ レイヤー ] パネルで、[ 新規グループを作成 ] をクリックします。

[ 背景 ] の前面に [ グループ 1 ] が作成されたことを確認します。

[ グループ 1 ] を作成

通過と通常の違い！

グループの描画モードの初期設定は [ 通過 ] です。これはレイヤーの描画モードの初期設定である [ 通常 ] と同じ働きをするものです。しかし、グループ外にも影響を及ぼします。そのため、[ 通過 ] という差別化が行われています。

グループ内の描画モードや調整レイヤーなどの効果を、背面のレイヤーに影響させたくない場合は [ 通常 ] を選択します。 [ 通過 ] から [ 通常 ] に変更することで、すべての効果がグループ内で完結します。

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

古岡ひふみ

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

psgips.net

The post 写真を加工する！ひび割れた土の肌を持つ女 first appeared on psgips.

【色調補正】カラー写真をクールなモノクロにする方法【白黒】

古岡ひふみ — Sun, 21 May 2017 23:00:00 +0000

【Photoshop基本操作】カラー写真をモノクロにする場合、最も簡単な方法の [ 彩度を下げる ] を適用すると、印象的な赤い唇が薄くなってしまったり、肌の陰影が暗く、荒れてしまうことがあります。これは、単にカラー情報が破棄され、明度の情報だけで、グレースケールが構成されるためです。詳細な設定ができる [ 白黒 ] で、クールなモノクロに仕上げましょう。

輝度で色を感じさせる！

カラーでは識別できても、モノクロ化すると、識別しにくい色があります。それを印象的に操作しようとするのが、このレッスンのテーマです。

色相と彩度の違いを、「輝度」という概念でモノクロ化するには、さまざまな色系統で調整ができる [ 白黒 ] が便利です。補色関係にあるフィルターを適用してみると、モノクロにするしくみがわかりやすいですよ。

カラー写真を

クールなモノクロにする方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

赤い唇と白い肌を対比させる

これから行う操作は、カラー写真を印象的にモノクロ化する方法です。作例では、素材の色彩を排除して、情景や人物の表情を強調することを目的とします。そのため、女性の赤い唇と、白い肌を対比させることが主な内容となります。論理的な設定や直感的な操作を応用して、これからの作品づくりに役立てましょう。

目次に戻る

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

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

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

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

調整レイヤーを作成する

カラー写真のモノクロ化を、さまざまな色系統で行うことができる、[ 白黒 ] 調整レイヤーを作成しましょう。

【操作方法】

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

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

素材画像を開く

photo by Nissor Abdourazakov

[ レイヤー ] パネルで、[ 調整レイヤーを新規作成 ] をクリックし、メニューから [ 白黒 ] を選択して、[ 白黒 1 ] を作成します。[ 属性 (プロパティ) ] パネルの [プリセット] に、[ 初期設定 ] が選択されていることを確認してください。

[ 白黒 1 ] を作成

[ 白黒 ] の [ 初期設定 ] は、[ 彩度を下げる ] に比べ、一般的な事例に基づき、色相の違いが出るよう改善されています。

[ 初期設定 ] の設定を確認

[ 白黒 ] の [ 初期設定 ] が適用されました。

彩度を下げるとの違い

モノクロ化する方法として、一般的に最も使用されているのは、[ イメージ ] – [ 色調補正 ] – [ 彩度を下げる ] を適用することだと思います。用途に応じて使い分けることが前提ですが、両者はアルゴリズム (計算方法) が異なります。彩度、明度が 100 % ( MAX 値) の異なる色相によって表した、カラーチップで比較してみましょう。

[ 彩度を下げる ] は、カラーモードを変更せず、各チャンネルに同じグレースケールを振り分けることで彩度を下げます。明度の情報で変換されるので、異なる色でも同じ明度を持つ色は、同じ濃度のモノクロになって見分けがつかなくなります。

輝度を優先させた場合の [ 白黒 ] の設定例

[ 白黒 ] は、６つの色系統で、すべてのグレースケール値に置き換えることができるので、たとえば、見た目の印象がいちばん近い、輝度を優先させた調整も行え、極端には、白いものも黒に置き換えられる、自由自在なモノクロ化が可能になります。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【色調補正】カラー写真をクールなモノクロにする方法【白黒】 first appeared on psgips.

色相・彩度| psgips

写真をイラスト調に！マーカーペンで描く肖像画「緻密なタッチと粗いタッチ」【2024】

マーカーペンのタッチに加工

背景色を設定する

人物を切り抜く

塗りつぶしレイヤーを設定

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

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

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

色相・彩度を設定

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

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

緑の葉を選択する

中間調をサンプリング

サンプルに追加

許容量を調整

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

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

人物を配置する

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

写真をイラスト調に！精密なテクニカル・イラスト風「ノイズのないフラット面とシャープを両立させる」

面をぼかして輪郭をシャープに

ボディを切り抜く

新規グループを作成

ベクトルマスクを追加

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

グループ内に格納

背景色を設定

写真を加工する！モノクロ画像のカラー化 「ニューラルフィルター2021ベータ版」

カラー化による着色処理

カラー化を適用する

【テクスチャ】ゼロからつくる！ローソクの火「どんな画像にもドラッグ＆ドロップで合成できる！」

何もない状態からローソクの火を描く

ベースを作成する

グループを作成

パスの作成と変形

【選択範囲】スムーズな階調で特定色を選択する方法【色域指定・カラークラスタ指定】

スムーズな階調で特定色を選択する方法

対象の色系を判断する

写真を加工する！ひび割れた土の肌を持つ女

描画モードの操作で合成する

２つの素材画像を開く

グループを作成

【色調補正】カラー写真をクールなモノクロにする方法【白黒】

赤い唇と白い肌を対比させる

調整レイヤーを作成する

写真を加工する！モノクロ画像のカラー化「ニューラルフィルター2021ベータ版」