演算での抽出| psgips

素材画像をダウンロードしよう！ ( 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 マゼンタとされています。

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

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

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

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

冴えない写真に霧を発生させる方法「レベル補正による階調の操作」【2022】

古岡ひふみ — Thu, 16 Jun 2022 23:00:00 +0000

【Photoshop講座】冴えない風景写真に、幻想的な霧を発生させて、空気感や遠近感などにこだわった、旅情あふれる演出を施してみましょう。レベル補正には、シャドウ、ハイライトを、任意の階調レベルで出力する機能があります。霧から浮かび上がった、シルエットのような効果が作成できます。

霧の濃度を分けよう！

風景は遠くになるほど霞んで見えます。濃い霧が発生した場合も同じです。遠景はより深く、近景はより浅く、効果の度合いを変えていくことで、自然な空気感を表現することができます。

幻想的な霧を発生させる

これから行う操作は、風景写真に霧を発生させる方法です。ここでは、海に掛かる吊り橋をモチーフにして、遠くに行くほど霧が濃くなる処理を行います。

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

レッスン動画を配信中！

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

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

霧の構造線を設定する

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

素材画像を開く

ガイドを作成

風景写真を立方体に見立てて、霧の濃度を大まかに設定します。前方に伸びる橋と、後方の風景を面で捉える、構造線を作成しましょう。

[ 表示 ] メニューから、[ ガイド ] – [ 新規ガイド ] を選択します。[ 新規ガイド ] ダイアログで、[ 水平方向 ] を選択します。バージョン 2021 以前 [ 表示 ] – [ 新規ガイド ]

[ 位置 ] に [ 1036 px ] を入力します。

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

[ 新規ガイド ] を設定

このガイドは、風景写真から推測した、地平線の位置です。濃い霧の境界線とします。

作成されたガイドを確認

同じ要領で、水平方向の霧がなくなる境界線を作成します。[ 位置 ] に [ 1105 px ] を入力します。

[ 位置 : 1105 px ] を設定

[ 位置 ] に [ 531 px ] を入力します。

[ 位置 : 531 px ] を設定

垂直方向の濃い霧の境界線を作成します。[ 位置 ] に [ 648 px ] を入力します。

[ 位置 : 648 px ] を設定

ドキュメントの端にも作成しておきましょう。霧の濃度を大まかに設定する、構造線が作成できました。定規を表示/非表示 : [ command ( Ctrl ) ] + [ R ]

霧の濃度の構造線が作成できた

ガイドとは？

ガイドとは、プリント出力では反映されない仮の基準線です。合成画像や文字などの配置を目安にしたり、スナップで吸着させたい場合などに使用します。正確さを必要とする作業には欠かせません。

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

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

The post 冴えない写真に霧を発生させる方法「レベル補正による階調の操作」【2022】 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 ]

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

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

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

レッスン動画を配信中！

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

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

ボディを切り抜く

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

【操作方法】

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

素材画像を開く

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 ] が、グループ外の最背面へ移動できたことを確認してください。

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

背景色を設定

背景色は変更可能

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

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

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

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

【選択範囲】明るさの違いで選択範囲を自動作成する方法「演算による色調変換」

古岡ひふみ — Thu, 21 Jun 2018 23:00:00 +0000

【Photoshop基本操作】選択範囲を作成するアプローチ方法は、色域 (色の違い) と、明度 (明るさの違い) に大別されます。[ 自動選択ツール ] などは、互いの要素から、定式化された数値を持ち寄っていますが、基本的には、色域を重視した選択範囲が作成されます。

色のない世界で抽出する！

たとえば、夕焼け空のように、赤色から青色に変化する領域を同じ領域として選択したい場合、その色の違いが大きいほど、[ 自動選択ツール ] などでは困難になってきます。

しかし、それらの異なる色の「明度」が近い数値なら、同じ領域として選択することができます。

わかりやすく言えば、色のない世界にすれば、明度だけで抽出できるのです。 [ 演算 ] を使用すると、さまざまな、チャンネルの組み合わせによって、画像を構成する特定の要素が抽出できます。

明るさの違いで

選択範囲を自動作成する方法

− 演算による色調変換 −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

色が混在する空の色調変換

これから行う操作は、赤色から青色に変化する空だけを選択して、イメージ通りの色調変換をする方法です。主体の建物や木は、逆光によりシルエット化していますが、色調をできるだけ変えたくないという前提です。

