ポートフォリオの作り方をゼロから徹底解説

【Photoshop】3分で髪の毛を簡単に切り抜く方法(境界線調整ブラシツール)

この記事を読むのに必要な時間は約 10 分です。

Photoshop(フォトショップ)で人物を切り抜いて別画像と合成させる作業は頻繁に発生します。

そんな人物の切り抜き作業の中で、髪の毛のような境界があいまいな物体を手作業で切り抜くのは大変!

当記事は面倒な選択範囲を簡単に作れる方法を解説します。
髪の毛以外の複雑な選択範囲でも応用可能です。

慣れたら作業時間たったの3分!
フォトショ初心者の方にも分かりやすく解説いたします!

髪の毛を切り抜く手順

Photoshopを導入しましょう
当記事の内容を実践するにはPhotoshop(フォトショップ)が必須です。
まだPhotoshopが未導入の方はAdobe公式サイトから入手しておきましょう。
なお、AdobeCCのプランはコチラの記事で徹底解説しています。
STEP.1
写真をPhotoshopに読み込ませる
切り抜きたい人物画像をPhotoshopに読み込ませます。

画像をPhotoshopへドラッグ&ドロップするだけ!
STEP.2
クイック選択ツールで大まかに選択
[ クイック選択ツール(W) ] で人物を選択します。

[ でブラシサイズを大きく
] でブラシサイズを小さく
選択範囲に含めたい個所をブラシでなぞります。

選択範囲がオーバーした時は [ Alt ] を押しながらなぞると選択範囲を削れます。

後から調整できますが、最初の段階である程度選択範囲を整えておきましょう。
ちなみに今の状態で女性だけ表示させるとこんな感じです。
髪の毛と背景の境界が「パキっ」として、いかにも不自然な感じですね。
STEP.3
選択とマスクを開く
画面上部の [ 選択とマスク ] をクリックし、選択範囲を調整します。

[ 選択範囲 ] → [ 選択とマスク ] でも開けます。
STEP.4
境界線調整ブラシツールに切り替える
画面左上に選択範囲を調整するツールが配置してあります。上から順に

クイック選択ツール
境界線調整ブラシツール
ブラシツール
オブジェクト選択ツール
なげなわツール
手のひらツール
ズームツール
[ 境界線調整ブラシツール ] に切り替えます。
[ R ] でも切り替えられます。

なお、背景色は画面右側の [ 属性パネル ] 内にある [ カラー ] で変更できます。

お好みで変更してください。
STEP.5
髪の毛の境界をなぞる
髪の毛の境界を [ 境界線調整ブラシツール ] でなぞります。
自動的に背景と髪の毛の境界を綺麗に分離してくれます。
ササっとなぞると「あっ」という間に髪の毛の選択範囲が作れます。

髪の毛以外の境界がハッキリした箇所は [ ブラシツール ] に変更して調整してください。
STEP.6
不要なカラーの除去
髪の毛の周辺をよく見ると白くもやっとした色が残っています。
[ 属性パネル ] 下部にある [ 不要なカラーの除去 ] を使います。

あまり値を上げ過ぎると必要な色も消えてしまうので、今回は40%を適用します。
すると「白いもやっと」が消えました。
FINISH
完成
最後に [ 出力先 ][ 新規レイヤー(レイヤーマスクあり) ] を選択し、[ OK ] をクリックしたら完成です。
3分程でこんな感じのマスクが作れました。

Photoshopすげぇ!!!
Adobe公式サイトから入手できます。
制作の品質と速度を劇的に加速させるAdobeStock
AdobeStockは他の素材サイトと比較して品質・品揃え共に圧倒しています。
写真やイラストだけでなく、各Adobe製品のファイル形式で作られた超高品質なテンプレート、フォントやブラシ、スタイルなど。。。 コチラの記事で詳しく解説していますが、プロでなくてもプロ級の品質を超短時間で出せます。

合成してみる

海の写真と合成させたり…

雪山の写真と合成させたりできます。

こちらは [ クイック選択ツール ] だけ使って選択範囲を作った人物写真と別背景を合成した画像です。
境界がハッキリした物なら綺麗に選択できるのですが、髪の毛のような複雑な物体には対応しきれません。

+2分程の [ 境界線調整ブラシツール ] を使った一手間で、仕上がりが全然違います。

ワンランク上のテンプレート素材

Photoshopの学習をする上で、プロが作成した生データを研究する事は重要です。
普段からデザイン業務をされている方にとって自分以外のプロのクリエイターが作成したデータを見る事は日常茶飯事ですが、そうでない方は見る機会がありません。

AdobeStockのテンプレート素材はプロによる高品質な作品ばかり!
全て商用利用可能なので、テキストを変えるだけでそのまま使えます。

制作の手間を格段に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。


デザイン制作の勉強としての導入にオススメの名刺デザイン。
想像だけで作るとイマイチな仕上がりになりがちですが、良質なサンプルを参考に作ると吸収できる情報の質が段違いです。
相手に舐められない名刺テンプレート50選


バナーもフォトショップの練習をする上で良質な教材です。
想像だけ・中途半端な素材を参考にするのは有効な学習方法とは言えませんよ。
ハイクオリティなバナーテンプレート50選


例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートでレイアウトや余白、文字サイズを簡単に研究可能。内定獲得の可能性が格段にアップします!
厳選!ポートフォリオ用テンプレート34選


ゲームUIの制作は素材制作にはツールの深い知識が必要です。
テンプレートはまさに制作ノウハウの宝庫!
どれも最高の素材ばかりです。
ゲームUIに使えるテンプレート48選


単なる白黒の文字オブジェクトを一瞬で全く別モノへ大変身させるエフェクト52選です。
文字に高品質なエフェクトを追加するモックアップ


写真をはじめとした素材を「あっという間」に全く違うグラフィックへ大変身させるエフェクトです。
時短と品質の向上をされたいかたに超オススメ!
写真を全く違うグラフィックに変える事が出来る高品質なエフェクト50選


良質な素材をもっと見る
上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください!

おわりに

以上、髪の毛を簡単に切り抜く方法でした。

チマチマとブラシツールを使って手作業でする必要は一切ナシ!
Photoshopさえあれば、ちょっとした知識だけでプロ並みの仕上がりにできます。
デザイナーでなくてもデザイン制作は可能ですよ!

ではまた!

Illustratorは活用されていますか?
Photoshopだけでなく、Illustratorも活用されているでしょうか?
まだIllustratorを導入されていない方はAdobe公式サイトから入手できます。
なお、学生や教職員の方は公式サイトの学割コンプリートプランが最強にお得!
Illustratorの使い方はゼロから始めるIllustratorで徹底解説しています。
目次一覧
ゼロから始めるシリーズ

現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!