Photoshop 画像の切り抜き 覚書

##Photoshopでの画像の切り抜き（マスク）に関して
被写体を選択し切り抜きを行ったり、特定の形状のマスクを作成するいくつかの方法を記載する。ここでは以下の3種類のマスクについてまとめる。

1. レイヤーマスク
1. ベクトルマスク
1. クリッピングマスク

##1.レイヤーマスクでの切り抜き

元画像自体は非破壊で情報を残したまま、画像にマスクをかけて被写体を抽出する。
![lmask1.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/7a6ecbeb-3a6a-a886-20a9-fbde5af74bee.jpeg)
▲元画像

![lmask2.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/03ccf719-1dac-308d-1958-918e9d30b451.jpeg)
▲被写体を囲むように選択範囲を作成

![lmask3.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/791971cc-ee98-7a52-c581-8e36dff28c70.jpeg)
▲「レイヤーマスクを追加」でマスク作成
適用したレイヤーの右側に白黒のサムネイルが追加されているが、これの白い部分が切り出しする部分、黒い部分が非表示で隠す部分である。黒い部分が隠されているだけなので、元の画像情報は残っている。

![lmask4.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/414a9a58-644c-c59c-c632-add592c92c6b.jpeg)
▲翼の片方全体を真っ黒のブラシで書き込んだ状態。
この白黒のサムネイルを選択した状態で、白や黒のブラシで書き込んでみると、マスク範囲が簡単に調整できる。

![lmask5.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/79ba1dd1-afb5-dce0-0558-5a4db0bdb33d.jpeg)
▲レイヤーマスクを黒から白のグラデーションにしたもの。中間のグレー部分がその濃淡によって次第に透明になっている。

###「選択とマスク」
被写体を選択する作業を行う際は、選択範囲作成とマスク作成に特化した「選択とマスク」を起動して行うと効率が良い。
メニューの「選択範囲 ＞ 選択をマスク」、ショートカットキーではcommand+option+Rで起動できる。

![tool.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/abc3ae18-f775-0895-7ae1-9ad91eae51ef.jpeg)
▲上から「クイック選択ツール」「境界線調整ブラシツール」「ブラシツール」「オブジェクト選択ツール」「なげなわツール」「手のひらツール」「ズームツール」

基本的なブラシ系ツールは以下の通り（カッコ内はショートカットキー）

####クイック選択ツール（W）
クリックやドラッグなどでおおまかに選択する際に使用するツール。
![dog1.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/263b1f99-bd64-e3f8-8287-5a5caad8fd6a.gif)

####境界線調整ブラシツール（R）
髪の毛などの複雑な境界線を調整する際に使用するツール。
![dog2.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/331112bd-c7f8-844b-e564-36f86713c0ca.gif)

####ブラシツール（B）
クリックやドラッグした箇所がそのまま選択されるツール。
![dog3.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/db201590-6911-4771-b3e2-9febb85992cf.gif)

これらのツールを使用し、背景に空が映りこんでいる犬の写真から被写体の犬だけをきれいに切り抜くことができた。
![dog4.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/889d0a07-e188-f5d6-d163-31d66c3a222f.gif)

![dog5.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/7beb58bc-648a-bf73-1e30-2980192f7a58.gif)
プラスマーク選択時は範囲が追加、マイナスマーク選択時は範囲が削除される。
通常の範囲選択時はプラスを使用し、余分に選択された部分を削る際にマイナスを使用する。
なお、プラス側を使用時にoptionキーを押しながらクリックやドラッグすると、optionキーを押している間だけマイナスと同じ効果に変化する。


##2.ベクトルマスクでの切り抜き
形状が単純でかつ境界線もはっきりしているものに関して有効な方法。

![vmask1.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/7a6e4fce-61ed-ea7a-7665-3ffa98fe6819.jpeg)
ペンツール（P）に切り替え、左上のオプションで「パス」を選択。

![vmask2.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/a63aa4a7-c7cb-11d4-44c3-3a8ee17c5c1a.jpeg)
切り抜き対象の縁に沿ってクリック／ドラッグしていき一周させる。

![vmask3.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/6a9892e9-90e8-d718-49c6-d4f2222d9688.jpeg)
「レイヤー > ベクトルマスク > 現在のパス」を選択

![vmask4.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/179f5008-303a-1059-7a38-ed27f10181fe.jpeg)

##3.クリッピングマスク
一つ下のレイヤーの透明度情報を使ったマスク。要は、一つ下のレイヤーの形状でそのレイヤーがくり抜かれる。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/76a1c44b-386d-dd65-c32b-39298eb91940.jpeg" width="320"> <img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/6f6f9de8-02ec-400b-2a3f-d7d344e0e664.jpeg" width="320">
くり抜きたいレイヤーの下にマスクに使用する形状のレイヤーを置く。
上画像では家の画像の下に星型の図形を置いている。
![vmask7.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/27c46cd1-8a77-f30c-f12c-20a482dfb537.jpeg)
レイヤーパネル上で、そのレイヤーとの境界部分をoption+クリックする。
上画像では家の画像が背面の星型にくり抜かれた。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/f8ab21e7-f26c-5e0e-e5a6-38c467629960.jpeg" width="320"> <img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666382/a3e06b60-543a-3ead-33cf-97a44db5642b.jpeg" width="320">
マスクに使用するレイヤーは非表示にはならず残っているので、くり抜いたレイヤー側を半透明にしたりブレンドモードを変更したりすれば元のマスクレイヤーが見える。
これを利用して、レイヤーに影やハイライトを描き込むということが可能。
上画像では、ブラシで影をざっくりと塗った半透明のレイヤーに対し、背面の水色の球体のレイヤーでクリッピングマスクを適用している。球体より外にはみ出している影色が非表示になった。

以上、画像の切り抜きの際に有用なマスク「レイヤーマスク」「ベクトルマスク」ならびに「クリッピングマスク」についてまとめた。