Amazon11/12まで!スマイルSale開催中!セール会場へ

Photoshopのレイヤーマスクの使い方|白黒で隠す・戻す・境界を調整する

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

Photoshopのレイヤーマスクは、画像そのものを削除せず、見せる部分と隠す部分を決める機能です。

黒で隠し、白で戻せるので、切り抜きや合成を後から修正しやすくなります。

うまく塗れない場合は、画像のサムネイルとマスクのサムネイルのどちらを選んでいるかを確認します。

まずは単純な画像で、白・黒・グレーの違いを覚えましょう。

2026年10月20日に、Photoshop 2026(27.11.0)とWindows 11 Proで、マスクの追加、黒・グレー・白での塗り分け、画像のサムネイルを選んだまま塗った場合、選択範囲からのマスクを確かめました。

練習用の画像は、橙の写真の代わりの絵を、水色の格子の背景に重ねたものです。

写真と背景の重ね合わせ・ブラシの直径80pxはスクリプトで用意し、ボタン・ブラシ・キーの操作は画面で行いました。

目次

白は表示、黒は非表示、グレーは半透明

マスクの色レイヤーの見え方使い方
白表示する残したい部分、隠した部分を戻す
黒隠す不要な背景を見えなくする
グレー部分的に透明にする薄く重ねる、なだらかにつなぐ

この白黒は、画像を白黒に塗る色ではなく、表示量を指定するための情報です。

黒く塗ったのに写真へ黒い線が描かれたら、マスクではなく画像本体を編集している可能性があります。

スポンサーリンク

レイヤーマスクを追加する

  1. 作業ファイルをPSDなど編集可能な形式で保存する。
  2. レイヤーパネルでマスクを付けるレイヤーを選ぶ。
  3. 全体を表示した状態で始めるなら、選択範囲を解除する。
  4. レイヤーパネル下部のレイヤーマスク追加ボタンを押す。
  5. 画像の横に、マスクのサムネイルが追加されたことを確認する。

ボタンは、レイヤーパネルの一番下に並ぶアイコンのうち、「fx」の右隣にある四角に丸の形のものです。

マウスを乗せると「レイヤーマスク」という説明の吹き出しが出ました。

レイヤーパネルの追加前と追加後。追加後は写真のサムネイルの右に白いマスクのサムネイルが付き、白い枠で選ばれている
2026-10-20撮影。Adobe Photoshop 2026 (27.11.0)、Windows 11 Pro (10.0.26200)。左は追加前、右はレイヤーパネル下部の[レイヤーマスクを追加]を押した直後のレイヤーパネル。

押した直後は、写真のサムネイルの右に白いマスクのサムネイルが付き、マスク側が白い枠で選ばれた状態になりました。

マスクがすべて白なので、カンバスの見た目は押す前と変わりません。

文書の題名の表示も「写真, RGB/8#」から「写真, レイヤーマスク/8」に変わるので、どちらを選んでいるかの目印になります。

選択範囲がある場合は、その選択を基にマスクを作れます。

例えば被写体を選択してから追加すると、選択部分を残す切り抜きの出発点になります。

追加方法はAdobe公式のレイヤーマスク解説を参照してください。

実機では、長方形選択ツールで丸の周りを四角く囲んでから同じボタンを押しました。

長方形の選択範囲の中だけ写真が残り、外側は背景の水色の格子が見えている。マスクのサムネイルは黒地に白い四角
2026-10-20撮影。Adobe Photoshop 2026 (27.11.0)、Windows 11 Pro (10.0.26200)。丸の周りを長方形選択ツールで囲んでから[レイヤーマスクを追加]を押した結果。

選んだ四角の中だけ写真が残り、外側は背景の水色が見える状態になりました。

マスクのサムネイルも、黒地に白い四角が入った形になっています。

予想外の部分だけが表示されたときは、マスクを作る前に選択範囲が残っていなかったか確認します。

慌てて画像を削除せず、マスクの状態を見て修正しましょう。

マスクを選んで黒いブラシで隠す

レイヤーパネルで、画像ではなくマスクのサムネイルをクリックします。

選択枠がマスク側にあることを確認し、ブラシツールで黒く塗ります。

最初はブラシの不透明度を100%にし、効果が分かりやすい場所で試します。

隠しすぎた部分は白へ切り替えて塗り戻します。

Xキーで描画色と背景色を交換できるため、白黒を行き来する操作に便利です。

実機で黒・グレー・白を塗った結果

マスクのサムネイルを選んだ状態でDキーを押すと、描画色が白・背景色が黒になりました。

続けてXキーを押すと描画色が黒になり、そのまま塗れます。

ブラシは直径80px・硬さ0%・流量100%で、不透明度は数字キーの5で50%、0で100%に切り替えました。

マスクに黒100%で塗った上の帯は背景の格子が見え、白で縦に塗り戻した所だけ橙が戻り、黒50%で塗った下の帯は半透明になっている
2026-10-20撮影。Adobe Photoshop 2026 (27.11.0)、Windows 11 Pro (10.0.26200)。マスクのサムネイルを選び、直径80px・硬さ0%のブラシで、上の帯を黒100%、下の帯を黒50%で塗り、上の帯の一部を白で塗り戻した結果。

