Photoshopのマスク機能 レイヤーマスクとクリッピングマスクを解説

Photoshopのマスクを使うべき理由

直接編集せずにマスクを使う理由は3つ

マスク機能はオリジナルの写真に影響を与えない「非破壊編集」になっています。

消しゴムツールで画像を直接消した場合は、取り消しやヒストリーで戻せる範囲に限り修正できます。保存しただけで履歴が消えるわけではありませんが、ファイルを閉じて開き直すと前回の編集履歴は戻せません。

しかしマスク機能は切り抜いたり消しているわけじゃなく隠して非表示にしているだけなのですぐに元通りにすることが可能。

Photoshopを使いこなす上で必須となるマスク機能について詳しく解説していきます。

Photoshopの購入前に料金を比較したい方は、Photoshopの料金プランと購入方法をご覧ください。

Photoshopのマスクと選択範囲を扱う機能

最低限覚えておくべきは「レイヤーマスク」と「クリッピングマスク」
下の「ベクトルマスク」と「クイックマスクモード」はとりあえず概要だけ覚えておけばOK

レイヤーマスクとクリッピングマスクは多用する機能なのでしっかり理解し、使い分けできるようにしておきましょう。

まずは各機能の違いを確認し、レイヤーマスクとクリッピングマスクの使い方を解説します。

レイヤーマスクとは

Photoshopのレイヤーマスクは「マスク」の文字通り、覆いかぶせて隠すものです。よく「マスクで切り抜く」と表現されますが、厳密に言うと切り抜くのではなく隠すですね。

マスク機能ではこのように黒い部分が隠されて透明になり、白い部分だけが表示されます。

クリッピングマスクとは

クリッピングマスクは、下にある土台レイヤーの不透明な部分に、上のレイヤーの表示範囲を合わせる機能です。

文字や図形を土台にして写真をその形で表示したり、調整レイヤーの補正を特定のレイヤーに限定したりできます。

上のレイヤーに描いた色や写真は、土台レイヤーの透明な部分には表示されません。

この特性を活かして下記のようなシチュエーションで使用されます。

ベクトルマスクとは

ベクトルマスクは、パスで表示範囲の境界を決めるマスクです。マスクの輪郭を拡大しても、写真自体の画素数が増えるわけではありません。

ペンツールなどで作成したパスを使うため、ロゴや製品のような輪郭を後から修正しやすいのが特徴です。境界のぼかしも設定できますが、ブラシで濃淡を描くレイヤーマスクとは仕組みが異なります。

ベクトルマスクはラスタライズすることでレイヤーマスクに変換することもできます。

そもそもベクトル（ベクター形式）ってなに？っていう人はベクターの基礎知識をご覧ください。

クイックマスクモードとは

クイックマスクモードは、選択範囲を色付きの表示に切り替えてブラシで調整する機能です。初期設定では赤い部分が選択範囲外、赤くない部分が選択範囲を示します。

レイヤーに残すマスクではなく、一時的に選択範囲を編集するモードです。表示色や、色を付ける側はオプションで変更できます。

クイックマスクモードの使用はツールバー左下にあるボタンを押すだけ。ブラシツールで選択範囲を自由に微調整することが可能です。

Photoshopのレイヤーマスクの使い方

レイヤーマスクを使うと黒い部分が非表示になり白い部分だけが表示されます。

上図のようにマスクをかけると人物の部分だけが表示され、それ以外の部分は非表示（透明）として扱われるのが特徴です。

レイヤーマスクの作成方法

レイヤーマスクは下記の手順で作成可能です。

人物を切り抜く場合は【被写体を選択】で選択範囲を作成してからマスクを追加します。髪の毛や背景との境界に残りがある場合は、【選択とマスク】やブラシで調整します。

自動で範囲選択を指定して切り抜く方法に関しては下記の記事をご覧ください。

選択範囲を指定したあとでレイヤーパネルのマスクボタンをクリックしてもOK

一部分だけ見せたいときは、黒いマスクから始める

画像の大部分を隠したい場合は、最初から黒いマスクを作り、見せたい部分だけ白く塗ると手間を減らせます。

