不要なカラーの除去| psgips

選択範囲を読み込む

レッスン用の素材画像には、あらかじめ、人物の選択範囲が保存されています。他の素材で応用する場合は、[ 選択範囲 ] – [ 被写体を選択 ] などで、対象オブジェクトに選択範囲を作成してください。

【操作方法】

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

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

[ 選択範囲を読み込む ] を設定

すると、あらかじめ作成した、選択範囲が読み込まれます。

読み込まれた選択範囲を確認

被写体を選択とは？

コレだけで、いいんじゃない？って思うほど簡単な「被写体を選択」は、人工知能が自動的に作成してくれるゴキゲンな機能です。しかし、思うように選択してくれない場合だってあります。そんなときは、「選択とマスク」を活用しましょう。正しいアプローチで望めば、きっと威力を発揮できるハズです。

レイヤーマスクを追加

オブジェクトの切り抜きには、レイヤーマスクを使用します。レイヤーマスクは、切り抜き後も、マスク領域の編集が自由に行えます。

【操作方法】

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

[ レイヤーマスクを追加 ] をクリックします。

[ レイヤーマスクを追加 ] をクリック

追加されたレイヤーマスクを確認してください。

レイヤーマスクを確認

レイヤーマスクによる、オブジェクトの切り抜きができました。

オブジェクトの切り抜きを確認

[ レイヤー ] パネルで、[ 背景色 (ブラック) ] を表示します。

[ 背景色 (ブラック) ] を表示

作例では、背景色にブラックを敷いて、レイヤーマスクによる切り抜きを確認します。解説用に白フチを誇張しています。

背景色で切り抜きを確認 (部分)

なぜ、白フチが残る？

オブジェクトの切り抜きでは、境界線に白フチや、黒フチが残ることがよくあります。これは、元画像の背景の色や、明るさが境界線に残っているためで、素材によっては、上手に切り抜いても、解消できないことがあります。

元画像の背景が白フチの原因

詳細な切り抜き領域が設定できる [ パス ] を用いると、境界線の滑らかさが逆に作用して、白フチや黒フチが目立つ場合も少なくありません。

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

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

The post これで解決！切り抜きの白フチはこうやって取る！「明るさの最小値」【2023】 first appeared on psgips.

基本がわかる！髪の毛の切り抜き「選択とマスクの使い方」【2022】

古岡ひふみ — Wed, 09 Mar 2022 23:00:00 +0000

【Photoshop基本操作】コレだけで、いいんじゃない？って思うほど簡単な「被写体を選択」は、人工知能が自動的に作成してくれるゴキゲンな機能です。しかし、思うように選択してくれない場合だってあります。そんなときは、「選択とマスク」を活用しましょう。正しいアプローチで望めば、きっと威力を発揮できるハズです。

検知エリアを見極める！

[ 選択とマスク ] は、任意に作成した検知エリアにも対応します。それは、大まかな範囲であっても、詳細に検出してくれます。しかし、何事にも限界があるように、意図した結果を得るには、その特性を理解しておかなければなりません。検知エリアに含めるか、含めないか…。ピクセル単位の見極めが必要です。

基本がわかる！髪の毛の切り抜き

選択とマスクの使い方

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

レッスンを始める前に

このレッスンでは、画像内のオブジェクトを、自動的に選択する機能を使用します。Photoshop を起動して、あらかじめ、設定を確認しておきましょう。

【操作方法】

[ Photoshop (編集) ] メニューから、[ 設定 ] - [ 画像処理 ] を選択します。バージョン 2022 以降

[ 環境設定 ] ダイアログで、[「被写体を選択」処理 ] に [ クラウド (詳細な結果) ] を選択します。初期設定

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

[ クラウド (詳細な結果) ] を選択

アルゴリズムが２種類ある！

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

デバイス (高速)

デバイス上の処理は、クラウド処理よりも高速ですが、結果は、それほど詳細ではない場合があります。

クラウド (詳細な結果)

クラウド処理では、データがサーバーに保存されず、デバイスで処理するよりも、詳細な結果が得られます。

被写体を選択

作例の素材には、格子状の壁の背景があります。髪の毛も複雑で、切り抜きが難しそうに見えます。しかし、被写体が順光であり、背景との明るさに違いがあります。このような素材には、まず、[ 被写体を選択 ] を試してみましょう。

元画像

髪の毛の切り抜き (透明ピクセル)

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

レッスン動画を配信中！

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

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

背景を透明にする

オブジェクトの切り抜きには、用途に応じて、さまざまな方法があります。ここでは、背景を透明ピクセルに置き換える方法を取ります。

【操作方法】

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

素材画像を開く

photo by JasperSinn

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

選択範囲を作成

複数の被写体がある場合

