【Illustrator】イラレのクリッピングマスクの使い方とテクニック【脱初心者】

この記事を読むのに必要な時間は約 9 分です。

こんにちは、「ゼロから始めるIllustrator」略して「ゼロイラ」の講座を始めます。

今回はクリッピングマスクの使い方について解説します。
クリッピングマスクはイラレで頻繁に使う機能の一つなので是非使い方をマスターしてください。

では早速始めていきましょう！

当講座で使う主な機能

クリッピングマスク、図形ツール、選択ツール、オブジェクトの重ね順の変更、ペンツール、文字ツール

この記事の目次

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

クリッピングマスクとはオブジェクトや画像を任意の形状で一部を表示する機能です。左図のように背景の矩形を手前のハートでマスクをすると背景のハート部分以外は非表示状態になります。
この機能がクリッピングマスクです。

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

左のペンギンの写真をサンプルにクリッピングマスクの使い方を解説します。
ペンギンってかわいいよね。

クリッピングマスクの手順

STEP.1

マスク用のオブジェクトを作成

マスクしたいオブジェクト（or画像）の上にマスク用のオブジェクトを作成します。

今回は [ 楕円形ツール(L) ] で正円を作成します。
ちなみに [ Shift + ドラッグ ] で正円を描けますよ。

STEP.2

対象オブジェクトを選択

マスクしたいオブジェクトとマスク用のオブジェクトを選択ツールで選択します。

なおオブジェクトの重ね順の変更方法は下記記事で詳しく解説しております。
【Illustrator】イラレのオブジェクト重ね順について徹底解説

STEP.3

クリッピングマスクの適用

[ 右クリックメニュー ] → [ クリッピングマスクを作成 ] を適用します。

FINISH

完成

背面のペンギン画像が手前の正円でマスクされました。

クリッピングマスクはイラレでよく使う機能なので覚えておきましょう！

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

クリッピングマスクが適用されているオブジェクトを [ 選択ツール(V) ] で選択 → [ 右クリックメニュー ] → [ クリッピングマスクを解除 ]

これでクリッピングマスクが解除されます。

クリッピングマスクの編集方法

グループ選択ツールでマスク対象オブジェクトまたはマスク用オブジェクトを選択し、移動させると「どちらかのオブジェクトのみ」移動させることができます。マスク位置を調整したい、画像サイズを変更したい等の調整時に使えます。
[ 右クリックメニュー ] → [ 選択クリッピングマスク編集モード ] でも編集可能です。

マスク用オブジェクトの形を変えたい場合は [ ダイレクト選択ツール(A) ] でマスク用オブジェクトのアンカーポイント、ハンドルを編集してください。
※なお選択ツールだとクリッピングマスクオブジェクト全体が移動します。