この記事は2分で読めます

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

  • 投稿日
  • 更新日

あとで読む

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

クリッピングマスクは、上のレイヤーを下のレイヤーに流し込むイメージで使えるツールです。

この機能を利用することによって、サイズに合わせてオブジェクトを切り抜きする作業が無くなります。

それでは見ていきましょう。

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

今回はこの画像を使って説明します。

クリッピングマスクとは?

下記の画像をご覧ください。このようにするにはどうしたら良いでしょうか?

直接丸く切り抜いてしまうと、後で表示したい部分を変更したり、サイズを調整したりするときに困ります。そういうときに使うのがクリッピングマスクです。

クリッピングマスクを使用する

STEP
クリッピングマスクするための準備

まず表示させたい範囲(マスクエリア)を決めます。

グレーの部分が表示させたい部分です。グレーにしていますが、色は何でもOKです。

レイヤー名をマスクエリアとします。

STEP
レイヤーの順番を変える

このままだとクリッピングマスクができません。クリッピングマスクをするときは、マスクエリアを下にします。

STEP
クリッピングマスクを選ぶ

クリッピングマスクを使用するときは、レイヤー名の上で右クリック。もしくはレイヤーとレイヤーの間でoption (Alt)を押しながらクリックします。(アイコンのマークが変わります)

option (Alt)でクリッピングマスクをする場合

カーソルが画像のように変化したら、クリックします

STEP
完成です!

位置を調整する

クリッピングマスクをした後でも、位置を調整できるのがこの機能の良いところです。

画像のみ移動

画像のみ移動する場合は、画像のレイヤーを選択して、ドラッグします。

マスクエリアのみ移動

これで画像は動かすことなく、マスクエリアのみ移動できます。

どちらも移動させる

レイヤーを2つ選んでドラッグすると、両方移動します。

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

解除するときは、レイヤー名の上で右クリック、もしくはレイヤーの境目でoption(Alt)を押しながらクリックします。

option (Alt)でクリッピングマスクを解除する場合

この記事を書いた人

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

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須