特に細かい枝の詳細な部分は、色調変換を自然に、違和感なく行いたいので、明度による選択範囲が簡単に作成できる [ 演算 ] を使用します。

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

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

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

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

素材画像を開く

ここで使用している素材画像は、夕暮れの空をバッグに建物を撮影したものです。撮影時のイメージでは、空がもっと赤く感じていましたが、オートモードでの撮影だったので、全体に青っぽく写ってしまいました。

【操作方法】

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

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

素材画像を開く

コントラストが強い画像

[ 演算 ] による選択範囲の作成は、RGB 各チャンネルのグレースケールを利用するため、濃淡がはっきりした、コントラストが強い画像に向いています。用途としては、風景写真の空色の調整、金属やガラス製品の光沢の強調、髪の毛や繊維などの詳細なシルエット抽出などです。

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

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

The post 【選択範囲】明るさの違いで選択範囲を自動作成する方法「演算による色調変換」 first appeared on psgips.

切り抜きを極める！透けた布をレイヤーマスクで切り抜く方法

古岡ひふみ — Mon, 13 Mar 2017 23:00:00 +0000

【Photoshop基本操作】オブジェクトの切り抜きにレイヤーマスクを使用すれば、透けている部分に階調を付けて、不透明度を変化させることができます。元画像の明度や色域から、それぞれ抽出した自然な階調をひとつに合成して、透けた布や女性の髪の毛をすばやく切り抜きましょう。

効率的なアプローチ方法を探る！

切り抜きで、最初に判断しなくてはならないのは、素材画像に応じた選択範囲を、いかに作成するか？というアプローチ方法です。

大別すると「明度」と「色域」があり、このいずれかの要素が、はっきりしている素材なら、詳細な部分でも簡単に、切り抜くことができます。さまざまなアプローチ方法を組み合わせて、効率的な作業を目指しましょう。

切り抜きを極める！

透けた布を

レイヤーマスクで切り抜く方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

階調の違いで不透明度を調整

これから行う操作は、半透明のオブジェクトに対する、ひとつの切り抜き方法です。作例の素材画像は、布 (ショール) を掲げている女性で、モノトーンの空と青い布の対比を意図した作品です。

photo by Klearchos Kapoutsis

布の透明度が高い部分はより明るく、暗い部分の色は濃くなっているので、その明度差で不透明度を調整できれば、同じような条件で切り抜けるはずです。

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

レッスン動画を配信中！

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

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

明度を抽出する

明度とは、「色の定義」のひとつで、画像に含まれているピクセルの、明るさを数値化したものです。明度で数値化された階調を「グレースケール」といいます。

【操作方法】

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

素材画像を開く

photo by Klearchos Kapoutsis

[ イメージ ] メニューから、[ 演算 ] を選択します。[ 演算 ] ダイアログで、[ 第 1 元画像 ] セクションの [ チャンネル ] に [ グレー ] を選択します。

[ 反転 ] を有効にします。

[ 第 1 元画像 ] セクションを設定

演算とは？

[ 演算 ] は、元画像の同一、または、異なる２つのチャンネルを合成して、ドキュメントやチャンネルに出力することができます。

ここでは [ 第 1 元画像 ] に、元画像のグレースケール (黒と白だけの階調で構成した画像に変換) を選択して、[ 反転 ] にチェックマークを付けることで、明るい部分を黒に、暗い部分を白に入れ替えています。

[ 第 2 元画像 ] セクションの [ チャンネル ] に [ グレー ] を選択します。

[ 反転 ] を有効にします。

[ 描画モード ] に [ 乗算 ] を選択します。

[ 第 2 元画像 ] セクションを設定

元画像の階調を利用する

[ 描画モード ] に [ 乗算 ] を選択すると、それぞれの階調が乗算されて暗くなるので、空の部分の反転した階調が真っ黒に近付き、髪の毛や布などのシルエットは、暗い部分の階調が真っ白のまま維持されます。白黒をはっきりさせると、切り抜きがよりきれいに行えます。

明るい空を背景にした素材では、布や髪の毛のような透けたシルエットを、ディテールを壊すことなく、簡単に強調することができます。白でもない黒でもない曖昧な階調を残すことで、合成すると背景が透けて見えるレイヤーマスクを作成することができます。

[ 演算 ] ダイアログで、[ 結果 ] に [ 新規チャンネル ] を選択して、[ OK ] をクリックします。

[ 結果 : 新規チャンネル ]

[ 演算 ] を実行すると、[ チャンネル ] パネルに [ アルファチャンネル 1 ] が作成され、ドキュメントウィンドウが自動的に、アルファチャンネル表示に切り替わります。