[ 被写体を選択 ] は、人工知能が自動的に作成してくれる機能です。ただし、この機能を活用できる素材は、画像内に、他の被写体がない場合に限ります。複数の被写体がある場合は、あらかじめ、必要な部分だけをトリミングしておきましょう。

必要な部分だけをトリミング

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

レイヤーマスクが追加されたことを確認します。

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

[ レイヤーマスクを追加 ] をクリック

背景を透明ピクセルに、置き換えることができました。

背景を透明ピクセルに置き換える

透明ピクセルとは？

透明部分は、[ 環境設定 ] で設定された、グリッドが表示されます。レイヤーマスクで隠された部分は、見た目では透明ですが、元画像はそのまま、変わらずに残っています。レイヤーマスクを削除、または、効果を一時的に解除すれば、切り抜く前の状態に戻すことができます。

このような再編集を可能にするメリットが、レイヤーマスクにはあります。しかし、隠された部分が、そのまま保持されているので、データ容量が大きくなるデメリットも、持ち合わせています。

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

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

The post 基本がわかる！髪の毛の切り抜き「選択とマスクの使い方」【2022】 first appeared on psgips.

切り抜きを極める！金髪くるくる巻きをサクッと切り抜く方法

古岡ひふみ — Tue, 09 Jul 2019 23:00:00 +0000

【Photoshop基本操作】切り抜きのスゴイ機能 [ 被写体を選択 ] と [ 選択とマスク ] は、人工知能と機械学習を統合した「 Adobe Sensei 」で、絶大な威力を発揮します。髪の毛の中抜きもカンタン。金髪くるくる巻きをサクッと切り抜いてみましょう。

最初の選択範囲が肝心！

[ 選択とマスク ] が思うように操作できないのは、その前の操作である選択範囲の作成がマズイからです。それは技術や手間が必要というワケではなく、大まかであっても、適切な位置に「選択範囲を通す」見極めが必要だということです。自動検出をベースに「人の手」を加えることで、選択範囲の精度はグンと向上します。

切り抜きを極める！

金髪くるくる巻きを

サクッと切り抜く方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

髪の毛を自動検出で切り抜く方法

これから行う操作は、[ 被写体を選択 ] と [ 選択とマスク ] を使用して、髪の毛を切り抜く方法です。自動検出を最大限に活用した、初級ユーザーにもやさしいシンプル操作です。選択範囲の修正とマスクプレビューで、少しずつクリック修正することがポイントです。

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

選択範囲を作成する

[ 被写体を選択 ] は、人工知能が自動的に作成してくれる機能です。しかし、思うように選択してくれない場合だってあります。そんなときは、「選択とマスク」を活用しましょう。

【操作方法】

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

素材画像を開く

photo by ivanovgood

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

[ 被写体を選択 ] を選択

すると、自動検出された被写体の選択範囲が作成されます。

自動検出された被写体の選択範囲が作成

どんな素材にも有効？

[ 被写体を選択 ] は、無背景の被写体なら一瞬で選択範囲を作成してくれます。作例のように、背景と被写体が、補色関係にあるものも得意そうです。しかし、これで満足してはいけません。素材により自動検出の精度はさまざまですが、共通した弱点は「中抜き」です。

photo by Victoria_Borodinova

中抜きとは、ドーナツの穴やマグカップの取っ手など、オブジェクトがポッカリ抜けて空間になっている部分です。うまく選択される場合もありますが、中抜き箇所には特に注意しましょう。

レッスン動画を配信中！

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

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

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

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

The post 切り抜きを極める！金髪くるくる巻きをサクッと切り抜く方法 first appeared on psgips.

【選択範囲】ピントが合った部分だけを切り抜く方法「焦点領域の使い方」

古岡ひふみ — Tue, 13 Jun 2017 23:00:00 +0000

【Photoshop基本操作】背景が大きくボケた写真から、オブジェクトだけを切り抜きたい場合は、[ 焦点領域 ] を使用すると、Photoshop が自動的に判断してくれるので、大幅な作業の効率化が望めます。細部を調整して、思い通りの仕上がりを目指しましょう。

自動より少し甘めに！

[ 焦点領域 ] の初期設定は、対象画像に応じた設定値を、自動的に計算する [ 自動 ] オプションが選択されています。これを使わずして、[ 焦点領域 ] の価値は存在しない？ほどのスゴイ機能です。

しかし、切り抜くオブジェクトに、明るい境界線が含まれている場合は、[ 自動 ] より少し甘めに設定した方が、いい結果が期待できます。

ピントが合った部分だけを

切り抜く方法

− 焦点領域の使い方 −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

焦点領域を自動検出

