ブログ

【フォトショップ】複雑な背景の髪の毛をキレイに切り抜く方法

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

背景から被写体を切り取ることは、多くのPhotoshopの作業に必要な基本的な手順の1つですよね。様々な状況に応じた最適な切り抜き方法がありますが、ここではその中でも難しい髪の毛の切り抜き方を詳しく説明していきます!

特に暗い場所や、切り抜きたい対象物と背景の境界線がはっきり分かれていない細かい背景かつ繊細な髪の毛の切り抜きは、誰もが直面する課題と言えるでしょう。
このPhotoshopチュートリアルでは、条件に合わせたキレイかつ自然に髪の毛を切り抜くためのテクニックとコツを紹介します。特に、被写体がきれいなスタジオの背景に都合よく配置されていない、現実的で複雑な画像に対する方法は必見です!

ショートヘアー、ファーを切り抜く

この参考写真のように、対象物が比較的短い髪やファーなどで背景とのコントラストがはっきりしている画像の場合、選択とマスクツールは、きれいな切り抜きを作成するのに最適なツールです。
まず、[クイック選択ツール]で切り取りたい背景を選択します。マスクが背景と対象物の境界線をぴったり覆うように、対象物の輪郭をしっかり取りましょう。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

ALTキーを押しながら[クイック選択ツール]で選択範囲のミスを修正し、見落としている箇所や誤って選択してしまっている箇所を元に戻します。クイック選択ツールが反応しないようなコントラストが十分でない箇所は、[多角形選択ツール]を使用して手動で選択に追加していきましょう。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

選択範囲をレイヤーマスクとして適用します。次にレイヤーパネルのマスクサムネイルを右クリックして[選択とマスク]を選択し、詳細オプションを表示して切り抜きを調整します。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

輪郭全体を微調整できる様々なツール然り、ツールバーの2番目に位置する[境界線調整ブラシ]は、完璧に髪の毛を選択するのに最適です。髪の輪郭に沿ってブラシをドラッグすると、切り抜きをよりキレイに行ってくれます。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

自然に仕上がりました!

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

シンプルな背景から切り抜く

長い髪は細い毛束がたくさんあるので、通常すべてを選択することは不可能ですが、対象物がシンプルな背景と一緒の場合、チャンネルを駆使すれば完璧な結果が得られます。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

チャンネルパネルで、コントラストが最も強いチャンネルを見つけます。この参考写真では、ブルーのチャンネルで髪が最も暗くなっています。このブルーチャンネルを[新規]アイコンにドラッグして、複製を作成します。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

メニューバーのイメージ>色調補正より、レベル補正またはトーンカーブを使用して、背景を白色として設定します。その後、陰影がしっかり捉えられ、髪の毛を暗くすることができますが、やりすぎに注意してください。選択した髪の毛の周りに白い輪郭が残ってしまう場合があります。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

全体を選択するためのマスクの準備をするには、対象物のシルエットを作成する必要があります。焼き込みツールを選択し、上部のオプションバーの範囲ポップアップメニューを[シャドウ]に設定します。対象物の周りをなぞることで、顔と体の輪郭を程良く暗くします。この時、輪郭を神経質になぞる必要はありません!

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

対象物の残りの部分(暗くしていない内側)は、黒のブラシでサッと塗りつぶして、白黒のマスクを完成させましょう。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

CMDキー(またはWindowsの場合はCTRLキー)を押しながら、新しいチャンネルのサムネイルをクリックすると、選択が読み込まれます。新しいレイヤーにコピー/ペーストしたり、レイヤーマスクを適用したりするために、RGBチャンネルをアクティブにして、フルカラーのイメージを元に戻します。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

切り抜きたい対象物を簡単に選択することができるため、キレイに切り抜きが実行できます!

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

複雑な背景から切り抜く

ここまでは比較的楽に切り抜きができましたが、スタジオで撮影されたキレイな画像を使用するケースは、現実世界ではごく稀ですよね。
これまでの方法だと対象物と背景にコントラストがないと、作業は難しくなります。現実世界で最もありがちなこの参考写真では、まだらに色や影が交差しているため、チャンネルや、選択ツールで輪郭を見つけることはできません。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

