選択範囲 | 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.

【選択範囲】正確な開始点をすばやく見つける方法【楕円形選択ツール】

古岡ひふみ — Tue, 11 Sep 2018 23:00:00 +0000

【Photoshop基本操作】選択範囲の開始点は、四角形のコーナーに設定されているため、球体などの円形を選択する場合は、オブジェクトの境界から離れた、何もないところを探さなくてはなりません。[ 定規 ] の交差点をドラッグすると表示される、十字線を活用すれば、見つけにくい開始点を、正確に知ることができます。

交差点を座標ゼロにする！

[ 定規 ] の交差点 (原点) は、移動することができます。選択範囲の開始点を、座標 0 (ゼロ) にしよう！…というのが、この裏技の着眼点です。そのため、座標を読む習慣は、身につけておきたいですね。

水平軸は [ X ]、垂直軸は [ Y ]。覚えておくのは、これだけです。[ 定規 ] の交差点を移動して、選択範囲の開始点を X : 0、Y : 0 に設定してみましょう。

球体に選択範囲を作成する方法

これから行う操作は、球体オブジェクトに、正確な選択範囲を作成する方法です。[ 楕円形選択ツール ] を使用しますが、選択範囲の開始点をすばやく見つけ出すところに「裏技」があります。

方法は極めてカンタンです。[ 定規 ] の交差点を移動して、座標値を X : 0、Y : 0 に設定します。

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

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

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

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

定規から十字線を引き出す

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

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

素材画像を開く

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

[ 楕円形選択ツール ] を選択

[ 表示 ] メニューから、[ 定規 ] を選択して、ドキュメントウィンドウに [ 定規 ] を表示します。

[ 定規 ] を表示

[ 定規 ] の交差点 (ドキュメントの左上) から、ドキュメント内へドラッグします。すると、マウスカーソルの位置を中心とした、十字線が表示されます。

[ 定規 ] の交差点をドラッグして十字線を表示

原点を設定する機能！

[ 定規 ] の交差点から引き出せる十字線は、[ 定規 ] の目盛りの原点 ( 0 の位置) を変更するためのものです。マウスボタンを離すと、[ 定規 ] の新しい原点が表示されます。

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

古岡ひふみ

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

psgips.net

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 各チャンネルのグレースケールを利用するため、濃淡がはっきりした、コントラストが強い画像に向いています。用途としては、風景写真の空色の調整、金属やガラス製品の光沢の強調、髪の毛や繊維などの詳細なシルエット抽出などです。

目次に戻る

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

古岡ひふみ

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

psgips.net

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

【選択範囲】オブジェクトの境界線を選択する方法【クイック選択ツール】

古岡ひふみ — Mon, 16 Jan 2017 23:00:00 +0000

【Photoshop基本操作】特定のオブジェクトだけを選択したい場合は、色や明るさの違いでアプローチしていくと効率的です。境界線を自動的に検知してくれる [ クイック選択ツール ] を使用して、詳細な切り抜きにも対応できる選択範囲を、どのように作成していくかを学びましょう。

「選択しやすい」から始める！

建物の領域を選択しようとすると、明るい部分や暗い部分が複雑に入り組んでいるので、すべてを選択するまでに手間がかかります。しかし、空の領域なら、大まかにドラッグするだけで、簡単に選択範囲を作成できます。選択しやすい部分を選択して、選択範囲を反転させればいいワケです。

オブジェクトの境界線を選択する方法

[ CHAPTER-01 ]

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

[ CHAPTER-02 ]

[ 選択とマスク ] の使い方

[ CHAPTER-03 ]

選択範囲を出力する

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

この課題は、建物の選択範囲を作成することです。しかし、建物には軒や窓などの暗い部分があり、色相、明度の差で選択する方法では手間がかかります。そこで、選択しやすい、空の領域を選択してから反転する方法を取ります。空のような広い領域を選択する場合、[ クイック選択ツール ] を使用すると、すばやく簡単に選択することができます。

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

素材画像を開く

【操作方法】

[ ツール ] パネルで、[ クイック選択ツール ] を選択します。[ クイック選択ツール ] を選択すると、画面上部のパネルに「ツールオプション」が表示されます。

[ クイック選択ツール ] を選択

オプションバーで、[ クリックでブラシプリセットピッカーを開く ] をクリックして、[ 直径 ] に [ 35 px ]、[ 硬さ ] に [ 100% ]、[ 間隔 ] に [ 25% ] を設定します。

[ エッジを強調 ] を無効にします。

ブラシの大きさを設定

クイック選択ツールとは？