不透明度100%の黒で塗った帯では写真が消え、背景の格子が見えました。

画面の色から計算すると、帯の中央で写真が見えている割合は約1%です。

不透明度50%の黒で塗った帯は半透明になり、写真の見える割合は約51%でした。

白に切り替えて上の帯を縦に塗った所だけ、写真が約97%まで戻りました。

硬さ0%のブラシなので、どの帯も縁がなだらかにぼけています。

画像のサムネイルを選んだまま塗ると

次に、写真のサムネイルを1回押して画像側を選びました。

このとき描画色と背景色は、マスクを選ぶ前に使っていた色(この機では濃い灰色と白)に戻りました。

Dキーで描画色を黒にして同じように塗ると、黒い線が写真そのものに描かれました。

写真の上に黒い線が描かれ、レイヤーパネルの写真のサムネイルにも黒い線が入っている
2026-10-20撮影。Adobe Photoshop 2026 (27.11.0)、Windows 11 Pro (10.0.26200)。写真のサムネイルを選んだまま黒で塗った結果。マスクではなく画像そのものに描かれた。

写真のサムネイルにも黒い線が入り、マスクのサムネイルは変わっていません。

題名の表示は「写真, RGB/8#」、プロパティパネルの見出しは「ピクセルレイヤー」になります。

塗る前に、題名に「レイヤーマスク」と出ているかを見ると間違えにくくなります。

Adobeの既存マスクの編集手順でも、サムネイルの選択枠と白黒の使い分けが案内されています。

境界をなじませたい場合

柔らかいブラシを使うと、塗った部分の境界がなだらかになります。

写真を別の背景へ重ねる場合など、境界を少しずつなじませたい場面で使えます。

ただし、商品や建物の輪郭まで大きくぼかすと、不自然な縁ができます。

硬い輪郭は硬いブラシや選択範囲を使い、髪や半透明の部分は別に調整すると、全体を一律にぼかすより形を保ちやすくなります。

一回で仕上げようとせず、背景を明るい色と暗い色へ切り替えて境界を確認してください。

白い縁や暗い縁が一方の背景でだけ目立つことがあります。

塗っても変化がないときの確認順

  • マスクのサムネイルを選んでいるか。また、マスク自体が無効になっていないか。無効なら[レイヤー]→[レイヤーマスク]→[有効]で戻す。
  • 表示したいレイヤー自体が非表示になっていないか。
  • 白い部分へ白、黒い部分へ黒を塗っていないか。
  • ブラシの不透明度や流量が低すぎないか。
  • 選択範囲が残り、塗れる場所が制限されていないか。
  • 上のレイヤーが覆っていて、変化が見えないだけではないか。

原因を確かめるときは、まず対象レイヤーだけが見える単純な状態で比較します。

マスクを削除する前に、どのレイヤーが表示結果へ影響しているかを確認しましょう。

Adobe公式の有効・無効の切り替え手順では、Shiftキーを押しながらマスクのサムネイルをクリックする方法も案内されています。

この切り替えはマスクを削除せずに効果を比較するために使えます。

画像とマスクを別々に動かすとき

画像とマスクの間にあるリンクは、移動などを連動させるための設定です。

リンクを解除し、画像側を選んで動かすと、マスクの形を残したまま画像の見える位置を調整できます。

一方、マスク側を選んで動かすと、表示範囲の位置が変わります。

リンクの状態と選択中のサムネイルを確認してから動かしてください。

詳しい違いは反転マスクとリンク状態の解説でも扱っています。

クリッピングマスクとの違い

レイヤーマスクは、そのレイヤーに白黒の表示情報を持たせます。

クリッピングマスクは、下のレイヤーの不透明な部分を基準に上のレイヤーを見せます。

人物の背景を細かく隠したいならレイヤーマスク、文字の中へ写真を入れたいならクリッピングマスク、という使い分けが出発点です。

目的に合わせて選べば、無理に一つの機能で作り込む必要はありません。

後から直せる形式で保存する

PSDなどでレイヤーとマスクを保持し、提出用の画像は別途書き出します。

透明部分を残す必要がある場合は、透明度を扱える形式を選び、書き出したファイルを開いて確認してください。

消しゴムで画素を消す処理やマスクの適用を急がず、修正が続く間はマスクを残しておくと、隠した部分を後から戻せます。

最終的な合成画像だけでなく、編集可能な元ファイルも管理しましょう。

スポンサーリンク

確かめた環境と確かめていないこと

2026年10月20日、Photoshop 2026(27.11.0)、Windows 11 Pro(10.0.26200)で、マウスで操作して確かめました。

写真の見える割合は、100%表示の画面の色から計算した値です。

  • [選択とマスク]での境界の調整
  • リンクを外して画像とマスクを別々に動かす操作
  • クリッピングマスクとの比べ方
  • ペンタブレットの筆圧を使ったブラシ
  • 硬さ100%のブラシ、Mac版、書き出した画像の透明部分

上の項目は、今回の実機の確認に含めていません。

次に学ぶ・作業環境を選ぶ

学習を続けたい方や、作業環境を整えたい方は、目的に合うガイドをご覧ください。

Photoshopのおすすめ書籍

動作要件とPCの確認項目

周辺機器の優先度

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次