Photoshopでは、画像の一部を型取りたいときに「クリッピングマスク」という機能を使います。クリッピングマスクを応用することでさまざまな成果物を作成できるため、クリエイターの方は知っておくべき技術です。
しかし、クリッピングマスクをあまり使ったことがない方は「どのように使えばいいのかわからない」という悩みもあるのではないでしょうか。
当記事では、Photoshopのクリッピングマスクに関する詳細から使い方まで詳しく解説します。
クリッピングマスクができないときの原因まで紹介するので、ぜひ最後までご覧ください。
Photoshopのクリッピングマスクとは
Photoshopのクリッピングマスクとは、2枚のレイヤーを重ねて上のレイヤーにマスクを適用する機能です。例えば下のレイヤーに円状のマスクがあり、上のレイヤーに円背景画像があると切り抜いたような表現となります。
元の背景画像が編集されているわけではないので、あとで修正を加えられます。
クリッピングマスクを使わずに画像編集をおこなうと修正が難しくなるため、手間がかかってしまいます。
クリッピングマスクは元の画像が切り抜いたように見えているだけなので、解除すればいつでも元の状態に戻すことが可能です。JPEGやGIFFといったファイル形式で編集画像を保存すれば、切り抜かれた状態を維持できます。
デザイン事務所や広告会社などの現場では、あとで画像の修正ができるようにクリッピングマスクを適用しています。
クリッピングマスクとレイヤーマスクの違い
クリッピングマスクとレイヤーマスクは、それぞれ以下のような違いがあります。
- クリッピングマスク：下のレイヤーの形に上のレイヤーを切り抜ける
- レイヤーマスク：レイヤーに影響を与えず部分的に隠せる
クリッピングマスクは下のレイヤーの形に切り抜くのに対し、レイヤーマスクは複雑な形状のものでもマスク可能です。レイヤーマスクを適用すると画像の不要な部分を隠したり見せたりできるため、画像の合成に利用できます。
レイヤーマスクはデータが重くなりやすい点がデメリットですが、対象物の形状を問わず対応しています。2つの機能をうまく活用することで、求めるかたちに画像編集ができるようになるでしょう。
Photoshopでクリッピングマスクを作成・使用方法
それでは、Photoshopでクリッピングマスクを作成・使用方法について説明します。
クリッピングマスクの作成はとくに難しい手順はなく、初心者でも簡単に使いこなせます。
クリッピングマスクを作成・使用するときは、以下のステップでおこなってください。
ステップ①切り抜きたい画像を用意する
Photoshopのアプリケーションを開き、切り抜きたい画像を配置します。
ステップ②レイヤーパネルから新規レイヤーを作成する
右項目のレイヤーパネルから、下部にある「+」をクリックして新規レイヤーを作成します。
ステップ③ツールバーから切り抜きたいかたちのツールを選択する
左項目のツールバーから、切り抜きたいかたちのツールを選択します。
ステップ④オプションバーから図形モードを「シェイプ」、線を「なし」に設定して、図形を作成する
上部オプションバーから図形モードを「シェイプ」、線を「なし」に設定して、図形を作成します。
ステップ⑤レイヤーパネルから図形レイヤーを下、切り抜きたい画像レイヤーを上にする
右項目のレイヤーパネルから図形レイヤーを下、切り抜きたい画像レイヤーを上にドラッグして変更します。
ステップ⑥切り抜きたい画像レイヤーを右クリックして「クリッピングマスクを作成」をクリックする
レイヤーパネルから、切り抜きたい画像レイヤーを右クリックして「クリッピングマスクを作成」をクリックします。
以上の手順で、レイヤーにクリッピングマスクを反映できます。
実際に画像レイヤーを見てみると、切り抜きたいかたちに画像が編集されています。
レイヤーパネルから画像レイヤーとマスクレイヤーの間を「Option」キーとクリックを同時押しすれば、簡単にマスクをかけることが可能です。
選択する図形のかたちに合わせて画像を切り抜けるので、画像編集の際に利用してみましょう。
クリッピングマスクについて詳しく知りたい方は、以下の参考動画も合わせてご覧ください。
クリッピングマスクの便利なショートカットキー
Photoshopには、簡単にクリッピングマスクをかけられるショートカットキーがあります。
ショートカットキーとは、特定のキーを同時押しすることで動作させられる機能です。
レイヤーパネルから2つのレイヤーの間にマウスカーソルを合わせて「Alt」キーまたは「Option」キーを押すと、クリッピングマスクのアイコンに変わります。
そしてクリックすると、簡単にクリッピングマスクを作成できます。
「Command」キー+「G」キーを同時押ししても、同じくクリッピングマスクを作成可能です。
クリッピングマスクを解除したいときは、再度2つのレイヤーの間にマウスカーソルを合わせて「Alt」キーまたは「Option」キーを押せば完了です。
こちらもクリッピングマスクの作成と同様、「Command」キー+「Option」キー+「G」キーを同時押ししても解除できます。
クリッピングマスクに関する便利なショートカットキーについては、以下の表も合わせてご覧ください。
| ショートカットキー | 機能 |
| 画像レイヤーとマスクレイヤーの間を 「Alt」キーまたは「Option」キー+クリックを押しながらクリック |
クリッピングマスクの作成 |
| 「Command」キー+「G」キー （Windows：「Ctrl」キー+「G」キー） |
クリッピングマスクの作成 |
| クリッピングマスクのかかった画像レイヤーとマスクレイヤーの間を 「Alt」キーまたは「Option」キーを押しながらクリック |
クリッピングマスクの解除 |
| 「Command」キー+「Option」キー+「G」キー （Windows：「Ctrl」キー+「Alt」キー+「G」キー |
クリッピングマスクの解除 |
| 「V」キー | 画像の位置・サイズの調整 |
Photoshopでテキストにクリッピングマスクをする方法
Photoshopでは、テキストの形にクリッピングマスクをかけることもできます。
テキストに画像レイヤーの色合いを反映できるため、オシャレなデザインに仕上げられます。
テキストにクリッピングマスクをするときは、以下のステップでおこなってください。
ステップ①切り抜きたい画像を用意する
Photoshopのアプリケーションを開き、切り抜きたい画像を配置します。
ステップ②レイヤーパネルから新規レイヤーを作成する
右項目のレイヤーパネルから、下部にある「+」をクリックして新規レイヤーを作成します。
ステップ③ツールバーから「テキスト文字ツール」を選択してテキスト作成する
左項目のツールバーから「テキスト文字ツール」を選択して、画像の上にテキストを作成します。
ステップ④レイヤーパネルからテキストレイヤーを下、切り抜きたい画像レイヤーを上にする
右項目のレイヤーパネルからテキストレイヤーを下、切り抜きたい画像レイヤーを上にドラッグして変更します。
ステップ⑤切り抜きたい画像レイヤーを右クリックして「クリッピングマスクを作成」をクリックする
レイヤーパネルから切り抜きたい画像レイヤーを右クリックして「クリッピングマスクを作成」を選択します。
以上の手順で、画像の色合いをテキストに反映できます。
海や砂漠、森などさまざまな画像を用意することで、おしゃれなテキストに仕上げられます。
成果物の作成に役立つので、ぜひこちらのテクニックを覚えておきましょう。
Photoshopで調整レイヤーにクリッピングマスクをする方法
Photoshopで画像の合成をおこなうときは、調整レイヤーにクリッピングマスクをする方法を知っておくと便利です。クリッピングマスクを利用すれば特定のオブジェクトのみに効果をかけられるため、画像の合成に役立ちます。
調整レイヤーにクリッピングマスクをするときは、以下のステップでおこなってください。
ステップ①合成したい画像レイヤーを用意する
Photoshopのアプリケーションを開き、合成したい画像レイヤーを配置します。
ステップ②「レイヤー」メニューから「新規調整レイヤー」を選択する
上部「レイヤー」メニューにマウスカーソルを合わせて「新規調整レイヤー」を選択します。
ステップ③レイヤーパネルから「新規調整レイヤー」を上にする
右項目のレイヤーパネルから「新規調整レイヤー」をドラッグして上にします。
ステップ④レイヤーの間にマウスカーソルを合わせて「Alt」キーまたは「Option」キーを押す
レイヤーとレイヤーの間にマウスカーソルを合わせて「Alt」キーまたは「Option」キーを押して、クリックします。
以上の手順で、調整レイヤーと一部のレイヤーのみにクリッピングマスクをかけられます。
あとは調整レイヤーから細かな設定をすれば、本格的なデザインへと仕上がるでしょう。
Photoshopで複数のレイヤーにクリッピングマスクを重ねる方法
Photoshopのクリッピングマスクは、2つのレイヤーだけでなく複数のレイヤーに重ねることもできます。複数のレイヤーにクリッピングマスクを重ねることで、画像に複雑な加工を加えられるようになります。
複数のレイヤーにクリッピングマスクを重ねるときは、以下のステップでおこなってください。
ステップ①画像レイヤーと加工レイヤーを用意する
Photoshopのアプリケーションを開き、画像レイヤーと加工レイヤーを配置します。
ステップ②加工レイヤーを重ねたい順番で上にする
加工レイヤーを画像レイヤーに重ねたい順番で上に変更します。
ステップ③各レイヤーの間にマウスカーソルを合わせて「Alt」キーまたは「Option」キーを押す
各レイヤーの間にマウスカーソルを合わせて「Alt」キーまたは「Option」キーを押してクリックします。背景画像には反映させないようにすれば、対象画像のみを加工できます。
以上の手順で、複数のレイヤーにクリッピングマスクを重ねられます。
これまでの方法と手順は同じなので、簡単に画像へ加工を加えられます。
Photoshopでクリッピングマスクができないときの原因
Photoshopでクリッピングマスクができないときは、以下のような原因が考えられます。
- レイヤーの順番が正しくない
- グループ化されているレイヤーを選択している
- クイックマスクモードになっている
- リッピングマスクされた画像レイヤーのみを動かしている
それでは詳しく解説します。
レイヤーの順番が正しくない
Photoshopでは、レイヤーの順番が正しくなければクリッピングマスクをかけることが難しいです。レイヤーの切り抜きをおこなうときは、切り抜くかたちのレイヤーを上にする必要があります。
レイヤーパネルを閉じていると順番が逆になっていることもあるため、クリッピングマスクをかける前にチェックしておきましょう。
グループ化されているレイヤーを選択している
Photoshopでは、グループ化されているレイヤーにクリッピングマスクをかけることはできません。グループ単位でクリッピングマスクをかける場合、スマートオブジェクトに変換するかグループを解除しなければいけません。
クリッピングマスクをかけたいレイヤーをグループから外すことで適用できるため、状況に合った方法を試しましょう。
クイックマスクモードになっている
対象のレイヤーがクリックマスクモードになっていると、レイヤーパネルから「クリッピングマスクを作成」を選択できません。
クイックマスクモードとは、選択範囲をレイヤーマスクのように作成できる機能です。
ブラシツールで選択範囲を調整するときには便利な機能ですが、クリッピングマスクを作成するときは解除する必要があります。
対象のレイヤーを選択して「Q」キーを押せば、クイックマスクモードを解除できます。
クリッピングマスクされた画像レイヤーのみを動かしている
すでにクリッピングマスクされた画像レイヤーの順番を動かすと、自動的にマスクが解除されてしまいます。画像レイヤーの位置を変更したいときは、マスクをかけたシェイプレイヤーも合わせて動かさなくてはいけません。
「Shift」キーを押しながら対象のレイターを選択すれば、2つのレイターを同時に動かせます。
画像レイヤーの位置を変更するときは、こちらの手順を覚えておきましょう。
Photoshopのクリッピングマスクについてまとめ
今回は、Photoshopのクリッピングマスクに関する詳細から使い方、原因まで詳しく解説しました。クリッピングマスクを利用すれば、好みの形に画像を切り抜けます。
また、テキストの形にクリッピングマスクをかけることもできるため、さまざまなデザインに仕上げられます。クリッピングマスクをうまくかけられないときは、レイヤーの順番が正しいか、グループ化されていないか、クイックマスクモードになっていないか、画像レイヤーのみを動かしていないかなどをチェックしてください。
ぜひ当記事で紹介した方法をもとに、Photoshopでクリッピングマスクを試してみましょう。
