Illustrator（イラレ）のクリッピングマスクとは？作成方法・解除方法を解説

イラレのクリッピングマスクについて知りたいものの、細かな使い方について知らない方は多いのではないでしょうか？

本記事では、クリッピングマスクの概要から、作成方法・その他編集方法について詳しく解説していきます。

この記事を読むことで、イラレの作業を効率化させることができますよ。

Illustrator（イラレ）のクリッピングマスクとは

クリッピングマスクとは、あるレイヤーの透明部分を見えないようにして、上のレイヤーでマスキングのようにして見えなくする機能です。

イラストレーターを用いたデザインでは、写真の切り抜きをしたい場合などにクリッピングマスクの機能を使います。

パス化された部分を切り抜くようなイメージで使えるので、文字の切り抜きなどにも使えて表現の幅が広がる機能です。

また切り抜く対象の画像や、切り抜く形を後から編集できるため、編集性も高くデザインをする上で必須の機能といっても過言ではありません。

クリッピングマスク＝切り抜き機能と覚えておくと覚えやすいでしょう。

Illustrator（イラレ）のクリッピングマスクの作成方法

クリッピングマスクの基本的な作成方法をご紹介します。

クリッピングマスクの基本操作は、「切り抜くパスの作成」→「クリッピングマスクの適用」の2工程で簡単に実行可能です。

• 【STEP1】切り抜きたい形のパスを作成
• 【STEP2】クリッピングマスクの適用

以下で詳細を解説します。

Illustrator（イラレ）のクリッピングマスクの解除方法

イラストレーターのクリッピングマスクはあとから解除することもできます。

クリッピングマスクの解除は、上部メニューバーの「オブジェクト＞クリッピングマスク＞解除」を選択するか、以下のショートカットキーでも解除可能です。

クリッピングしたオブジェクトを選択して、クリッピングマスクの解除を適用すればクリッピング解除完了です。

Illustrator（イラレ）のクリッピングマスクを逆にする方法

イラストレーターでクリッピングマスクを逆にする方法を紹介します。

クリッピングマスクは、パスファインダーを使って型抜きのパスを作ることで逆のレイアウトで切り抜くことができます。

例えばさきほどのクリッピングマスクでは楕円形に画像を切り抜きましたが、楕円の真ん中だけを残して切り抜くような場合です。

クリッピングマスクを逆にする手順は、以下の2STEPで実行できます。

• 【STEP1】パスファインダーを使って型抜きパスを作成
• 【STEP2】クリッピングマスクを適用

以下で詳細を解説します。

Illustrator（イラレ）のクリッピングマスクができない時の対処法

クリッピングマスクができない時の対処法を紹介します。

「クリッピングマスクを作成しようとしたけれど、うまくできなくて困っている」「クリッピングマスクできない」という声を聞くことがあります。

実はクリッピングマスクはアレンジして使う際にはいくつか適用にポイントがあります。

こちらを押さえておけばクリッピングマスクの悩みはほぼ解決されるのでぜひチェックして覚えおきましょう。

よくあるクリッピングマスクができない原因は以下の2つです。

• マスクの対象がグループ化されていない
• 文字などの離れたパスで切り抜きたい際に、複合パスになっていない

以下で詳細を解説します。

マスクの対象がグループ化されていない

マスクの対象がグループ化されていないと、思った通りにグループ化できません。

例えば丸型の装飾を作って切り抜きたい場合などがよくあるシチュエーションです。

以下のような丸型の囲いをのせた状態でクリッピングした場合、写真と装飾の画像をグループ化する必要があります。

グループ化は、グループ化したいオブジェクトを選択した状態で右クリックのメニューから「グループ化」を選択するか以下のショートカットキーで作成可能です。

グループ化した上で、クリッピングマスクを適用すれば二つの画像をまとめてクリッピングすることができます。

文字などの離れたパスで切り抜きたい際に、複合パスになっていない

クリッピングマスクが適用できない場合に、よくあるのが文字や離れたパスが複合パスになっていない場合です。

文字など離れたパスでクリッピングマスクをかけたい時は、複合パス化していらいと、クリッピングマスクが適用できません。

「文字クリッピングマスクできない」「テキスト切り抜きできない」などといった悩みは多くの方が通る通過点であると思います。

文字のクリッピングは頻繁に使われるテクニックですが、「アウトライン化していないとクリッピングできない」「複合パス化していないとクリッピングできない」など2つの罠が潜んでいます。

以下にテキストのクリッピングマスク化の要点をまとめておいたので参考にしてみてください。

複合パス化することで、テキストなどの離れたパスもクリッピングマスクとして使うことが可能です。

まとめ

クリッピングマスクについて理解できたでしょうか。

画像を切り抜く、クリッピングマスク機能はイラストレーターのデザインでよく使う機能ベスト10に入るほどの頻出機能です。

ショートカットを覚えておくだけでもかなりの効率化がはかれますし、クリッピングマスクができないときのよくある対処法を覚えておけば「なぜできないの？」と悩む時間もかかりません。

仕組みと、テクニックを覚えておけばかなりスムーズにデザインをできるようになるので、何度も使ってぜひ覚えておきましょう。

その他イラストレーターの使い方については「イラストレーターのカテゴリ」か、下記検索画面よりご確認くださいね。