PCゲーマーのWebデザイン備忘録

PCゲーマーのWebデザイン備忘録。東京都内でWEBデザイナーとして働いています。Webデザインやゲームに関することをブログに書いていきます

【Photoshop】 選択範囲

Photoshopの選択範囲を利用して、画像を切り抜くことができます。
です。長方形ツールや楕円ツールのほかにも、特定のオブジェクトを切り抜くのに最適なツールがあります。

 

自動選択ツール

自動選択ツールは似たような色を選択範囲にしてくれます。数クリックで済みますが、オブジェクトと背景の境界がはっきりしているものでなければ、選択が難しくなります。

f:id:game-web-design:20140930172719p:plain
1クリックでこれができます。

 

選択範囲の反転

Ctrl+Iで選択範囲を反転させることができます。

f:id:game-web-design:20140930172731p:plain

 

クイック選択ツール

自動選択ツールと似ていますが、ブラシツールで描くように似たような色を選択することができます。

f:id:game-web-design:20140930173247p:plain

 

マグネーットツール

境界線になるところを選択することができます。少し扱いが難しい。一つ前のアンカーはDelキーで消すことができます。

f:id:game-web-design:20140930173854p:plain


 

クイックマスク

ツールバーの下から2番目の「クイックマスク編集モード」を使用すると、下のようにピンク色で選択範囲が表示されます。マグネットツールで選択しきれなかった場所などを修正するのに役に立ちます。

f:id:game-web-design:20140930174329p:plain

 

色域指定

「選択範囲」から「色域指定」で、選択した色をすべて選択範囲にすることができます。プラスのついたスポイトツールを使えば、複数の色を選択可能です。

f:id:game-web-design:20140930175016p:plain

 

境界線を調整

自動選択ツールで選択した後より正確に選択をするために、「選択範囲」から「境界線を調整」で、境界線を修正することができます。

f:id:game-web-design:20140930175805p:plain
上のように境界線をなぞるだけ

f:id:game-web-design:20140930175858p:plain

 

パスツール

Illustratorでおなじみのパスツールで選択範囲を作ることができます。
f:id:game-web-design:20140930180915p:plain

パスツールでパスを作った後で、レイヤータブからパスタブに移動し、サムネイルをCtlr+クリックで選択範囲になります。

さらに、クリッピングパスを使えば、いつでもその選択範囲を呼び出すことが可能です。