【Photoshop】髪の毛の切り抜き 2024年決定版

2024-04-19

Qchan

フォトショップで人物を切り抜きたいけど、髪の毛がキレイに切り抜けない…

そんなあなたのために、Photoshopを使用した髪の毛の切り抜き方について解説します。

この方法で切り抜けば驚くほどキレイで簡単に髪の毛を切り抜くことができるので、ぜひ参考にしてみてください。

Gaku

背景が複雑な画像でもキレイに切り抜けますよ。

執筆者／Gaku
グラフィックデザイナー14年目。フリーランスとして大手企業の広告制作経験あり。長年培ってきたデザインの経験をもとに、WebメディアDtipを運営中。

CONTENTS

髪の毛の切り抜き方

STEP

画像を配置

Photoshopを起動し、画像を開きます。

今回はunsplash.comで無料配布されているこの画像を使います。

STEP

被写体を選択

上部メニューから「選択範囲」→「被写体を選択」をクリックすると、被写体が自動的に検知されて選択範囲が作成されます。

STEP

選択とマスク

「選択範囲」→「選択とマスク」をクリック。

作業画面が「選択とマスク」ワークスペースに切り替わり、選択範囲の被写体が赤のオーバーレイで表示されます。

選択範囲をわかりやすく確認するため、属性パネルの示す内容を「マスク範囲」に切り替え、選択されていない部分を赤のオーバーレイで表示させます。

STEP

「境界線調整ブラシツール」で選択範囲を調整

髪の⽑の隙間に、不要に選択されている部分（青色部分）が⾒られるので、左側にあるツールバーの「境界線ブラシツール」を選択し、ブラシサイズを小さめに設定して、髪の毛の背景部分をなぞるようにドラッグしていきます。

すると、髪の毛の隙間の青色だった部分が赤色になり、選択範囲が解除されます。

STEP

出力先を設定

属性パネルの出力設定の「不要なカラーの除去」にチャックを入れて、毛先や髪の毛のあいだの不要なカラーを取り除きます。

どれくらい取り除くかは、「量」のスライダーで調整します。

出力設定の「出力先」を「新規レイヤー（レイヤーマスクあり）」に設定し、「OK」ボタンをクリックすると画像が切り抜かれます。

レイヤーパネルに、レイヤーマスク付きの新規レイヤーが追加されました。

切り抜いた画像は切り抜き範囲のレイヤーマスクを保持した新規レイヤーに作成されます。厳密には画像を切り抜いたわけではなく、マスクしただけなので、後から切り抜き範囲の修正も可能です。

画像の合成

新しい背景となる画像を下のレイヤーに追加すれば合成画像が完成しました。

まとめ

髪の毛の切り抜きは、画像編集の中でも特に難しく繊細な作業ですが、最新のPhotoshopを活用することで、より効率的に髪の毛を切り抜くことができます。

Gaku

動物の毛もキレイに切り抜けますよ。

2〜3回ほど繰り返して練習するとすぐに覚えられる時短テクニックなので、サクッと覚えてデザインの作業効率を上げましょう。

最新のIllustratorとPhotoshopをお得に購入する方法

先に結論から言います。

Adobe CC（Creative Cloud）を最も安くお得に買う方法は、Adobe公認スクールであるデジハリが提供する「Adobeマスター講座(Adobe CC付き)」を購入することです。

Adobe CC（Creative Cloud）とは
Adobe CCとは、写真加工や動画編集、アニメーション、Webサイト制作など、約20種類以上のクリエイティブなアプリ・ソフトを使うことができるAdobe社が提供しているプランです。Adobeソフトを複数使いたい場合は、単体プランで複数使うよりも安く抑えることができます。