photoshop

Photoshopでの髪の毛などの複雑な切り抜き方法【Photoshop CC】

photoshop

今回はPhotoshopでの髪の毛などの複雑な切り抜き方法をご紹介します。

髪の毛や動物の毛などをパスツールや自動選択ツールなどで切り抜くにはどうしても限界があります。

その時のための別の方法を解説します。

Renton
Renton

フォトショップには切り抜く方法は色々ありますので、切り抜く画像をよく観察して、その画像に1番合った方法を使ってください。

今回は「選択とマスク」を使って切り抜きます。その他の切り抜き方法はこちらの記事で解説していますので、合わせて参考にしてください。

Photoshopでペンツールを使った画像の切り抜き方
Photoshopのペンツールを使ったクリッピングパスによる画像の切り抜き方をご紹介します。自動選択ツールではうまく切り抜くことが出来ない場合にペンツールなら綺麗に切り抜く事が出来るので切り抜きの基本として現役デザイナーが丁寧に解説します。
【Photoshop】切り抜きを自動選択ツールを使って綺麗にする方法
Photoshopで自動選択ツールを使って綺麗に切り抜きを行う方法をご紹介します。自動選択ツールを使っての基本的な切り抜き方法や、自動選択ツールを使う方法のメリットや注意するポイントなどを現役デザイナーが詳しく解説します。
スポンサーリンク

選択とマスクとは

 memo

選択とマスクとは、自動でその境界線を検出して、髪の毛のような複雑な選択範囲を正確に選択して切り抜きをおこなう機能です。

この選択とマスクは背景と被写体の境界線がはっきりしている場合に有効な手段ですので切り抜く画像をよく観察し、選択とマスクが使えるかどうかを判断してください。

選択とマスクはレイヤーマスクなどで切り抜ける機能なので作業もしやすくとても使い勝手の良い機能です。

Renton
Renton

僕も使える場合は積極的に使用しています。

スポンサーリンク

選択とマスクを使って画像を切り抜く方法

まず切り抜く画像をフォトショップで開いたら、メニューバー→選択範囲→選択とマスクを選択します。

すると下記の画像のような画面に切り替わります。

左側にツールバー、中央に画像、右側に属性パネルという構成になっています。

スポンサーリンク

❶ ツールバー

  • クイック選択ツール
  • 境界線調整ブラシツール
  • ブラシツール
  • オブジェクト選択ツール
  • なげなわツール
  • 手のひらツール
  • ズームツール

 

という構成になっていて、境界線調整ブラシツール以外は通常のツールバーのものと同じです。

❷ 属性パネル

属性パネルのでは、境界についてより細かい調整ができるようになっています。ここでは表示モードを先に解説します。その他の機能は後ほど解説します。

表示モードは選択範囲やマスクの表示の仕方を選ぶ事が出来ます。

Renton
Renton

表示モード横の三角をクリックすると選択出来ます

  • オニオンスキン:マスク部分を透明にして表示します
  • 点線:選択範囲の境界線を点線にして表示します
  • オーバーレイ: マスク部分を設定されたカラーにして表示します
  • 黒地:マスク部分を黒にして表示します
  • 白地:マスク部分を白にして表示します
  • 白黒:全体が白黒のマスクにして表示します
  • レイヤー上:選択範囲だけを表示します

 

ここまで理解できたら早速切り抜いていきます。

まずはツールバーにあるクイック選択ツールで切り抜きたい部分を大雑把で構わないので選択します。ここでは境界線はざっくりで大丈夫です!この後細い調整をします。

次にツールバーから境界線調整ブラシツールを選択して、先ほどざっくり選択した境界線を細かくなぞっていきます。

Renton
Renton

細かく髪の毛も含んで選択していくことができるので、ここは丁寧に調整してください。

境界線の選択が出来たらさらに細かい調整をおこないます。

先ほどの属性パネルを使って調整していきます。

スポンサーリンク

❶ エッジの検出

ここでは半径の値を調整することで、元の選択範囲を中心に、何ピクセルの範囲から自動で境界を検出するかを設定することが出来ます。

髪の毛など切り抜きたいものがこの範囲に収まるように調整すると綺麗に仕上がります。

❷ グローバル調整

ここでは「滑らかに」「ぼかし」「コントラスト」「エッジをシフト」の4つの値で調整していきます。

  • 滑らかに : 選択範囲がガタガタしている部分を減らして滑らかにしていくことが出来ます。
  • ぼかし : 選択範囲をぼかすことが出来ます。
  • コントラスト : 選択範囲のコントラストを強め、選択範囲がパキっと出るようになります。
  • エッジをシフト : 選択範囲を広げたり狭くしたりすることが出来ます。

❸ 出力設定

境界線の調整が出来たら最後に出力設定をします。ここではどのような形式で選択範囲を作るのかを設定することが出来ます。

不要なカラーの除去

ここにチェックを入れると、境界線に残っている不要な部分の色を軽減することができます。すぐ下にある適用量のスライダーで強さを調整できます。

注意すべきポイントとして、不要なカラーの除去を行うと、元画像が自動で加工されてしまうので、出力先が自動的に新規レイヤーか新規ドキュメントになります。

出力先

設定した選択範囲をどんな形式で書き出すのかを選ぶことが出来ます。

レイヤーマスクがその後調整も出来るのでこだわりがなければレイヤーマスクがオススメです。

出力先の設定まで終われば最後に「OK」を押せば自動的に選択範囲が作られます。

これで髪の毛を含んだ切り抜きが完了しました。出力設定でレイヤーマスクを選んでおけば、木になる部分を消したり、増やしたりも出来ます。

わかりやすい背景をひくとこのように切り抜かれているのがわかります。

スポンサーリンク

Photoshopでの髪の毛などの複雑な切り抜きまとめ

複雑な切り抜きもこのように簡単で自然に切り抜くことが出来ました。

選択とマスク機能のメリットとデメリットを理解して使用出来る画像には積極的に使用してください。

Photoshopでチャンネルを使って複雑な画像を自動で切り抜きする方法
Photoshopでチャンネルを使って複雑な画像を自動で切り抜きする方法をご紹介します。境界線がある程度はっきりしているものに適していると言えるので 複雑で細かいものでも時間をかけずに切り抜きが可能なのでおすすめです。