Pocket

6206080799_7dbd03420e_bcccaaaaaaaaaa

  
デザインをしていく中で、Photoshopで人物や物を切り抜くことが多々あると思います。
みなさんはどのような方法で切り抜いているでしょうか?
昔はパスツールで地道にパスを描いていましたが数が多いと気の遠くなる作業でした。
しかし、Photoshopもバージョンを重ね、切り抜きもかなり楽になりました。
ここではPhotoshop CS5以降対象で、切り抜きが、すごい、楽になる、方法を、お教えします。

それでは早速行ってみましょう!

  

Step0:これを切り抜きます

6206080799_7dbd03420e_baaa
ヒョウ・・・でしょうか?ネコ科のなにかだと思います。
背景はシンプルですが、ひげやあご下からのふっさふさの毛がいかにも切り抜きづらそうです。

  

Step1:自動選択ツールでおおまかな選択範囲を指定する

ツールボックスより「自動選択ツール」を選択、「アンチエイリアス」「隣接」にチェックして、背景部分を選択していきます。
今回は「許容値」30-70で選択を行いました。
背景をすべて選択できたら、オプションバーから「選択範囲」>>「選択範囲を反転」を選択します。
 
img1
 
ヒョウ(?)が選択されました。
 
img2

  

Step2:境界線を調整する

オプションバーから「選択範囲」>>「選択範囲を調整」を選択します。
 
スクリーンショット(2014-02-13-9.52aaa

 
表示モードは「黒地」にすると見やすいです。
境界線を調整ウィンドウの左側にある「半径調整ツール」でヒョウの輪郭をなぞって行きます。
 
スクリーンショット(2014-02-13-9.55aaaaa
 
ふっさふさな部分がよみがえってきます!
 
スクリーンショット(2014-02-13-9.55aa

  

Step3:エッジなどを調整する

半径調整ツールを行ったら、表示モードを「白地」に変更します。
「エッジの検出」にチェックを入れてエッジを調整します。
輪郭などがどう変わるかいろいろ試しながら調整すると良いと思います。
今回は背景の緑が気になったので「不要なカラーを除去」にチェックを入れました。
輪郭部分を見ながら量を調整します。
 
スクリーンショット(2014-02-13-9.58aaa
 
「出力先」を「新規レイヤー(レイヤーマスクあり)」を選択し、「OK」を押します。
新規のレイヤーにレイヤーマスク付きの画像がコピーされました。
 
スクリーンショット(2014-02-13-9.59aa

  

Step4:完成!

背景を好きなものに変更して完成です!
ふっさふさの毛の部分もきれいに切り抜けているのが分かります。
今回の方法はPhotoshop CS5 以降に追加された新機能「境界線を調整」機能を使った方法となっております。
ぜひお試しください!
 
6206080799_7dbd03420e_bcccaaaaaaa

 

スタッフ募集のお知らせ

株式会社それからデザインでは現在、エンジニア・プログラマー、デザイナー、ディレクターを募集しています。自社サービスやクライアント企業のブランディングに関わるモノづくりの現場であなたの経験を活かしてみませんか?
ご興味のある方は、下記より募集要項をご覧ください。

生きるように働く人の仕事探しサイト「日本仕事百貨」に、当社のSE・プログラマー募集の記事が掲載されました。是非ご覧ください。