1. 選択範囲がない状態で対象レイヤーを選択
2. WindowsはAlt、MacはOptionを押しながら【レイヤーマスクを追加】をクリック
3. マスクのサムネイルを選び、見せたい部分を白いブラシで描画

黒く塗ると再び隠せます。選択範囲がある状態では、通常のクリックで選択範囲を表示し、Alt／Optionを押しながらクリックすると選択範囲を隠します。

レイヤーマスクは画像に手を加えない非破壊編集

レイヤーマスクによるグラデーション表現

Photoshop CCのレイヤーマスクは無彩色(グレースケール)で作られており、下記のように無彩色の明度で不透明度を変えることが可能。

マスクは白と黒のブラシで調整可能

レイヤーパネルでマスクのサムネイルをクリックし、枠が付いた状態でブラシを使います。画像のサムネイルではなく、マスク側を選択してください。

黒のブラシで描けばそのエリアが非表示になり、白のブラシで描けば表示範囲になります。

後からマスクしたい部分を直感的に編集できるのは便利ですね。

レイヤーマスクのデメリット

レイヤーマスクを残したPSDは、画像を統合したファイルより容量が大きくなりやすい点に注意が必要です。

マスクで隠した画像データとマスク自体の情報を保持するためです。

PSDファイルでやり取りする際もマスク状態だと編集可能で便利なんですがファイルサイズは大きくなるので注意。

レイヤーマスクを作成できない場合

レイヤーマスクを作成できない時によくある原因は下記の3つ

画面上では指定しているように見えていても範囲選択したレイヤーと別のレイヤーを選択している場合や、複数レイヤーを選択している場合があります。

鍵マークがある場合は、ロックの種類を確認してください。【すべてをロック】が有効なら、解除してから追加します。

マスク形状を選択範囲化

レイヤーマスクを選択範囲として追加したい場合に便利な方法をご紹介。

Ctrlを押しながらマスクエリアをクリックするだけでマスク形状の選択範囲が作成されます。
（Macの場合は⌘押しながらクリック）

レイヤーマスクのコピー方法

マスクを確認・修正するときの便利な操作

白黒のマスクだけを見たり、一時的に無効にしたりすると、塗り残しや補正範囲を確認できます。操作する前に、対象のマスクのサムネイルを選択してください。

操作	Windows	Mac
マスクだけを白黒表示／通常表示へ戻す	Alt＋マスクのサムネイルをクリック	Option＋マスクのサムネイルをクリック
マスクを一時的に無効／再び有効にする	Shift＋マスクのサムネイルをクリック	Shift＋マスクのサムネイルをクリック
マスクの白黒を反転	Ctrl＋I	Command＋I
描画色と背景色を入れ替え	X	X

画像とマスクの間にある鎖アイコンを外すと、両者を別々に移動できます。動かしたい側のサムネイルを選び、調整後は再びリンクすると位置関係を保てます。

【レイヤーマスクを削除】はマスクを外す操作です。画像レイヤーで【レイヤーマスクを適用】すると現在の見え方が確定し、隠していた画素は削除されます。後から切り抜きを直す画像は、マスクを残したPSDで保存してください。

ブラシで塗ってもマスクが変わらないとき

塗った結果が表示に反映されないときは、次の項目を確認してください。

レイヤーマスクの調整と応用

切り抜いた後は、境界の柔らかさや補正範囲を調整できます。ここでは同じ素材の比較を使って、設定ごとの違いを見ていきます。

ぼかしでマスクの境界をなじませる

マスクのサムネイルを選び、【プロパティ】の【ぼかし】を上げると境界が柔らかくなります。写真全体をぼかすのではなく、表示と非表示の境目をなじませる設定です。

掲載例は、写真の上に置いた黒いレイヤーで周辺を暗くし、中央を楕円のマスクで隠しています。ぼかしを加えると楕円の境界が目立たなくなり、中央から周辺へ自然につながります。

