こんにちは。デザイナーの森です。

2年前に下記の記事でphotshop cs5以降に追加された「境界線を調整」を使って、髪の毛を切り抜く方法をご紹介しました。

Photoshopのカンタン切り抜き術！（人物の髪の毛編）

2013.05.07

• 543
• 959

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

2015.07.20

• 1439
• 1164

現在「境界線を調整」はphotoshopCC2017では名前を改め「選択とマスク」という機能としてパワーアップしております。（photoshopCC2015.5から名称変更）

しかし、僕は最近photoshopCCを2015→2017にバージョンアップしましたが、この名前変更に気づかず「あれ？「境界線を調整」はどこいったの？ あんなに便利なツールなくなるはずないのに……」と戸惑ってしまいました。

今回は自分と同じように混乱してしまった方や「選択とマスク」「境界線を調整」をそもそも知らなかった方のために改めて「選択とマスク」の使い方をご紹介します。

「選択とマスク」を使って髪の毛を切り抜く方法

今回はふわふわヘアのかわいい子供の写真をご用意しました。

できるかぎり白背景や人物とのコントラストの高い画像だとより切り抜きやすくなります。

このふわふわヘアをパスで切り抜くのはもちろんほぼ不可能だと思います。

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

まずは人物の境界線をペンツールで囲みます。

髪の毛の部分は大雑把にペンツールで囲っていきます。

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

選択範囲ができました。

「選択とマスク」を使う

選択範囲を作成したらいよいよ「選択とマスク」の出番です。

「選択とマスク」を起動するには４つ方法があります。

1. 選択ツールを選択時に右クリック→「選択とマスク」を選択
2. 選択ツールを選択時にオプションバーから「選択とマスク…」を選択
3. メニューから「選択範囲」→「選択とマスク」を選択
4. ショートカット「command＋option＋R」（macの場合）

「選択とマスク」を起動したら「ツール」の上から2番目「境界線調整ブラシツール」を選択し、子供と背景の境界線をなぞっていきます。

「境界線調整ブラシツール」の使い方は基本的にはブラシツールと同じで、サイズも[と]で太くしたり細くしたりできます。（この時、表示モードをオニオンスキンで行うと、切り抜き後のイメージがしやすいかもしれません）

境界線をなぞると背景が消えて髪の毛のディティールのみが現れてきます。

「エッジの検出」や「グローバル調整」で好みの調整を行い完成です。（「エッジのシフトの値をマイナス値にするとよりシャープに切り抜くことが可能です。）

最後に「出力設定」の「出力先」を「レイヤーマスク」にして「OK」を押せば作業は終了です。

他にも「選択とマスク」ではクイック選択ツールや、選択範囲をブラシのように広げていく「ブラシツール」や「なげなわツール」などが用意されています。（これらの機能はクイックマスクモードと同じような使いかたができるので、お好みで使いわけてください」

見え方や機能の追加等、若干「境界線を調整」とは違いますが、基本的な使い方は変わりませんので、安心して試してみてください。

LIGではデザイナーを募集しております

現在 LIG では、デザイナーを募集しております。

転職活動中の方、ただお話を聞いてみたい方、興味のある方は是非ご応募ください。　お待ちしております！

募集要項

LIG のデザイナーに応募する