これから行う操作は、[ 焦点領域 ] を使用した選択範囲の作成方法です。対象となる画像は、主体にピントが合い背景が大きくボケている写真です。選択範囲は、オブジェクトの背面に、べた塗りを敷くために作成するもので、滑らかで詳細な、境界線を必要とします。[ 焦点領域 ] の適用結果をレイヤーマスクに出力しましょう。

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

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

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

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

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

焦点領域を選択する

[ 焦点領域 ] は、フィルターに属する機能です。[ 焦点領域 ] ダイアログを表示すると、自動的に画像の解析が始まります。これは、画像に応じた焦点範囲 (ピント) を自動計算するオプションが、初期設定されているためです。

【操作方法】

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

素材画像を開く

photo by WikiImages

[ 選択範囲 ] メニューから、[ 焦点領域 ] を選択して、[ 焦点領域 ] ダイアログを表示します。

[ 焦点領域 ] を表示

クリックで表示モードを選択

[ プレビュー ] を有効にすると、現在、[ 焦点領域 ] の設定を行っているドキュメントに、選択範囲のマスクを表示します。一時的に [ 黒地 ] や [ 白地 ] などに切り替えることもできるので、それぞれの条件に合った切り抜きが確認できます。

焦点範囲

[ 焦点範囲 ] の [ 自動 ] を有効にすると、画像に応じた焦点領域の自動計算を開始して、処理が終わると、ボックスに数値が入力されます。初期設定では、[ 自動 ] が有効とされています。

エッジをぼかし

[ エッジをぼかし ] を有効にすると、計算された焦点領域の処理に加えて、エッジを滑らかな印象にします。通常の切り抜きでは、[ エッジをぼかし ] を有効にしておきましょう。

進捗インジケーター

[ 焦点範囲 ] の設定値により、焦点領域を検出するまでの進捗をクルクルまわるインジケーターで表示します。

表示モードを切り替えよう！

[ 表示モード ] に [ オーバーレイ ] を選択すると、元画像と現在のマスク領域 (半透明の赤色) がプレビューされます。[ 焦点領域 ] の作業は、一時的に [ 黒地 ] や [ 白地 ] などに切り替えることもできるので、それぞれの条件に合った切り抜きが確認できます。

表示モードを切り替える

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

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

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 ) ] キーを押すと、[ 選択範囲に追加 ] と [ 現在の選択範囲から一部削除 ] の切り替えが行えます。

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

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

ブラシの大きさを変える

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

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

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

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

切り抜きを極める！髪の毛を色域で切り抜く方法「色域指定の使い方」

古岡ひふみ — Tue, 13 Sep 2016 23:00:00 +0000

【Photoshop基本操作】映像を合成する技術「クロマキー合成」では、撮影時にブルーバックやグリーンバックが多く用いられています。背景が単色なら、髪の毛のような繊細な境界線も簡単に切り抜くことができます。でも、撮影スタジオやホリゾントを準備するのは大変です。そんな時は青空を背景に撮影してみましょう。青空の色域を指定するだけで、髪の毛が自然なカンジで切り抜けます。

パーツに分けて切り抜く！

髪の毛などの繊細で曖昧な境界線と、人物の顔や手など輪郭がはっきりした部分を一度に切り抜くのは難しいです。「急がば回れ」じゃないですが、それぞれに適した方法で切り抜き、レイヤーマスクで合成することが、何よりもの早道です。迷わず髪の毛をパーツに分けて切り抜く方法を取りましょう。

切り抜きを極める！

髪の毛を色域で切り抜く方法

− 色域指定 −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

クロマキー合成を応用する

オブジェクトを効率よく切り抜くには、写真撮影時の背景が大きく影響してきます。そのため、映像を合成する技術では、青色のホリゾント (背景の壁や布) で撮影した「ブルーバック」、または、緑色のホリゾントで撮影した「グリーンバック」を使用した、クロマキー合成が多く用いられています。

ホリゾントが用意できない屋外撮影では、青空を背景にすると、同じような効果が得られます。青色と人物の肌色は補色 (反対色) になるので、切り抜きの境界線が抽出しやすくなるためです。

それでは、色域を指定して、素材画像の髪の毛を切り抜いてみましょう。

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

素材画像を開く

photo by AdinaVoicu

レッスン動画を配信中！

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

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

不透明部分を選択する

人物の顔や手など輪郭がはっきりした部分と、髪の毛などの繊細な部分は、それぞれパーツに分けて、適切な方法で切り抜きます。パーツに分ける境界線は、透けているか透けていないかです。まず、髪の毛以外の不透明部分を選択しましょう。

【操作方法】

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

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

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

[ クイック選択ツール ] は、選択したい画像の上を大まかにドラッグして、自動的に選択範囲を作成します。

