Photoshopで髪の毛を綺麗に切り抜く方法【初心者向け】

Photoshopで髪の毛を綺麗に切り抜く方法を初心者向けに解説した記事です。髪の毛などの細かい切り抜きをするには、選択範囲を作成する際「境界線を調整」というオプション機能を使用します。記事を読んでいざチャレンジ!

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が1,000以上あります。

Photoshopでは、画像の切り抜きがよく使われます。ただし、髪の毛を綺麗に切り抜くには一工夫が必要です。

選択範囲を作成する際、「境界線を調整」というオプション機能を使用することができます。これによって人物の髪の毛などの細かい部分を簡単に綺麗に切り抜くことが可能です。

 

なお本記事は、TechAcademyのオンラインPhotoshop講座のカリキュラムをもとに執筆しています。

(※今回の作業はすべてAdobe PhotoShop CCのバージョンで行っています)

 

20160620

 

田島メンター!!人物の切り抜きをするとき、境界線の部分に髪の毛があるとうまくいかなくて……どうすればいいですか~?

 

20163020-2

 

選択ツールだけでうまくいかないときは、「境界線を調整」機能を使ってみよう。

 

20160620

 

その機能はどこにあるんですか?

 

20163020-2

 

そうだね、まずは普通に選択範囲を作成するところから始めてみようか。

 

髪の毛を綺麗に切り抜く

今回はこの写真画像を使用します。

ps_kamic_1

 

画像が背景レイヤーの場合は、レイヤーを右クリックして「背景からレイヤーへ」を選択します。

ps_kamic_2

 

レイヤーの名前を入力し、「OK」をクリックします。ここでは「レイヤー0」としています。

ps_kamic_3

 

左のツールアイコンから「クイック選択ツール」を選びます。

ps_kamic_4

 

人物の部分をドラッグしていきます。

選択範囲がはみ出した場合はAlt+ドラッグで消去、複数の場所を選択したい場合はShift+ドラッグで範囲を追加しましょう。

ps_kamic_5

 

人物全体を選択した状態です。この時はまだ髪の毛の細かい部分は意識しなくてOKです。

ps_kamic_6

 

20160620

 

ここまではできるんですが、細かい髪の毛が範囲外に残ったままですね……

 

20163020-2

 

ここで「境界線を調整」を選択してみよう。選択範囲の点線が出ている状態で、上のメニューバーに表示されるよ。

 

20160620

 

はい!やってみます!

 

選択範囲を作成した状態で「境界線を調整」をクリックします。

ps_kamic_6_2

 

「境界線を調整」のウィンドウが表示されます。「表示モード」を「白黒」に変更してください。

ps_kamic_7

 

「エッジの検出」内の「スマート半径」にチェックを入れ、半径を調整します。

ps_kamic_8

 

白いシルエットが今選択されている部分です。髪の毛の辺りをドラッグすると、その部分が自動的により細かく調整されます。

ps_kamic_9

 

調整ができたら「OK」を押して「境界線を調整」のウィンドウを閉じます。

選択範囲が作成されている画面に戻るので、そのままの状態で「選択範囲」→「選択範囲を反転」をクリックしましょう。

ps_kamic_10

 

これで人物以外の部分が選択されている状態になりました。「編集」→「消去」を選択します。

ps_kamic_11

 

最後に「選択範囲」→「選択を解除」をクリックして完成です。

ps_kamic_12

 

先ほど調整した髪の毛を含む、人物の部分以外の場所が透過の状態(何も描かれていない状態)になります。これで髪の毛もうまく抽出できたことがわかるのではないでしょうか。

ps_kamic_13

 

下にレイヤーを作成し、一色で塗りつぶした状態です。

ps_kamic_14

 

拡大してみると、髪の細かい部分が切り取られているのが分かります。

ps_kamic_15

 

あとは背景用のレイヤーを変えることによって自由に加工が可能です。

ps_kamic_16

これで完了です。このテクニックを使いこなして、Photoshopの上達にお役立てください。

 

20163020-2

 

人物の切り抜きはうまくいったかな?

 

20160620

 

髪の毛の一本一本まで、きれいに切り抜けました!

 

20163020-2

 

髪以外でも、木の枝など細かい部分の切り取りを行うときは是非この「境界線を調整」を使ってみよう。

 

20160620

 

はい!ありがとうございました!

 

さらにPhotoshopを使いこなしたい場合は、Photoshopで逆光の写真を補正をする方法 も合わせてご覧ください。

[お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。現役デザイナーに毎日チャットで質問することができます。