クリエイターなら絶対に登録しておきたい転職エージェント5選!

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

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

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

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

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

当講座で使う主な機能
クリッピングマスク、図形ツール、選択ツール、オブジェクトの重ね順の変更、ペンツール、文字ツール

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

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

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

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

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

STEP.1
マスク用のオブジェクトを作成
マスクしたいオブジェクト(or画像)の上にマスク用のオブジェクトを作成します。

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

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

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

STEP.3
クリッピングマスクの適用
[ 右クリックメニュー ] → [ クリッピングマスクを作成 ] を適用します。
FINISH
完成
背面のペンギン画像が手前の正円でマスクされました。

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

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

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

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

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

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

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

その他クリッピングマスク応用サンプル

好きな形のオブジェクトでクリッピングマスク

ペンツールでペンギンの形を作ってクリッピングマスクをするとペンギンだけ表示されるようになります。

ペンツールの基本的な使い方は下記で解説しております。
【Illustrator】ペンツールの使い方とパスの編集方法を練習しよう【初心者向け】

文字でクリッピングマスク

文字ツールで入力した文字で背後のペンギン画像をマスクすると文字の形で画像がマスクされます。詳しくはコチラで解説しております。

なお、文字ツールの基本的な使い方はコチラで解説しております。

複数のオブジェクトをクリッピングマスク

2つ以上のオブジェクトを1つのマスク用オブジェクトでマスクすることができます。

おわりに

イラレでレイアウト作業する際に高確率で使うであろう機能の一つ、クリッピングマスクの使い方でした。間違いなく使うシーンが出てくるので使い方をマスターしておきましょう。

おつかれさまでした。

Illustratorを最安で導入しよう

オススメはコンプリートプラン

単品よりも圧倒的にお得で便利なCreative Cloudコンプリートプランがオススメです。Photoshop、Illustrator、Acrobatを単体で使うと、費用がコンプリートプランと同等かそれ以上になります。
初めからコンプリートプランを選択する方が断然お得&便利ですよ。

学生・教職員なら

学生や教職員の方にオススメなのが
アプリ1本分の価格で全てのAdobe製品が使い放題!

Illustrator単品なら

Illustrator単体なら があります。
ソフト1本当たりの価格はコンプリートプランと比べて割高ですが、イラレ単体なら最安です。

制作を加速させる最強素材サイト

最強素材サイトであるAdobeStockがあると制作の効率性、品質がさらに高まります。
無料素材とは一味違うので手を加える手間が劇的に省けますよ。

ゼロイラもくじ

ゼロから始めるIllustratorのもくじです。

ゼロから始めるIllustrator目次
【導入編】ゼロから始めるIllustrator
最安値でイラレを購入する方法と導入方法
イラレでよく使う機能15選 for 初心者
イラレ全ショートカット一覧
Illustratorとは・DTPの基礎知識
操作画面、新規作成と保存、各種ファイル形式
オブジェクトの作成と選択、構造
イラレの塗りと線について
イラレのカラーモードについて
RGBからCMYKへ変換する方法
整列と分布について徹底解説
オブジェクト重ね順について徹底解説
数値入力によるオブジェクトの作成と操作
レイヤーの概念と操作を分かりやすく徹底解説
オブジェクトの色々なコピペ方法
ペンツールの基本操作とパスの編集
ペンツールを使ったトレースのテクニック①
ペンツールを使ったトレースのテクニック②
グラデーションツールを極める
メッシュツール・グラデーションメッシュの使い方
ブラシツール・塗りブラシツールの使い方と違い
消しゴムツール・はさみツール・ナイフの使い方
パスファインダーの機能全てを徹底解説
ブレンドツールを使ったオブジェクト作成
回転ツールと回転コピーの使い方
リフレクトツールの使い方
歯車や花、本など色々な図形を作る方法
文字ツールの基本的な使い方
文字を装飾する・アピアランスの設定
文字で画像をマスクする
アピアランスを使って線を設定・線をデザインする
クリッピングマスクの使い方を徹底解説
ライブトレースを徹底解説
ライブペイントを徹底解説
イラレで略地図を作る
編集しやすい角丸長方形の作り方
トンボ(トリムマーク)の設定と塗り足し
名刺サイズのレイアウト用紙の作成とガイドの作成・活用
ポートフォリオ用のテンプレート
ニーアオートマタのUI風ポートフォリオ用テーマ
ゼロイラの目次一覧
SCROLL
目次一覧
ゼロから始めるシリーズ

IllutratorとPhotoshopの使い方をゼロから解説する「ゼロから始めるIllustrator」と「ゼロから始めるPhotoshop」の目次リンクです。
本業が教えるイラレとフォトショ講座の目次は下記からどうぞ。