レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く

Photoshopでレイヤーマスクを利用して画像をマスクする(画像を切り抜く)手順を紹介します。

手順1

画像を開きます。画像がインデックスカラーになっている場合は、[イメージ]メニューの[モード]から[RGBカラー]を選択し、RGBカラーに変更します。(グレースケールや CMYKモードでも構いません。)
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像1

レイヤーウィンドウの下部のツールバーの左から3番目の[マスクを追加]ボタンをクリックして、レイヤーマスクを追加します。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像2

または、[レイヤー]メニューの[レイヤーマスク]の[すべての領域を表示]メニューを選択します。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像3

レイヤーマスクが作成されるとレイヤーウィンドウが下図の状態になります。レイヤーのプレビューの右隣にレイヤーマスクのプレビューが表示されます。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像4


レイヤーマスクを描画対象として選択します。レイヤーの画像が描画対象として選択されている場合は下図左のレイヤー画像のプレビューに白枠がついています。レイヤーマスクのプレビュー画像を選択し、下図右のレイヤーマスクのプレビュー画像に白枠が表示されている状態にします。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像5 レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像6

レイヤーマスクへ描画をします。[楕円選択ツール]で円形の選択領域を作成します。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像7

[選択範囲]メニューの[選択範囲の反転]を選択し、連宅領域を反転します。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像8

選択領域が反転できました。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像9

描画カラーを黒にします。(レイヤーマスクが描画対象として選択されている場合は、彩度のある色を選択しても、グレースケールカラーで選択色が設定されます。)
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像10

[編集]メニューの[塗りつぶし]を選択します。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像11

[塗りつぶし]ダイアログが表示されます。[内容]セクションの[使用]コンボボックスの値を"描画色"に設定します。[合成]はデフォルトのパラメーター(描画モード:通常、不透明度:100%)とします。設定ができたら[OK]ボタンを押します。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像12

選択部分である画像の外側部分のレイヤーマスクを黒で塗りつぶしました。レイヤーマスクを黒で塗りつぶすと透明度100%として処理されるため、背景が投下していることがわかります。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像13

下に別のレイヤー画像を配置した場合の表示例です。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像14

手順2 (星形に切り抜く)

切り抜かれる画像とは別にレイヤーを作成し、切り抜く形を描画します。今回は、[多角形ツール]で星形を描画しました。範囲が選択できればよいため、色は特に決めなくてもよいです。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像15

[Ctrl]キーを押しながら、レイヤーウィンドウの星形を描画したレイヤーをクリックします。描画した星形部分が範囲選択されます。もしくは、[自動選択ツール]で星形の内部をクリックしてもよいです。または、後述する[選択範囲]メニューの[選択範囲を読み込む]でも可能です。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像16

レイヤーウィンドウで切り抜かれる画像のレイヤーを選択します。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像17

レイヤーウィンドウ下部のツールバーの左から3番目の[レイヤーマスクを追加]ボタンを押します。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像18

選択範囲がある場合は、選択範囲を白で選択範囲外を黒で塗りつぶしたレイヤーマスクが新規作成されます。すぐにレイヤーの画像が切り抜かれて表示されます。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像19

下のレイヤーに別の画像を表示させた状態の表示例です。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像20

選択範囲の読み込み方法

先に紹介した選択範囲の読み込み方法ですが、[Ctrl]キーを押しながら、レイヤーウィンドウの星形を描画したレイヤーをクリックする以外に、[選択範囲]メニューの[選択範囲を読み込む]でも同様の操作ができます。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像21

[選択範囲]メニューの[選択範囲を読み込む]を選択すると下図のダイアログボックスが表示されます。読み込むチャネルと選択範囲を指定すると、選択範囲を作成できます。
レイヤーマスクを利用する - レイヤーマスクを用いて画像を切り抜く:画像22

レイヤーマスクを使って画像を切り抜くことができました。

AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2014-06-13