Freelance Lab(フリーランス・ラボ)

Freelance Lab(フリーランス・ラボ)

Photoshop★髪の毛を一瞬で綺麗に切り抜く裏技

September 21, 2015
約 4 分

最近の投稿

続き読む
Photoshop★髪の毛を一瞬で綺麗に切り抜く裏技

切り抜き 簡単 合成 Photoshop

デザイナーとして、まず一番始めに任せられる仕事の一つに「画像の切り抜き」が挙げられます。人や物を切り抜いて画像として配置したり、別の背景と合成したり…。「画像の切り抜き」はデザインをする上で欠かせない要素の一つです。しかしその度に、いつもデザイナーを悩ませてきたのはそう、「髪の毛」の切り抜き!!!!!!!ですよね!!!

画像の切り抜きのまず基本形は、ペンツールでパスを作って切り抜く方法。
1

しかし、顔の輪郭や洋服など単純な部分は比較的うまくいきますが、髪の毛、とくに後れ毛などの部分は自然に切り抜くのが難しく、四苦八苦した経験がある方も多いのでは。そして、結局細かい部分まで全てマスクをかけて微調整する羽目になる事が多かったものです。

2

しかし!さすがAdobe社さま!そのクリエイターの気持ちをわかってくれたのか、一瞬で髪の毛をうまく自然に切り抜くシステムをPhotoshop CS5から追加してくれました!その裏技を今回はご紹介します。

まずは、切り抜きたい部分をざっくりパスで選択。マスクをかけます。後毛などが収まるように、多少大きめで構いません。

3

マスクをかけたら、人物レイヤーの下に合成したい背景写真を配置したレイヤーを作っておきましょう。

準備ができたら、人物写真の方のレイヤーパネルの中から、今作ったマスクの「レイヤーマスクサムネール(レイヤーの画像アイコンの横に現れるモノクロのシルエットアイコンの事です)」をクリックしてレイヤーマスク編集モードにします。

その状態で上のバーの「選択範囲」をクリックすると「マスクを調整」というボタンが出てきますのでそれをクリックしてください。(※レイヤーマスクサムネールを選択していないと、このメニューは出てきません!)

表示モードが色々選べるようになっていますが、おすすめは「オーバーレイ」です。このモードにすると、背景の画像を透過しながら、透明に切り抜かれた部分がピンクに光るので、実際の合成画像の完成をイメージしながら作業をする事ができます。

出力先は「レイヤーマスク」に設定します。そうする事で、先ほど作ったざっくりレイヤーマスクに、今回の修正が自動で上書きされるようになるのです!なんとも至れりつくせり!
4

「マスクを調整」パネルを開いたままで、マウスを画面上に戻すと円の中に+マークが描かれたブラシアイコンが出てきます。このブラシを使って、切り抜きたい画像の境界線部分をドラッグして、ぐりぐり選択します。すると、選択された部分は色が透明に変わります。
5

ある程度選択出来たら、マウスから指を離します。すると、なんという事でしょう!Photoshopさんが、画像の色の濃淡を判断して、いい感じに勝手にマスクを調整してくれるのです!!ワンダフル!7

後毛がたくさんあっても、この通り一瞬で自然な切り抜きに!1回のドラッグで綺麗に調整できない場合は、何度か同じ場所に上から重ねてブラシをかけると、選択範囲が徐々に広がって、綺麗に切り抜く事ができます。8

パスで切り抜くと、かっちりした境界線になりがちなセーターの羽毛のふわふわも自然に仕上げてくれます。

9

ある程度、周りが綺麗になったら「マスクを調整」パネルの右下の「OK」ボタンを押します。すると、マスクに調整が上書きされて綺麗な切り抜きに変身!どうですか?ペンツールでわざわざ切り抜くより、早く、かつ綺麗にマスクがかかりました!11 そして、プロはここでもうひと捻り!背景画像を一旦非表示にして、下に一色、色の濃い色(何色でも良いです)をしいてみると、意外と綺麗にマスクがかかっていない場所があることがわかります。今だと首周りや左肘の近くに白い部分が残ってしまっています。12 そこで、この部分は再度「レイヤーマスクサムネール」を選択した上で「覆い焼きツール」「焼き込みツール」で細部を調整します。不要な部分を消したい時は「焼き込みツール(暗い部分を、より暗くする)」間違って消えてしまったけど元に戻したい部分には「覆い焼きツール(明るい部分をより明るくする)」を使って、ニュアンスを調整します。

後れ毛など、境界があいまいで選択が難しい部分は「覆い焼き、焼き込み」を使いますが、大きな範囲の調整(例えば、今でいう左腕の横あたり)は、普通にブラシツールの白と黒で調整したほうが早い事もあります。

状況に応じて使い分けてください!13 これで画像の切り抜き調整はオシマイ!全部手動でマスクをかけるより、よりスピーディに、かつ自然な美女の合成写真が出来上がりました!!!

この技術を知っているか知らないかで、作業効率・お仕事の完成度が格段に変わります。ぜひ、一度試してみてくださいね^^14

Leave A Reply

*
*
* (公開されません)