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

Photoshopでクリッピングマスクができないときの対処法|レイヤー順と透明部分を確認

Photoshopでクリッピングマスクができない

Photoshopのクリッピングマスクが効かない場合は、下に形を決めるレイヤー、上に見せたい画像という順番になっているかを確認します。

さらに、下のレイヤーに透明部分があるかが重要です。

クリッピングマスクは、下のレイヤーの不透明な部分へ上の画像を表示する機能です。

白い背景が付いた長方形の画像を下に置くと、その白い部分も表示範囲になります。

2026年10月20日に、Photoshop 2026(27.11.0)とWindows 11 Proで、文字の上の写真へのクリッピングマスクの作成、下の文字を選んで実行した場合、白い背景付きのロゴと透明の背景のロゴの違い、メニューの表示と解除を確かめました。

練習用の文書(格子の背景・太い文字・写真の代わりの絵・2種類のロゴ)はスクリプトで用意し、レイヤーの選択とメニューの操作は画面で行いました。

目次

まずは文字へ写真を入れる2層で試す

  1. 文字ツールで、太めの文字を入力する。
  2. 写真のレイヤーを、その文字レイヤーのすぐ上へ置く。
  3. 写真のレイヤーを選択する。
  4. 「レイヤー」→「クリッピングマスクを作成」を選ぶ。
  5. 写真が文字の形の中に表示されるか確認する。

レイヤーパネルで上のレイヤーが字下げされ、クリッピングの印が付くことを確認します。

文字の方を選んで上の写真へクリップする順番ではありません。

実機では、文字レイヤー「CLIP」のすぐ上に写真のレイヤーを置き、写真を選んでから[レイヤー]→[クリッピングマスクを作成]を選びました。

上は文字の上に写真が重なっているだけの画面、下はクリップ後で写真が文字CLIPの形の中だけに表示され、レイヤーパネルの写真の行が字下げされている
2026-10-20撮影。Adobe Photoshop 2026 (27.11.0)、Windows 11 Pro (10.0.26200)。上は実行前、下は写真のレイヤーを選んで[レイヤー]→[クリッピングマスクを作成]を選んだ後。

写真は文字の形の中だけに表示され、文字の外側には背景の格子が見えるようになりました。

レイヤーパネルでは写真の行が字下げされて左に矢印の印が付き、下の文字レイヤーの名前には下線が付きました。

ヒストリーに増えたのは「クリッピングマスクを作成」の1つだけです。

Altキー(Windows)またはOptionキー(macOS)を押しながら、二つのレイヤーの境界をクリックする方法もあります。

操作と表示の仕様はAdobe公式のクリッピングマスク手順を確認してください。

下の文字を選んで実行した場合

続けて、下の文字レイヤーを選んで[レイヤー]メニューを開くと、[クリッピングマスクを作成]は灰色にならず、そのまま選べました。

この文書では文字のすぐ下が背景レイヤーだったため、文字が背景にクリップされ、すでに文字にクリップしていた写真も背景を土台にした並びに入りました。

写真がカンバス全面に四角く表示され、レイヤーパネルでは写真と文字の両方が字下げされ、背景の名前に下線が付いている
2026-10-20撮影。Adobe Photoshop 2026 (27.11.0)、Windows 11 Pro (10.0.26200)。写真をクリップした後、下の文字レイヤーを選んで同じ項目を選んだ結果。文字が背景レイヤーにクリップされ、写真が全面に出た。

背景は全面が不透明なので、写真は四角いまま全面に表示され、文字の形には切り抜かれません。

メニューが選べたからといって、狙った組み合わせでクリップされたとは限らないので、実行後は字下げされた行と下線の付いた土台を確かめます。

スポンサーリンク

写真が四角いままなら、下のレイヤーを確認する

下のレイヤーが、背景まで塗られた長方形なら、その長方形全体がクリッピングの範囲になります。

白は透明ではありません。

白背景のロゴ画像を下に置いても、自動でロゴの形だけを認識するわけではないためです。

実機では、白い長方形の中に紺の丸を描いたロゴと、透明の地に同じ紺の丸だけを描いたロゴを並べ、それぞれのすぐ上に写真を置いてクリップしました。

上は白い長方形に紺の丸のロゴと透明の地に紺の丸のロゴ、下はクリップ後で左は写真が四角く、右は丸の形に表示されている
2026-10-20撮影。Adobe Photoshop 2026 (27.11.0)、Windows 11 Pro (10.0.26200)。上は写真を非表示にしてロゴだけを表示した画面、下は写真A・写真Bをそれぞれのロゴにクリップした後。

白い背景付きのロゴでは、写真が長方形全体に四角く表示され、紺の丸の部分も白い部分と区別なく写真に置き換わりました。

透明の地のロゴでは、写真は丸の形の中だけに表示されました。

文字レイヤーや、背景が透明な図形・切り抜き済みのレイヤーで試してみてください。

これで動くなら、操作ではなく元のレイヤーの透明部分に原因があると判断しやすくなります。