オプションバーで、[ クリックでブラシオプションを開く ] をクリックします。[ 直径 ] に [ 32 px ] を入力します。この数値は、対象のオブジェクトが選択できる最大値です。その他の項目は、初期設定のままにしておきます。

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

[ 直径 : 32 px ]

エッジを強調とは？

[ エッジを強調 ] を有効にした場合、はっきりした境界線のコントラストはより強くなり、ぼけた境界線のコントラストも強くなります。

境界線をレイヤーマスク (白黒) で比較してみると、[ エッジを強調 ] を有効にした場合の方が、あらゆる条件において優れていることがわかります。[ エッジを強調 ] を無効にした場合は、はっきりした境界線とぼけた境界線の違いがなく、選択範囲の境界線に対して均一な効果が適用されています。

人物の大まかな範囲をドラッグします。

岩の部分もすべて選択します。

大まかに選択がコツ！

[ クイック選択ツール ] でドラッグを開始すると、Photoshop が自動的に境界線を検出して選択範囲を作成します。違う色の領域を選択する場合は、数回に分けてドラッグします。

選択されていない領域があっても深追いはしません。とりあえずは大まかに選択することがコツです。大まかな選択範囲が作成できたら、選択範囲を徐々に広げていきます。

ショートカットを使おう！

[ クイック選択ツール ] を使用中に、ドキュメントウィンドウを拡大、または、縮小表示したい場合は、ショートカットキーが便利です。

ズームイン : [ space ] + [ command ( Ctrl ) ] + クリック

ズームアウト : [ space ] + [ option ( Alt ) ] + クリック

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

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

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

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

選択範囲を修正

細部の修正は、ブラシの [ 直径 ] を小さくします。選択範囲が足りない部分や、はみ出した部分もあります。サブツールで、追加と一部削除を切り替えて行いましょう。

【操作方法】

オプションバーで、[ クリックでブラシオプションを開く ] をクリックします。[ 直径 ] に [ 8 px ] を入力します。

[ 直径 : 8 px ]

選択範囲がはみ出した部分は、[ option ( Alt ) ] キーを押しながらドラッグして消去します。選択範囲の外側から内側へ、徐々に消去していくことがコツです。さらに詳細な部分は、数回に分けてクリックしましょう。

髪の毛の選択範囲は、頭部のシルエットを残して消去します。ブラシの [ 直径 ] を大きくして、選択範囲の外側から内側へ、徐々に消去していくことがコツです。

髪の毛の透けた部分の選択範囲を消去

透けていない部分は、絶対に背景の影響がない部分なので、輪郭がわかりにくい場合でも、構造的な見方で抽出しておくと安心です。髪の毛の透けた部分が消去できていれば、曖昧な境界線の選択範囲でも OK です。

不透明部分の領域のみ選択範囲を残す

画面をスクロールする

[ クイック選択ツール ] を使用中に、ドキュメントウィンドウの拡大表示位置を移動 (スクロール) したい場合は、[ space ] キーを押しながらドラッグします。

不透明部分の選択範囲を作成することができました。

不透明部分を選択

選択範囲を保存

選択範囲が作成できたら、選択範囲を保存しておきます。[ 選択範囲を保存 ] は、アルファチャンネルを作成し、その塗りつぶし領域によって行われます。

【操作方法】

[ 選択範囲 ] メニューから、[ 選択範囲を保存 ] を選択します。

[ 選択範囲を保存 ] ダイアログで、[ チャンネル ] に [ 新規 ] を選択して、[ OK ] をクリックします。

[ 選択範囲 ] メニューから、[ 選択を解除 ] を選択、または、[ command ( Ctrl ) ] + [ D ] キーを押して、選択範囲を解除します。

[ チャンネル : 新規 ]

保存した選択範囲を確認

保存した選択範囲は、アルファチャンネルに保存されています。選択範囲の領域が、どのような状態で保存されているかを確認しましょう。

【操作方法】

[ チャンネル ] パネルを表示します。

サムネールをクリックすると、ドキュメントウィンドウに [ アルファチャンネル 1 ] が表示されます。[ RGB ] をクリックすると、画像描画モードに戻ります。

[ アルファチャンネル 1 ] を選択

[ アルファチャンネル 1 ] を表示して、保存された選択範囲の領域を確認してください。

[ アルファチャンネル 1 ] を表示

アルファチャンネルモード

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

アルファチャンネルとは、同じドキュメント内に作成できる編集用のグレースケール画像です。元画像には影響を及ぼしません。

レイヤーマスクでの領域の働き

レイヤーマスクとして活用すると、白い部分が表示する領域で、黒い部分が隠す領域です。[ 選択範囲を読み込む ] では、白い部分が選択範囲として読み込まれます。

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

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

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 ] の選択範囲でレイヤーマスクを作成します。

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

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

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

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

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

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

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