Photoshopでは、人物や動物の髪の毛を綺麗に切り抜く方法があります。
細かな毛まで綺麗に切り抜けるため、クオリティの高い画像編集をすることが可能です。
しかし、Photoshopをあまり使ったことがない方は「どのように髪の毛を切り抜けばいいのかわからない」といった悩みもあるでしょう。
当記事では、Photoshopで人物・動物の髪の毛を綺麗に切り抜く方法について詳しく解説します。
髪の毛を切り抜くためのさまざまなテクニックを理解できるので、ぜひ参考にご覧ください。
Photoshopで人物・動物の髪の毛を切り抜くメリット
Photoshopで人物・動物の髪の毛を切り抜くことで、以下のようなメリットがあります。
- Web広告・ポスターに利用できる
- 写真の合成に活用
それでは詳しく説明します。
Web広告・ポスターに利用できる
Photoshopで人物や動物の髪の毛を綺麗に切り抜けば、Web広告やポスターの作成に利用できます。
実際にプロのクリエイターも同じ技術を使い、画像編集をすることで成果物を作成しています。
街中の看板や雑誌で見かける写真もPhotoshopによって作成されていることが多く、髪の毛まで綺麗に切り抜いて合成されているのです。
初心者でもPhotoshopの機能やツールの使い方を学習すれば、プロの現場でも利用される技術を身につけられるようになります。
参考記事：
写真の合成に活用
Photoshopで人物や動物の髪の毛を綺麗に切り抜くことで、写真の合成に活用できます。
例えば女性を切り抜いて都会の背景画像と合成させれば、実際にその場にいるかのような画像を作成できます。
人物画像に写っていた背景画像は削除できるため、違和感をなくして綺麗に合成可能です。
初心者でもワンランク上の合成ができるので、髪の毛まで綺麗に切り抜ける方法を理解しておけばメリットは大きいでしょう。
Photoshopで髪の毛を切り抜くときに便利な機能・ツール
Photoshopでは、髪の毛を切り抜くときに便利な機能やツールが豊富にあります。
こちらでは、髪の毛を切り抜くときに利用できるツールの詳細や特徴について詳しく説明します。
それぞれの特徴をすぐに理解したい方は、以下の表も合わせてご覧ください。
| 機能・ツール | 特徴 |
| 被写体を選択 | 写真内にある被写体を1クリックで選択できる |
| 選択とマスク | 被写体と背景の境界線を自動的に検出できる |
| 多角形選択ツール | クリックした線で囲んだ部分を選択できる |
| 境界線調整ブラシツール | 被写体と背景の境界を正確に調整できる |
被写体を選択
被写体を選択は、ワークスペースの写真内にある被写体を1クリックで選択できる機能です。
人物や動物の髪の毛まで綺麗に切り抜けるため、短時間のうちに作業が完了します。
ただし、髪の毛は複雑な形状をしているので、被写体を選択しただけでは完璧に切り抜けるわけではありません。
髪の毛を綺麗に切り抜きたいときは、選択とマスクや選択ツールといった機能・ツールを併用する必要があります。
被写体の全体的なかたちを選択したいときは、被写体を選択の機能を利用しましょいう。
選択とマスク
選択とマスクは、被写体と背景の境界線を自動的に検出できる機能です。
人物や動物などの細かな髪の毛を正確に選択できるため、切り抜きをするときに利用できます。
被写体と背景の境界線がわかりづらい画像には不向きですが、手間をかけず素早く切り抜ける点が特徴です。
ツールバーにある境界線調整ブラシツールを併用することで、人物や動物の髪の毛まで綺麗に切り抜けられます。
多角形選択ツール
多角形選択ツールは、クリックした線で囲んだ部分を選択できるツールです。
被写体や背景の境界線に関係なく、クリックした範囲のみを選択できます。
選択範囲の制御がしやすいため、自分の好きなかたちに選択することが可能です。
例えば看板ごと人物を切り抜きたいときは、多角形選択ツールで選択すれば綺麗に切り抜けます。
自動選択ツールやクイック選択ツールで選択が難しい場合、多角形選択ツールを利用しましょう。
境界線調整ブラシツール
境界線調整ブラシツールは、被写体と背景の境界を正確に調整できるツールです。
例えば人物の細かな髪の毛を切り抜きたい場合、境界線調整ブラシツールで髪の毛をなぞれば綺麗に切り抜けます。
設定したブラシサイズの範囲内にある境界を自動的に検出するため、選択範囲を調整したいときに便利です。
選択とマスクで人物や動物の境界線を検出して、境界線調整ブラシツールで細かな選択範囲を調整するときに利用しましょう。
Photoshopで髪の毛を綺麗に切り抜く方法
それでは、Photoshopで髪の毛を綺麗に切り抜く方法について解説します。
人物や動物の髪の毛を切り抜くときは、前述で紹介した機能やツールを活用していきます。
髪の毛を綺麗に切り抜くときは、以下のステップでおこなってください。
ステップ①Photoshopで人物・動物の画像を開く
Photoshopのアプリケーションを開き、人物の画像ファイルを開きます。
ステップ②「選択範囲」メニューから「被写体を選択」を選択する
上部「選択範囲」メニューから「被写体を選択」を選択します。
ステップ③「選択範囲」メニューから「選択とマスク」を選択する
上部「選択範囲」メニューから「選択とマスク」を選択します。
ステップ④属性パネルから「表示」を「オーバーレイ」に変更する
右側の属性パネルにある「表示」を「オーバーレイ」に変更します。
ステップ⑤ツールバーにある「境界線調整ブラシツール」で境界線上の毛をドラッグする
左側のツールバーから「境界線調整ブラシツール」を選択して被写体の境界線上にある毛をドラッグします。
ステップ⑥属性パネルの「エッジの検出」で境界線の半径を調整する
右側の属性パネルにある「エッジの検出」から境界線の半径を調整します。
ステップ⑦属性パネルの「出力先」を「レイヤーマスク」に設定して「OK」をクリックする
属性パネルの「出力先」を「レイヤーマスク」に設定後、問題なければ「OK」をクリックして完了です。
以上の手順で、人物や動物の髪の毛を綺麗に切り抜けます。
背景を透明なまま保存するときは、上部「ファイル」メニューから「書き出し」を選択してください。
そして「Web用に保存」を選択してファイル形式を「PNG」にして「透明部分」にチェックを入れます。
最後に「保存」をクリックすれば、背景を透明にした状態で保存できます。
参考記事：
Photoshopで髪の毛を切り抜いて影で馴染ませる方法
Photoshopで被写体の髪の毛を自然なかたちにするときは、影で馴染ませることが大切です。
影を作れば光が当たっているような表現になるため、画像を合成するときの違和感をなくせるようになります。
髪の毛を切り抜いて影で馴染ませるときは、以下のステップでおこなってください。
ステップ①切り抜いた画像レイヤーを右クリックして「レイヤーを複製」を選択する
右側のレイヤーパネルから切り抜いた画像レイヤーを右クリックして「レイヤーを複製」を選択します。
ステップ②複製画像レイヤーを選択した状態で上部「編集」メニューから「自由変形」を選択する
レイヤーパネルから複製画像レイヤーを選択した状態で上部「編集」メニューにマウスカーソルを合わせて「自由変形」を選択します。
ステップ③オプションバーから「縦横比を固定」を解除して影になる位置に調整する
上部オプションバーから「縦横比を固定」を解除して影になる位置に調整します。
ステップ④複製画像レイヤーを選択した状態で上部「フィルター」から「ぼかし」、「ぼかし（ガウス）」を選択する
複製画像レイヤーを選択した状態で、上部「フィルター」メニューにマウスカーソルを合わせて「ぼかし」、「ぼかし（ガウス）」を選択します。
ステップ⑤レイヤーパネルから複製画像レイヤーをダブルクリックして「レイヤースタイル」を表示する
右泡のレイヤーパネルから、複製画像レイヤーをダブルクリックして「レイヤースタイル」を表示します。
ステップ⑥「カラーオーバーレイ」を選択して複製画像レイヤーを黒く塗りつぶす
「カラーオーバーレイ」を選択して、カラーモードを黒色に設定して複製画像レイヤーを黒く塗りつぶします。
ステップ⑦レイヤーパネルから複製画像レイヤーを選択した状態で「レイヤーマスク」をクリックする
右側のレイヤーパネルから複製画像レイヤーを選択した状態で下部の「レイヤーマスク」をクリックします。
ステップ⑧レイヤーパネルから元の画像レイヤーを一番上にして複製画像レイヤーの不透明度を調整する
右側のレイヤーパネルから元の画像レイヤーを一番上にして、複製画像レイヤーの不透明度を調整すれば完了です。
以上の手順で、切り抜いた被写体に影を馴染ませることができます。
調整レイヤーから「明るさ・コントラスト」の「レイヤーマスク」を選択して、ブラシツールで明るくしたい部分をなぞれば自然なかたちに仕上がります。
少し手順は複雑ですが、切り抜いた被写体に影をつけたいときは試してください。
Photoshopで髪の毛を切り抜いて背景に馴染ませる方法
Photoshopで被写体の髪の毛を切り抜いたあとは、背景に馴染ませることが大切です。
人物や動物を背景に馴染ませれば、違和感のない自然な合成にすることができます。
髪の毛を切り抜いて背景に馴染ませるときは、以下のステップでおこなってください。
ステップ①背景画像に切り抜いた人物画像を配置する
Photoshopのワークスペースに背景画像と切り抜いた人物画像を配置します。
ステップ②レイヤーパネルから人物レイヤーを複製する
右側のレイヤーパネルから人物レイヤー右クリックして複製レイヤーを作成します。
ステップ③描画モードを「乗算」にする
右側のレイヤーパネルから複製レイヤーを選択した状態で描画モードを「乗算」に変更します。
ステップ④レイヤーパネルから複製前の人物レイヤーにマスクを作成する
右側のレイヤーパネルから複製前の人物レイヤーに下部にあるマスクを選択して作成します。
ステップ⑤複製前のレイヤーを複製したレイヤーの上にする
複製前のレイヤーを複製したレイヤーの上に移動します。
ステップ⑥複製前の人物レイヤーにあるエッジ部分を不透明度20%「ブラシツール」で黒く塗る
複製前の人物レイヤーにあるエッジ部分を右側のツールバーにある「ブラシツール」で不透明度20%にした状態で黒く塗れば完了です。
以上の手順で、髪の毛切り抜いた人物や動物を背景と馴染ませられます。
エッジ部分が目立たなくなるため、自然な印象に仕上がるでしょう。
Photoshopで髪の毛を綺麗に切り抜くコツ
Photoshopで髪の毛を綺麗に切り抜くときは、以下のようなコツがあります。
- 背景と髪の毛が同系色になっていない画像を選択する
- エッジの検出で細かく調整する
それでは詳しく説明します。
背景と髪の毛が同系色になっていない画像を選択する
Photoshopの機能やツールを使って人物・動物の髪の毛を切り抜くときは、背景と同系色になっていない画像を選択しましょう。
背景と髪の毛が同系色になっていると、コントラストが似ていることから綺麗に切り抜けなくなってしまいます。
例えば金髪の女性の背景が黄色の建物だった場合、同系色によってコントラストの違いが判断しづらいです。
もしほかの画像を用意できないときは、背景の色を編集した上で切り抜き作業をおこなうようにしましょう。
エッジの検出で細かく調整する
Photoshopの選択とマスクを利用すると、右側の属性パネルから「エッジの検出」を調整できます。
こちらの「スマート半径」を調整することで、境界線に対して検出される範囲を微調整できるようになります。
人物や動物の髪の毛を毛先部分まで綺麗に切り抜きたいときは、エッジの検出で細かく調整するようにしましょう。
Photoshopの切り抜きについて詳しく知りたい方は、以下の参考動画も合わせてご覧ください。
Photoshopの髪の毛の切り抜きについてまとめ
今回は、Photoshopで人物・動物の髪の毛を綺麗に切り抜く方法について詳しく解説しました。
Photoshopの機能やツールを利用すれば、髪の毛まで綺麗に切り抜けます。
初心者でもプロと同じような画像編集ができるため、実際に操作しながら試してください。
ぜひ当記事で紹介した切り抜きテクニックを試して、人物や動物の髪の毛まで綺麗に切り抜いてみましょう。