「白黒のマスクを描いて表示を決める」場合は、レイヤーマスクを使います。

クリッピングマスクの下のレイヤーへ黒を塗っても、黒だから非表示になるわけではありません。

上の比較でも、白い長方形の中の濃い紺の丸は、白い部分と同じく写真の表示範囲になりました。

表示範囲を決めるのは色の明るさではなく、透明かどうかです。

写真が消えた場合は、重なりと表示状態を見る

確認する場所見直す内容
下のレイヤー空のレイヤーになっていないか、表示が有効か
画像の位置表示範囲の上に画像が重なっているか
不透明度基準となるレイヤーや画像が薄くなっていないか
グループ親グループが非表示、または別のマスクで隠れていないか
他のレイヤー別の画像が手前から覆っていないか

画像を大きく移動した後は、下の形の範囲から写真が外れていないか確認します。

画像レイヤーを選んで移動し、表示範囲に重なる位置へ戻してください。

クリッピングの連続した並びを確認する

複数の画像や調整を同じ基準レイヤーへクリップする場合は、レイヤーの連続した並びが関係します。

クリッピングマスクを構成するレイヤーの間へ新しいレイヤーを作成したり、既存レイヤーを移動したりすると、そのレイヤーは自動的にクリッピングの並びに加わります。

意図せず切り抜かれた場合は、この挿入位置を確認します。

グループの外へ移した場合も、移動後の土台と並びを見直してください。

まず基準のレイヤーと写真一枚だけで動作を確認し、その後に追加のレイヤーを戻します。

複雑なPSDで原因を探すときは、作業用に複製し、最小構成で比べると分かりやすくなります。

レイヤーを追加する位置の基本はAdobe公式のレイヤーとグループ作成の説明でも確認できます。

メニューが選べないとき

上にある、クリップしたいレイヤーを選んでいるか確認します。

レイヤーが一枚しかない場合や、選択対象が想定と違う場合は、まず通常の文字レイヤーと画像レイヤーを用意して操作します。

また、すでにクリッピングされている場合は、メニューが「解除」になります。

操作できないのではなく、現在の状態が違う可能性があるので、字下げやアイコンも見てください。

実機でも、写真をクリップした後に写真を選んで[レイヤー]メニューを開くと、同じ位置の項目が[クリッピングマスクを解除]に変わっていました。

レイヤーメニューの同じ位置の項目が、クリップ前はクリッピングマスクを作成、クリップ後はクリッピングマスクを解除になっている
2026-10-20撮影。Adobe Photoshop 2026 (27.11.0)、Windows 11 Pro (10.0.26200)。写真のレイヤーを選んで開いた[レイヤー]メニューの一部。左はクリップする前、右はクリップした後。

メニューに表示されたショートカットは、作成・解除ともAlt+Ctrl+Gでした。

問題を解決するためだけに、文字やスマートオブジェクトをすぐラスタライズする必要はありません。

編集可能な状態を残し、まず選択と並びを確認しましょう。

模様を図形やテンプレートへ入れる例

下に図形、上にパターン塗りつぶしレイヤーを置いてクリップすると、図形の中だけに模様を表示できます。

模様の拡大率や角度を後から変えたい場合にも使いやすい構成です。

Adobeのテンプレートへパターンを適用する手順では、パターン塗りつぶしとクリッピングの組み合わせが説明されています。

テンプレートによって対象のレイヤーが異なるため、指定されたレイヤー構成に合わせてください。

解除して比較し、保存前に見え方を確認する

クリップされたレイヤーを選び、「レイヤー」→「クリッピングマスクを解除」で前後の状態を比較できます。

このメニューで解除すると、選択したレイヤーと、それより上にある同じクリッピングマスク内のレイヤーが解除されます。

土台のすぐ上にある最初のクリップ済みレイヤーで実行すると、そのクリッピングマスク全体が解除されるため、比較後は必要な構成へ戻してください。

実機では、文字と写真の両方が背景にクリップされた状態で、下側の文字レイヤーを選んで解除しました。

文字だけでなく、上の写真のクリップも同時に外れ、3つとも普通のレイヤーに戻りました。

最後に画像の位置、文字や図形の輪郭、親グループのマスクを確認し、PSDで保存します。

書き出し後の画像も開き、透明部分や表示範囲が意図どおりかを確かめてください。

スポンサーリンク

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

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

クリップの有無とヒストリーは、操作の後にスクリプトで読み取って照合しました。

  • Altキーを押しながら2つのレイヤーの境界をクリックする方法
  • 写真を大きく動かして形の範囲から外した場合の表示
  • 表に挙げた不透明度・親グループ・非表示の組み合わせ
  • パターン塗りつぶしレイヤーのクリップとテンプレートの手順
  • メニューが灰色になる条件、Mac版

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

ほかの症状はPhotoshopのエラー一覧で、症状別に先に確かめることをまとめています。

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

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

Photoshopのおすすめ書籍

動作要件とPCの確認項目

周辺機器の優先度

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