比較は1200×1200pxの画像、黒いレイヤーの不透明度55%で、マスクのぼかしだけを0pxから90pxに変更しています。90pxは作例の値なので、画像の大きさや輪郭に合わせて調整してください。

マスクの濃度とレイヤーの不透明度の違い

マスクの濃度を下げると、隠している部分が見える状態に近づきます。不透明度を下げると、レイヤー全体の表示や補正が弱まります。人物を保護して背景の彩度を下げた例で比較します。

【色相・彩度】調整レイヤーの彩度を−100にし、人物を黒、背景を白のマスクにしています。濃度100%では人物の色を保ち、背景だけがモノクロになります。

補正する場所を変えずに効果だけを弱めたいときは、不透明度を調整します。マスクで隠した部分を少し戻したいときは、濃度を調整してください。

グループのマスクで切り抜きとフェードを分ける

人物の切り抜きマスクに直接グラデーションを描くと、残しておきたい輪郭も変わってしまいます。切り抜きは写真レイヤー、フェードはグループのマスクに分けると、別々に修正できます。

写真レイヤーをグループに入れ、外側にもマスクを追加します。写真レイヤーのマスクで背景を隠したうえで、グループのマスクで下半分をさらに隠す構造です。

1. 人物をレイヤーマスクで切り抜き
2. 写真レイヤーを選び、Ctrl＋G（MacはCommand＋G）でグループ化
3. グループを選択し、レイヤーマスクを追加
4. グループのマスクに白から黒へのグラデーションを作成

グループのマスクだけをShift＋クリックで無効にすると、フェードで隠した下半分が戻ります。写真レイヤーのマスクは残るため、切り抜いた背景は戻りません。

輪郭を直さずにフェードの位置を変えたい場合や、複数のレイヤーを共通の範囲で隠したい場合に使えます。

Photoshopのクリッピングマスクの使い方

クリッピングマスクでは、土台レイヤーの不透明な部分だけに、上のレイヤーの内容を表示できます。

下絵の上に別レイヤーを作ってクリッピングすれば、下絵の外へはみ出さずにブラシで色を塗れます。

クリッピングマスクについて詳しく解説していきますね。

クリッピングマスクの作成方法 4つ

クリッピングマスクを作成する方法は下記の4つの方法どれを使用してもOKです。

ショートカットを覚えておけばレイヤーを選択してショートカットキーを押すだけなので作業効率UP！

クリッピングマスクの解除方法

クリッピングマスクの解除方法は作成方法とほぼ同じ。

上記3つ、どの方法を選んでもOK

クリッピングマスクはレイヤーの並べ替えに注意

レイヤーパネルで重なり順を変え、クリッピングのまとまりからレイヤーを外すと、クリッピングが解除されます。キャンバス上で写真の位置を動かす操作とは異なります。

重なり順を変える場合は、土台とクリッピング中のレイヤーをまとめて選択し、関係を保ったまま並べ替えます。

写真を文字の型でかんたんに切り抜ける

写真の下にテキストを配置し、クリッピングマスクにすることでかんたんに写真をテキストで切り抜くことができます。

下記の記事でも写真切り抜きの文字装飾方法について詳しく解説していますのであわせてご覧ください。

Photoshopを使うならマスクは絶対に使いこなそう

人物などの切り抜きに利用される「レイヤーマスク」

クリップしたレイヤーエリア以外を非表示にする「クリッピングマスク」

どちらも頻繁に利用する機能なので絶対に覚えておいてくださいね。

非破壊編集を積極的に使おう

マスクを残しておけば、元画像を消さずに表示範囲を調整できます。

Photoshopでは直接加工を行わずに済む方法を選ぶのが基本。

マスク機能を積極的に使って作業効率をアップさせていきましょう。

他にも押さえておきたい非破壊編集の方法があります

Photoshopの料金プラン

Photoshopが使えるプランは「フォトプラン」「Photoshop単体プラン」「Creative Cloudプラン」などがあります。

Photoshop以外に使いたいアプリ、ストレージ容量、生成クレジット数、契約期間から自分に合うプランを選びましょう。

Phtooshopしか使わない場合はフォトプランが最安です。