そこで、この場合は[ペンツール]または[多角形選択ツール]を使用して、切り抜きたい対象物を手動でトレースしていきます。髪の毛に関しては、大まかに選択するだけで大丈夫です。全体の選択が完了したら、新しいレイヤーにコピー/ペーストします。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

これが今回のポイントです。この場合は、元の写真から髪の毛を抽出するのではなく、新しい髪を描いていきます![指先ツール]を選択し、[ブラシ設定]パネルの[ブラシ先端のシェイプ]より[シェイプ]をチェックします。サイズのジッターの下にある[コントロール]より[筆圧]を選択し、ブラシ先端を設定しましょう。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

髪の毛を付け加える箇所をわかりやすくするため、元のレイヤーの不透明度をだいたい70%くらいに設定し、適切な方向に髪の毛を新たに描き始めます。約4pxのブラシサイズから始めて、徐々にサイズを小さくして、より細い髪の毛を追加して自然に仕上げます。非常に手のかかるプロセスのように聞こえますが、特にペンタブを使用している場合は、それほど時間はかかりません。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

仕上がりはこんな感じ!

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

複雑な背景からロングヘアーを切り抜く

続いては、対象物の髪がロングの場合。髪が長くなると、手動で髪を描いて自然に仕上げていくのが難しくなります。このような状況では、Photoshopの[ヘアブラシ]を使用して自然な切り抜きを作成することができます。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

対象物をできるだけ正確に選択し、レイヤーマスクを適用します。柔らかいブラシを使用して、髪が背景と接触する部分をフェードアウトさせていきます。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

Photoshopのヘアブラシは、個々の髪束でペイントするのではなく、完全に新しいアウトラインを生成するのに役立つ一連のカールとリングレットを提供します。 Ivadesignには、無料でダウンロードできる3つのPhotoshopヘアブラシセットがあります。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

各ブラシは、[および]キーを使用してサイズを調整したり、[ブラシ設定]パネル内の角度アイコンを調整して回転したりできます。また、[Xを反転]オプションを使用して、ヘアブラシの向きを変えて、対象の髪の自然な流れに沿うようにします。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

新しいレイヤーを作成し、カラーピッカーを使用して、ブラシが配置される領域の近くの元のヘアカラーをサンプリングします。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

ブラシでシングルクリックしてから、アウトラインの別の部分で使用する別の髪の束を見つけます。色の選択を変更し、ブラシの向きを調整してから、髪束のインスタンスを軽くたたきます。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

ヘアレイヤーのブレンドモードを色相に変更して、元の被写体が引き続き表示されるようにします。新しいヘアを追加して、完全に新しいアウトラインを作成します。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

新しい髪の輪郭が作成されたら、レイヤーマスクを適用し、通常の黒いブラシで対象の顔から色付きの領域を消去します。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

完成!

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

複雑なヘアースタイルを切り抜く

流れるような髪の房のPhotoshopブラシは、すべての髪のタイプに適しているわけではありませんが、同じテクニックを他の髪のスタイルに適用できます。それは、きれいな背景に対して選択可能な、似た髪の人の別の肖像画を見つけることを含みます。新しいPhotoshopブラシは、ドナー画像から取得できます。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

ペンツールで被写体の周りにパスを描き、髪の輪郭を大まかに描き、レイヤーマスクを適用します。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

ShutterstockのBeautiful Afro Business Manのこの写真は、Channelsメソッドを使用して選択できる同様のヘアスタイルを特徴としています。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

ヘアシルエットを含むようにキャンバスをトリミングし、[編集]> [ブラシプリセットの定義]に移動します。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

メインドキュメントに戻り、新しいレイヤーを作成し、新しい髪の輪郭でペイントを開始します。元の写真から色をサンプリングすることを忘れないでください。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

新しいヘアレイヤーを色相に変更して、被写体がまだ見えるようにします。このブラシを使用して、元のクリッピングからハードアウトラインを削除することもできます。タイトなカールは新しいアウトラインと調和します。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

色を白に切り替え、肩と体の上にペイントし直して、削除された領域を復元します。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

新しいヘアレイヤーにレイヤーマスクを適用し、顔と重なっている部分を消去して、変色を取り除きます。

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法

完成!

【フォトショ】複雑な背景の髪の毛をキレイに切り抜く方法