【PhotoshopとIllustrator】クリッピングマスクの違い

クリッピングマスクの違い

PhotoshopとIllustratorではクリッピングマスクの方法が異なります。
その違いについてまとめました。

Photoshop編

まずクリッピングマスクしたい画像を新規レイヤーで開きます。

長方形レイヤーを選択します

クリッピングマスクしたい大きさで長方形を作成します。

長方形選択ツール

レイヤーを移動します

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

レイヤー移動

クリッピングマスク

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

Photoshopクリッピングマスク完成

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

クリッピングマスク完成

Illustrator編

まずクリッピングマスクしたい画像を新規レイヤーで開きます。

長方形レイヤーを選択します

クリッピングマスクしたい大きさで長方形を作成します。

長方形で囲む

レイヤーを選択します

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

レイヤー選択

クリッピングマスク

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

クリッピングマスク

Photoshopクリッピングマスク完成

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

Illustratorクリッピングマスク完成

IllustratorとPhotoshopのクリッピングマスクの違い動画

投稿者プロフィール

小清水 和真
小清水 和真WebProducer
WebディレクションからWebザイン・コーディングを主に行っております。
2021年株式会社を設立。講師もしております。