複雑な画像を「簡単＆きれい」に切り抜く方法 -PhotoshopCCの「選択とマスク」機能-

2018.02.13

WEB

Webデザイン

複雑な画像を「簡単＆きれい」に切り抜く方法-PhotoshopCCの「選択とマスク」機能-

DTP・WEBデザイナーの方、Photoshopを使って作業を行っている方に質問です。

皆さんは、Photoshopで画像を切り抜く際どのように作業していますか？

さまざまな方法があると思いますが、その中でも従来主流であったパス（ペンツール）を駆使して作業しているケースが結構多いのではないでしょうか。簡単な描写の画像はキレイにそして素早く切り抜くことが出来ると思いますが、人物の髪の毛・背景の一部等、複雑な描写の画像はどうしても時間がかかってしまいます。

そこで今回は、PhotoshopCCの「選択とマスク」機能についてご紹介します。
従来の方法で作業するよりもきれいに切り抜くことができ、スピードアップが見込めます。
Photoshopを使い始めて間もない方も簡単に切り抜きすることができるので、ぜひ参考にしてください。

INDEX

PhotoshopCCの「選択とマスク」機能について
手順・使用方法
さらに効率とクオリティを上げるためには
さいごに

PhotoshopCCの「選択とマスク」機能について

「選択とマスク」機能はパス（ペンツール）を使用せず選択範囲とブラシを駆使して切り抜きをします。

PhotoshopCCから新しく追加された機能のため、CC以前のバージョンの方はご使用できませんのでご注意ください。

手順・使用方法

手順・使用方法は以下の通りです。

手順

①「選択とマスク」機能を選択してワークスペースに切り替える
②「クイック選択ツール」を使用して選択範囲を設定する
③「境界線調整ブラシツール・ブラシツール」で細かい範囲を調整する
④ 出力先を設定して切り抜き完了

それでは詳細をご説明します。

①「選択とマスク」機能を選択してワークスペースに切り替える

切り抜き対象の画像レイヤーを選択し、ツールの「選択範囲」>「選択とマスク」をクリックしてください。

ワークスペースが起動します。

右側の属性パネルの「表示」をオーバーレイに設定してください。
元の画像に半透明の赤いカラーが被さった状態になります。

オーバーレイに設定する理由は半透明の色を重ねて切り抜き部分をわかりやすくするためです。
これで下準備の完了です。

※ワークスペースはescキーもしくは右下のキャンセルボタンで解除することができます。
※あくまでおすすめの設定ですので、表示・色・不透明度を調整して自分にあった設定で作業してください。

② 「クイック選択ツール」選択範囲を設定する

下準備が完了したら、左側のツールを使用し切り抜き作業をします。

初めに一番上のクイック選択ツールを選択して切り抜きたい対象をなぞってください。
切り抜き対象部分の色が赤から元の色にもどります。

一度クリックするだけでも自動的に選択範囲を判別されるので選択範囲の対象をどんどんクリックもしくはなぞっていきましょう。
上のツールオプションでブラシの大きさが調整可能です。

多少はみ出してしまっても、ツールオプションでに変更すれば選択範囲を解除することができます。

③「境界線調整ブラシツール・ブラシツール」で細かい範囲を調整する

次に切り抜きの仕上げに取り掛かります。

上から二番目・三番目のツールを使用して微調整をしていきましょう。

選択の範囲が甘い部分をズームツールで拡大し、二番目の境界線調整ブラシツールを使用してなぞりましょう。
対象が自由に細かく選択されます。
三番目のブラシツールは自動的に設定されないので自由にブラシで塗ることができます。

④ 出力先を設定して切り抜き完了

最後に右側の属性パネルの下側の出力先をレイヤーマスクに変更してOKボタンをおしてください。

ワークスペースが閉じ、レイヤーマスクが掛かった状態で表示されます。
※作業工程に応じて設定を変更してみてください。

以上で作業完了となります。

さらに効率とクオリティを上げるためには

より早く切り抜くコツ

切り抜く画像を複製して調整レイヤー（トーンカーブ等）で差がわかるように極端に補正し、複製した画像と調整レイヤーと統合してください。
そしてそれを「選択とマスク」機能を使って切り抜きすると元の画像と比べてスピードが上がります。
あとは、切り抜きが完了したら、切り抜かれた範囲を元画像に反映し、統合したデータを削除すれば完了です。

クオリティを高めるコツ

「選択とマスク」機能は細かい部分は得意ですが、パスのほうがくっきり切り抜くことが出来ます。
人物などの切り抜きは、体部分はパスをつかい、髪の毛や複雑な部分は「選択とマスク」機能を使用すればクオリティが上がります。

さいごに

今回はPhotoshopCCの「選択とマスク」機能について説明しました。
この機能を知らなかったPhotoshopCCユーザー、従来の方法を使用していた方、これを機に積極的に「選択とマスク」機能を活用してはいかがでしょうか。作業効率がアップすると思います。

現在PhotoshopCCが2018年1月22日にアップデートされ、新たに「被写体を選択」機能が登場しました。こちらは1クリックで被写体を選択出来る機能となります。
簡単な画像でしたら一回できれいに切り抜くことが可能ですが、複雑な描写の画像は精度が高くない場合もあります。
うまく切り抜けなかった場合は、今回紹介した「選択とマスク」機能のワークスペース内で微調整できますので二つの機能を上手に活用してみてください。