選択したい画像の上を大まかにドラッグして、自動的に選択範囲を作成します。オプションバーの [ 選択範囲に追加 ]、[ 現在の選択範囲から一部削除 ] で選択範囲の編集ができます。

空の領域を大まかにドラッグして、選択範囲を作成します。ドラッグは一度に選択しようとせず、数回に分けて行いましょう。

空の領域をドラッグ

大まかな選択範囲が作成できた

エッジを使い分けよう！

[ エッジを強調 ] を有効にすると、[ クイック選択ツール ] で検知した、ピクセルに類似した領域まで、選択範囲を拡げます。その結果、オブジェクトに応じた境界線を、より滑らかにしてくれます。

しかし、曖昧な部分では歪さが際立ってしまう傾向があります。建物のように、はっきりした境界線を持つオブジェクトでは、チェックマークを外しておく方が、適当にぼけてよい結果が出るでしょう。

目次に戻る

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

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

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

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

選択範囲を反転

選択しやすい空の領域に選択範囲が作成できたら、選択範囲を反転して、今度は建物の選択範囲として調整していきます。選択範囲は破線のみの表示になるので、現在、どこが選択されているのか注意しましょう。

【操作方法】

[ 選択範囲 ] メニューから、[ 選択範囲を反転 ] を選択して、選択範囲を反転します。選択範囲を反転 : [ shift ] + [ command ( Ctrl ) ] + [ I ]

空の領域の選択範囲を反転して建物を選択

詳細は後回し

ここでは、建物の大まかな選択範囲を作成するのが目的です。選択範囲がはみ出してしまった部分や、未選択部分があっても、選択範囲を反転させましょう。[ クイック選択ツール ] は、まず、大まかな選択範囲を作成してから、詳細な部分を修正するようにしましょう。

目次に戻る

選択範囲を確認

まず、現在の選択範囲を確認しましょう。突起物の先端に、未選択部分があります。[ クイック選択ツール ] で、自動的に検知された境界線を重視して、突起物のような建物の、特徴的な部分のみ修正を加えていきます。

【操作方法】

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

建物の屋根の上にある突起物をクリック、または、ドラッグして、400% 以上に拡大表示します。

突起物を 400% 以上に拡大表示

動く破線は中間点

[ クイック選択ツール ] で作成した「動く破線」は、およその選択範囲を示すものです。境界線付近の未選択部分は、完全な未選択ではなく、徐々に選択が弱まっていく中間点として捉えましょう。

目次に戻る

選択範囲を広げる修正

未選択部分の修正は、ブラシサイズを小さくして、徐々に広げていくような感覚で行います。また操作も、広範囲な「ドラッグ」から詳細な「クリック」へ変えます。作例の場合は、突起物の先端が尖っているので、根元の太い部分からクリックしていきます。

【操作方法】

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

[ クイック選択ツール ] を選択

オプションバーで、[ クリックでブラシプリセットピッカーを開く ] をクリックします。ブラシプリセットピッカーで、[ 直径 ] に [ 4 px ]、[ 硬さ ] に [ 100% ]、[ 間隔 ] に [ 25% ] を設定します。

[ 直径 ] に [ 4 px ]を設定

突起物の未選択部分を数回クリックしながら、徐々に選択範囲を拡げていきます。

拡げすぎたら戻る

選択範囲を拡げ過ぎた場合は、[ option ( Alt ) ] + [ command ( Ctrl ) ] + [ Z ] キーで、操作を１段階戻る、または、オプションバーで、[ 現在の選択範囲から一部削除 ] を選択して、選択範囲を修正してください。

目次に戻る

はみ出した部分の修正

選択範囲がはみ出している部分の修正は、[ 現在の選択範囲から一部削除 ] を選択して行います。

【操作方法】

オプションバーで、[ 現在の選択範囲から一部削除 ] をクリック、または、[ option ( Alt ) ] キーを押すと、[ 選択範囲に追加 ] と [ 現在の選択範囲から一部削除 ] の切り替えが行えます。

[ 現在の選択範囲から一部削除 ] をクリック

[ 現在の選択範囲から一部削除 ] で、選択範囲の境界線をクリックします。すると、はみ出した部分の選択範囲が削除されます。一回のクリックで修正できない場合は、徐々に選択範囲を縮めるようにして数回クリックしてください。

ブラシの大きさを変える

詳細な部分は、ブラシの [ 直径 ] をさらに小さくして選択します。形状のすべてを選択するのではなく、ピクセル単位で暗い部分を優先させながら、明るい部分を省略するなどの工夫を加えると、より自然な仕上がりになります。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【選択範囲】オブジェクトの境界線を選択する方法【クイック選択ツール】 first appeared on psgips.