このチュートリアルでは、Photoshopでクリッピングマスクを使用して表示および表示する方法を示します。レイヤーのさまざまな部分を非表示にして、画像をシェイプに合わせます。クリッピングマスクの作成方法の基本を学び、その背後にある考え方を詳しく調べて、このレッスンの終わりまでに、クリッピングマスクがどのように機能するかをしっかりと把握できるようにします。 Photoshop CCを使用しますが、すべてがPhotoshopCS6以前と完全に互換性があります。始めましょう！
クリッピングマスクとは何ですか？
Photoshopのクリッピングマスクは、レイヤーの可視性を制御するための強力な方法です。その意味で、クリッピングマスクはレイヤーマスク。ただし、最終結果は同じように見えますが、クリッピングマスクとレイヤーマスクは大きく異なります。レイヤーマスクは、白黒を使用してレイヤーのさまざまな部分を表示および非表示にします。ただし、クリッピングマスクは、1つのコンテンツと透明度を使用します。別のレイヤーの可視性を制御するレイヤー。
クリッピングマスクを作成するには、2つのレイヤーが必要です。下部のレイヤーは、その上のレイヤーの可視性を制御します。つまり、最下部のレイヤーがマスクです。 、およびその上のレイヤーは、マスクにクリップされたレイヤーです。
最下層に実際のコンテンツ（ピクセル、形状、またはタイプ）が含まれている場合、その上の層のコンテンツが表示されます。ただし、下部のレイヤーのいずれかの部分が透明である場合、その上のレイヤーの同じ領域は非表示になります。レイヤーマスクの仕組みよりも紛らわしいように聞こえるかもしれませんが、クリッピングマスクは同じように使いやすいです。クリッピングマスクを自分で作成して、その仕組みをよりよく理解できるようにしましょう。
このチュートリアルを印刷可能なPDFとしてダウンロードしてください！
クリッピングマスクの仕組み
クリッピングマスクを実際に理解するには、まずレイヤーのコンテンツと透明度の違いを理解する必要があります。私と一緒にフォローするには、任意の画像を開くことができます。ここで私の小さな友達の写真を使用します。 「また、彼女自身の方法で、このクリッピングが何であるかを理解しようとしています（Adobe Stockからの写真）：
マスクレイヤーとクリップレイヤー
レイヤーパネルを見ると、現在唯一のレイヤーである背景レイヤーに写真が表示されています。ドキュメント：
クリッピングマスクを作成するには、2つのレイヤーが必要です。 1つはマスクとして機能し、もう1つはマスクにクリップされるので、追加しましょう。 2番目のレイヤー。画像の下に新しいレイヤーを追加します。まず、背景レイヤーのロックを解除します。PhotoshopCCでは、ロックアイコンをクリックしてロックを解除します。PhotoshopCS6以前では、Alt（Win）/ Option（Mac）キーを押し続けます。キーボードで背景レイヤーをダブルクリックします。
これにより、背景レイヤーのロックが解除され、名前が変更されます。 it “Layer 0″：
次に、画像の下の新しいレイヤーで、キーボードのCtrl（Win）/ Command（Mac）キーを押したまま、[新しいレイヤーの追加]アイコンをクリックします。
写真の下に「レイヤー1」という名前の新しいレイヤーが表示され、ドキュメントに2つのレイヤーができました。下のレイヤーをマスクに変えて、その上の画像はマスクにクリップされます：
クリッピングマスクについて：コンテンツと透明度
最上層の可視性アイコンをクリックして、元の画像を一時的に非表示にします。
最上層をオフにすると、追加したばかりの層が表示されます。デフォルトでは、Photoshopの新しいレイヤーは空白です。つまり、コンテンツがまったくありません。コンテンツのないレイヤーは透明で、透けて見えます。透明なレイヤーの下に他のレイヤーがない場合、Photoshopは、次のように透明度をチェッカーボードパターンとして表示します。
可視性アイコンをもう一度クリックして、最上層をオンに戻します。
最上層には実際のコンテンツが含まれています。この場合、デジタル写真を見ているため、ピクセルベースのコンテンツですが、Photoshopでは、コンテンツはベクターシェイプまたはテキストである可能性もあります。実際、透明性でないものはすべてコンテンツと見なされます。
Photoshopでクリッピングマスクを作成する方法
クリッピングマスクは、下のレイヤーのコンテンツと透明度を使用して、上のレイヤーの表示を制御します。 2つのレイヤーを使用してクリッピングマスクを作成し、何が起こるかを見てみましょう。
ステップ1：クリップするレイヤーを選択する
クリッピングマスクを作成するときは、最初に次のことを行う必要があります。その下のレイヤーにクリップされるレイヤーを選択します。この場合、最上層（ “Layer 0″）は最下層（ “Layer 1″）にクリップされるため、最上層が選択されていることを確認してください。
ステップ2：[クリッピングマスクの作成]を選択します
クリッピングマスクを作成するには、メニューバーの[レイヤー]メニューに移動し、 [クリッピングマスクの作成]を選択します。
これですべてです！レイヤーマスクが作成されると、レイヤーパネルに最上層（「レイヤー0」）が右にインデントされ、その下の「レイヤー1」を指す小さな矢印が表示されます。これはこれは、Photoshopが、最上層が下の層にクリップされたことを通知する方法です。
しかし、問題は、クリッピングマスクを作成することでこれまでに達成したことは、画像を非表示にしたことだけです。これは、マスクレイヤーが原因です。 （「レイヤー1」）にはコンテンツが含まれていません。完全に透明です。クリッピングマスクを使用すると、最下層の透明領域の真上にある最上層の領域は非表示になります。最下層には透明だけが含まれているため、その上の画像のどの部分も表示されません。
クリップマスクを解放する方法
あまり面白くなかったので、[レイヤー]メニューに移動して[クリッピングマスクの解放]を選択し、クリッピングマスクを解放します。
レイヤーパネルで、最上層が右にインデントされなくなりました。つまり、クリッピングされなくなりました。下のレイヤーへ：
そしてドキュメントでは、私たちの姿に戻っています。画像：
クリッピングマスクへのコンテンツの追加
最下層にコンテンツを追加しましょう。最上層の可視性アイコンをクリックして画像を非表示にし、実行中の内容を確認します。
次に、最下層をクリックしてアクティブにします。
Toコンテンツを追加して、シンプルな形を描きます。長方形マーキーツールを右クリック（Win）/ Controlキーを押しながらクリック（Mac）し、フライアウトメニューから楕円マーキーツールを選択して、ツールバーから楕円マーキーツールを選択します。
ドキュメントの中央にある楕円形の選択アウトラインをクリックしてドラッグします。
メニューバーの[編集]メニューに移動し、[塗りつぶし]を選択します。
[塗りつぶし]ダイアログボックスで、[コンテンツ]オプションを黒に設定し、[OK]をクリックします。
Photoshopは選択範囲を黒で塗りつぶします。シェイプの周囲から選択アウトラインを削除するには、[選択]メニューに移動し、[選択解除]を選択します。
これで、完全に透明なレイヤーの代わりに、中央にコンテンツのある領域ができました。ただし、コンテンツの周囲の領域は透明のままであることに注意してください。
戻るレイヤーパネルで、最下層のプレビューサムネイルに黒い形状が表示されるようになりました。ここで重要なのは、両方のレイヤーのプレビューサムネイルを比較すると、最上層の画像の一部が最下層のコンテンツ（形状）の真上にあることがわかるということです。また、写真の一部は最下層の透明領域の上にあります：
別のクリッピングマスクの作成
最下層にコンテンツを追加したので、別のクリッピングマスクを作成しましょう。繰り返しますが、最初に下のレイヤーにクリップされるレイヤーを選択する必要があるので、一番上のレイヤーをクリックして選択します。次に、最上位のレイヤーの表示アイコンをクリックして、レイヤー上の画像を表示します。
[レイヤー]メニューに戻り、もう一度[クリッピングマスクの作成]を選択します。
[レイヤー]パネルでは、前回と同じように、一番上のレイヤーがその下のレイヤーにクリップされています。
しかし、ドキュメントでは、まったく異なる結果が表示されます。今回は、写真のセクションです。その下のレイヤーのシェイプの真上に座っていると、表示されたままになります。写真の非表示部分は、形状の周囲の領域のみです。これらの領域はまだ透明度の上にあるためです。
クリッピングマスク内でのコンテンツの移動
もちろん、被写体を図形の中央に配置すると、結果が良く見える場合があります。クリッピングマスクを使用すると、コンテンツを簡単に移動および再配置できます。ツールバーから移動ツールを選択するだけです。
次に、写真をクリックして所定の位置にドラッグします。画像を移動すると、その下のレイヤーの図形上を移動する領域のみが表示されたままになります。これが、クリッピングマスクの機能の基本です。 ：
クリッピングマスクを使用する場合
レイヤーマスクはシームレスなトランジションでレイヤーをブレンドするのに最適ですが、Photoshopのクリッピングマスクは、画像を明確に定義された形状に収める必要がある場合に最適です。形状は、これまで見てきたように、選択ツールを使用して描画したものである可能性があります。ただし、クリッピングマスクを使用して、ベクターシェイプに画像を入力したり、テキスト内に画像を配置したりすることもできます。クリッピングマスクでできることの別の例として、クリッピングマスクを使用してフレーム内に写真を配置する方法を簡単に見てみましょう。
クリッピングマスクを使用してフレームに写真を配置する
ここに、それぞれが別々のレイヤーにある2つの画像を含むドキュメントがあります。最下層の写真にはフレームが含まれています：
表示アイコンをクリックして最上層をオンにすると：
フレーム内に配置したい写真が表示されます：
もう一度その可視性アイコンをクリックして最上層を非表示にし、次に背景層をクリックして選択します。
形状の描画または選択
Iクリッピングマスクは、画像を図形内に収める必要がある場合に最適に機能すると述べました。この場合、形状はフレームの内側の領域です。この領域は黒一色で塗りつぶされているので、Photoshopのマジックワンドツールを使用して選択します。
フレーム内のマジックワンドツールでクリックすると、領域が選択されます。
次に、メニューバーの[レイヤー]メニューに移動し、[新規]を選択してから、[コピーでレイヤー]を選択して、選択した領域を新しいレイヤーにコピーします。
Photoshopは、選択範囲を背景レイヤーとフレーム内に配置する写真の間の新しいレイヤーにコピーします。これで、クリッピングマスクを作成するために必要な形状になりました。
クリッピングマスクをすばやく作成する方法
作成するにはクリッピングマスク、最上位のレイヤーを選択し、可視性アイコンをクリックしてレイヤーをオンに戻します。
レイヤーメニューから「クリッピングマスクの作成」を選択すると、クリッピングマスクを作成できることがわかりました。ただし、より高速な方法は、キーボードのAlt（Win）/ Option（Mac）キーを押したまま、2つのレイヤーの間にマウスカーソルを置くことです。カーソルがクリッピングマスクアイコンに変わります。
2つの境界線をクリックします。クリッピングマスクを作成するレイヤー：
クリッピングマスクを作成すると、写真はフレーム内にのみ表示されるようになります。これは、画像のその下のレイヤーの実際のコンテンツの上にあるのはそれだけだからです。写真の残りの部分は、透明度の上にあるため非表示になっています：
クリッピングマスク内のコンテンツのサイズ変更
最後に、移動ツールを使用してクリッピングマスク内でコンテンツを移動できることを確認しました。ただし、Photoshopの[自由変形]コマンドを使用して、クリッピングマスク内のコンテンツのサイズを簡単に変更することもできます。現時点では、写真がフレームに対して大きすぎるため、[編集]メニューに移動して[自由]を選択してサイズを変更します。変換：
Photoshopは無料を配置します変換ボックスと、現在クリッピングマスクによって非表示になっているフレームの外側の領域を含む、画像の周囲のハンドル：
サイズを変更するには、Shiftキーを押しながら、角のハンドルをクリックして内側にドラッグします。 Shiftキーを押したままにすると、画像のアスペクト比がロックされるため、画像が歪むことはありません。
受け入れるには、キーボードのEnter（Win）/ Return（Mac）を押して、FreeTransformを閉じます。そして今、クリッピングマスクの力のおかげで、写真はフレーム内にうまく収まります：
そして、私たちはそれを持っています！これが、Photoshopでクリッピングマスクがどのように機能するか、およびクリッピングマスクを使用してレイヤーのさまざまな部分を表示および非表示にする方法です。Photoshopのその他のチュートリアルについては、Photoshopの基本セクションにアクセスしてください。