アルファチャンネルが表示される

[ チャンネル ] パネルに作成された、[ アルファチャンネル 1 ] を確認してください。

[ アルファチャンネル 1 ] を確認

アルファチャンネルとは？

画像を構成している「チャンネル」、たとえば RGB カラーならレッド、グリーン、ブルーの３つのチャンネルの他に、特殊な第４のチャンネルをプラスアルファすることです。

アルファチャンネルは複数作成することも可能で、元の画像には直接影響を与えない補助チャンネルです。選択範囲の領域を保存したり、編集を加えて新たな選択範囲を作成することなどに活用できます。

基本がわかる！マスクの種類と作り方

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

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

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

The post 切り抜きを極める！透けた布をレイヤーマスクで切り抜く方法 first appeared on psgips.

【色調補正】スポーツカーの色を自在に変える方法【色相・彩度】

古岡ひふみ — Fri, 10 Feb 2017 23:00:00 +0000

【Photoshop基本操作】色を変えることは、スライダー操作でカンタンにできますが、それだけでは不十分です。色の見え方は、色の種類を示す「色相」、色味の強さを示す「彩度」、明るさの度合いを示す「明度」で構成されています。つまり、これらの「色の属性」を理解しておくと、思いどおりの色に効率的な変換が行えます。

色には明度が深く関係している！

元画像の色によって変換しにくい色があります。極端な例をあげるとするなら白色や黒色です。これらは、色の情報を持たない「無彩色」と呼ばれる色で、「色相」や「彩度」の変換がまったく効きません。

そこで、いろいろな方法を試行錯誤してみるワケですが、そのときに気付くのです。色の見え方には「明度」が深く関係していることを…。裏を返せば「有彩色」の色変換では、色にばかり目を奪われ、「明度」の存在を忘れてしまっているんですよね。明るさのトーンを失わない色変換を心がけましょう。

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

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

カラーをモノクロに変換する

色を変換するということは、当然、元画像の色が必要になります。元画像の色が「出発点」になるワケですから、結果にたどり着くまでの道のりは、それぞれに違ってくるのも当然です。

すべてのケースに応用させるには、いったんリセットしてみると理解しやすいのではないでしょうか？変えたい色の領域を選択して、モノクロに変換してみましょう。

素材画像を開く

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

素材画像を開く

photo by Damian Morys Foto

対象カラーで異なる色変換！

このレッスンでは、有彩色からの色変換、および無彩色に変換することをテーマにしています。素材画像のスポーツカーは、鮮やかなライトグリーンですが、色変換の結果は、対象となる元画像により異なります。

変えたい色の領域を選択する

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

変えたい色の領域をドラッグして、選択範囲を作成します。

選択範囲を作成

選択しにくい場合は？

変えたい色の領域に暗い影があったり、複雑な形状や粗い質感の素材は、正確な選択範囲を作成しにくいので、色変換すると境界が際立ってしまうことがあります。その場合は、ぼかしやクイックマスクなどを使用して、選択範囲の境界線を曖昧にして目立たなくしましょう。

レッスン動画を配信中！

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

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

色相・彩度を作成する

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

[ 色相・彩度 1 ] を作成

その他の領域を隠す！

あらかじめ、変えたい色の領域に選択範囲を作成していたので、その他の領域を隠すレイヤーマスクが作成されます。

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

[ 色彩の統一 ] を有効

色彩の統一とは？

[ 色彩の統一 ] を有効にすると、元画像のカラー情報が破棄され、グレースケール画像に色相・彩度・明度の設定が加えられます。初期設定では、[ 色相 ] に [ 0 ]、[ 彩度 ] に [ 25 ]、[ 明度 ] に [ 0 ] が設定されていますが、[ 彩度 ] に [ 0 ] を設定した状態がプレーンです。

グレースケール画像は、カラーモードを変更せず、各チャンネルに同じグレースケールを振り分けることで無彩色を表しています。

色味の強さを示す [ 彩度 ] に [ 0 ] を入力すると、変えたい色の領域が無彩色 (グレースケール) になります。

[ 彩度 : 0 ] を入力

色相の読み方

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

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

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

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

The post 【色調補正】スポーツカーの色を自在に変える方法【色相・彩度】 first appeared on psgips.

切り抜きを極める！境界線を調整する方法10選

古岡ひふみ — Sat, 07 May 2016 23:00:00 +0000

