• LIGの広告成功事例
WEB

Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法

Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法
(編集部注*2013年7月1日に公開された記事を再編集したものです。)

こんにちは、デザイナーの白浜です。
以前、下記の記事でチャンネルを使って髪の毛を切り抜く方法をご紹介しました。

今回はPhotoshopCS5以降についている便利機能「境界線を調整」を使って髪の毛を切り抜く方法をご紹介します。

結構色んな所で紹介されているとは思いますが、復習がてらお付き合いください。
なかなかのチートツールなので、使わない手はないです。作業が格段に早くなります!

「境界線の調整」を使って髪の毛を切り抜く方法

パスで大雑把に髪の毛を囲む

今回はなかなかややこしい背景をお持ちのアフロ(ソバージュ?)美女をご用意しました。
このツールのチートっぷりを体感していただきたいのであえて白背景じゃない画像で挑戦します。

01

まずはペンツールで囲みます。ここはチャンネル使う場合と同じですね。ふわふわしてる部分はおおざっぱになぞります。
 

02

ペンツールで囲み終わったら右クリック→「選択範囲を作成」で選択範囲を作ります。
 

03

こんな感じです。

「境界線を調整」を使う

さて、選択範囲を作成したらいよいよ「境界線を調整」の登場です。

04

選択範囲ツールを選択している状態で右クリック→「境界線を調整」で調整パネルが開きます。
 

05

半径調整ツールを選択して、ブラシで大雑把に選択した髪の毛をなぞっていきます。
ブラシのサイズはショートカット[]キーで太くしたり細くしたりできます。これは普通のブラシツールと同じですね。
 

06

ただブラシで境界をなぞってるだけなのに、どんどん髪の毛が切り抜かれてる~!!!

なぞり終わりました・・・。

07

ダダン!もうすでに結構な切り抜かれっぷり!! ありがたや。ありがたや。
 

08

「エッジをシフト」スライダーを左に動かすと境界がさらにシャープになります。
 

09

「境界線を調整」ツールの力だけでここまで綺麗に切り抜きできました!!!

仕上げのもうひと手間

10

あらかた調整が終わったら、出力先をレイヤーマスクにします。
 

11

マスクを選択した状態で、消し足りないところや、消しすぎたところをブラシを使って調整します。
黒で塗るとマスクがかかり、白で塗ると消えていた部分が元にもどります。
ショートカットxで白黒入れ替えながら消したり戻したり・・・レイヤーマスクなので何度でもやり直しOK。
 

12

こんな感じになりました。

白背景じゃなくても髪の毛の細かいディテールまで検出されているのがわかると思います。すごいですね!

おまけ

切り抜いた先が暗めの背景だった場合・・・。

13

そんなときは、
 

14

下に切り抜いたものを複製してレイヤーモードを「乗算」にします。
 

15

そして上のレイヤーのマスクを不透明度を「40%」ぐらいにしたブラシでなぞってなじませます。

やってるうちに下のレイヤーが「乗算」だと背景に同化しすぎたため、「カラー比較(暗)」に変更、まぁこのへんは場合によってお好みで。
 

16

完成。どうでっしゃろか?
まぁまぁなじんだかな?

人物等の切り抜き方法は色んな方法を覚えておくと臨機応変対応できると思うので、新しいツールもぜひ使ってみてください!

この記事を書いた人

姐さん
姐さん デザイナー 2010年入社
デザイナーの白浜です。ウェブデザイナーとして日々修行中。マンガと音楽とお米が好きです。よろしくお願いします。

こちらもおすすめ

世界一わかりやすいPhotoshop 操作とデザインの教科書 (世界一わかりやすい教科書)

世界一わかりやすいPhotoshop 操作とデザインの教科書 (世界一わかりやすい教科書)

  • 著者柘植 ヒロポン,上原 ゼンジ,吉田 浩章,大西 すみこ,坂本 可南子
  • 価格¥ 2,462(2015/10/30 15:34時点)
  • 出版日2014/01/23
  • 商品ランキング5,613位
  • 大型本288ページ
  • ISBN-104774162590
  • ISBN-139784774162591
  • 出版社技術評論社