【PhotoshopとIllustrator】クリッピングマスクの違い
クリッピングマスクの違い
PhotoshopとIllustratorではクリッピングマスクの方法が異なります。
その違いについてまとめました。
Photoshop編
まずクリッピングマスクしたい画像を新規レイヤーで開きます。
長方形レイヤーを選択します
クリッピングマスクしたい大きさで長方形を作成します。

レイヤーを移動します
長方形レイヤーで作成したレイヤーを、ドラック&ドロップで画像の下のレイヤーへ移動します。

クリッピングマスク
画像レイヤーの右側で、右クリックを押します。
横に一覧が表示されますので、「クリッピングマスク」を選択します。

Photoshopクリッピングマスク完成
Photoshopのクリッピングマスクはこれで完成です。

Illustrator編
まずクリッピングマスクしたい画像を新規レイヤーで開きます。
長方形レイヤーを選択します
クリッピングマスクしたい大きさで長方形を作成します。

レイヤーを選択します
長方形レイヤーと画像を選択します。
色は白塗りでお願いします。

クリッピングマスク
二つのレイヤーを選択した状態で、右クリックを押して「クリッピングマスク」
を選択します。

Photoshopクリッピングマスク完成
Illustratorのクリッピングマスクはこれで完成です。

IllustratorとPhotoshopのクリッピングマスクの違い動画
投稿者プロフィール

- WebProducer
-
WebディレクションからWebザイン・コーディングを主に行っております。
2021年株式会社を設立。講師もしております。
最新の投稿
HTMLWednesday February 4th, 2026「整ってるHTML」はこう書く!読みやすいマークアップの黄金ルール
javascriptWednesday February 4th, 2026再生ボタン付きで音あり動画はできる?
コーディングThursday January 29th, 2026失敗から学ぶ!駆け出しコーダーがやりがちな5つの落とし穴
コーディングTuesday January 27th, 2026デザインとコードの間にある“翻訳力”を磨こう