【Photoshop基本操作】切り抜きの良し悪しは、境界線の処理で決まります。しかも、それは 0.5 ピクセルという繊細な範囲で行われるものです。ひとつの切り抜き作業に対して、いろいろな方法を組み合わせて完成させることが前提ですが、どんな方法があるのか？それを知らなきゃ始まらないこともあるかと思います。その代表的な境界線を調整する方法の「概要」をご紹介しましょう。

「ぼかす」は素人テクニック？

切り抜きでよく見かけるのは、画像自体の境界線を大きくぼかしているものです。このような「ごまかしテクニック」が間違いとまでは言えませんが、ぼかしていい限度というものがありますね。せっかく習得したテクニックを、適材適所に使い分ける判断ができてこそ、上達への道が開けるのではないでしょうか？

切り抜きを極める！

境界線を調整する方法10選

[ SELECT-01 ]

[ SELECT-02 ]

[ SELECT-03 ]

[ SELECT-04 ]

[ SELECT-05 ]

[ SELECT-06 ]

[ SELECT-07 ]

[ SELECT-08 ]

[ SELECT-09 ]

[ SELECT-10 ]

髪の毛を色域で切り抜く

撮影時の背景に特定の色を用いると、その色域を指定するだけで効率よく切り抜きが行えます。青空を背景にした素材では、人物の肌や髪の毛の色とも相性がよく、キレイな仕上がりが期待できます。

【操作方法】

[ 背景 ] から [ レイヤー ] に変換して複製し、髪の毛以外の不透明部分の選択範囲を作成します。

[ 選択範囲 ] メニューから、[ 選択範囲を保存 ] を選択します。[ 選択範囲を保存 ] ダイアログで、[ チャンネル ] に [ 新規 ] を選択して、[ OK ] をクリックします。[ command ( Ctrl ) ] + [ D ] キーを押して、選択範囲を解除します。

クイック選択ツールの使い方

[ 選択範囲 ] メニューから、[ 色域指定 ] を選択します。[ 色域指定 ] ダイアログで、[ 階調の反転 ] を有効にして、[ 選択範囲のプレビュー ] に [ 白マット ] を選択します。ドキュメント内で、髪の毛に近い青空の部分をクリックします。

[ 色域指定 ] でプレビューの設定を行う

髪の毛に近い青空の部分をクリック

カラークラスタ指定とは？

[ カラークラスタ指定 ] は、指定したポイントから隣接するピクセルの範囲を設定します。[ 範囲 ] に [ 100 ] % を設定しても、指定したポイントから離れた部分の適用量は、徐々に弱くなっていきます。

[ サンプルに追加 ] をクリックし、[ 許容量 ] に [ 25 ] を設定して、ドキュメント内で、青空の領域の選択されていない部分を数カ所クリックします。[ 許容量 ] に [ 100 ] を設定して、[ OK ] をクリックします。

確認しやすい [ 許容量 ] に変更して青空の領域を拡大

[ 許容量 ] を調整して [ 色域指定 ] を適用

[ レイヤー ] パネルで、前面のレイヤーを非表示にして、背面のレイヤーを選択します。[ レイヤーマスクを追加 ] をクリックします。

[ 選択範囲 ] メニューから、[ 選択範囲を読み込む ] を選択します。[ 選択範囲を読み込む ] ダイアログで、[ チャンネル ] に [ アルファチャンネル 1 ] を選択します。[ OK ] をクリックします。

レイヤーマスクモード ( [ option ( Alt ) ] + クリック ) で、表示領域を塗り分ける編集を行い、[ command ( Ctrl ) ] + [ D ] キーを押して、選択範囲を解除します。

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

画像描画モード ( [ option ( Alt ) ] + クリック) に切り替え、レイヤーを選択します。

[ レイヤー ] メニューから、[ マッティング ] – [ 不要なカラーの除去 ] を選択します。[ 不要なカラーの除去 ] ダイアログで、[ 量 ] に [ 50% ] を設定して、[ OK ] をクリックします。

前面のレイヤーを表示して、[ アルファチャンネル 1 ] の選択範囲でレイヤーマスクを作成します。

不自然な部分があればレイヤーマスクを修正する

不要なカラーの除去とは？

[ マッティング ] から [ 不要なカラーの除去 ] を選択すると、境界線の外側の色が内側の色の系統に変換されます。[ 量 ] で自動補正の適用率が調整できます。作例では、最小値から最大値にすると、髪の毛に残る青みの変化が確認できます。最大値では青みは減少しますが、境界線が赤っぽくなり不自然さが感じられます。

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

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

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

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