【Illustrator】イラレで画像を文字オブジェクトで切り抜く方法【クリッピングマスク】

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

Illustrator（イラストレーター）を使って画像を文字オブジェクトでマスクをする方法について詳しく解説します。
オシャレな文字が簡単に作れますよ。

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

左図のような仕上りを実現する方法をステップを追って解説します。
コチラの記事でクリッピングマスクについて解説していますが、応用編となります。

この記事の目次

画像を文字の形でマスクする手順

STEP.1

画像を配置する

まずマスクしたい画像を配置します。
※作成しているAIファイルと同じフォルダに画像を置いてから配置するとリンクエラーが発生しません。

下記リンクで無料素材配布サイトを紹介しています。いい画像が見つかりますよ！

【無料・商用可】フリーで使える写真＆画像素材サイト16選+α 2020年版

STEP.2

文字を入力する

マスク元の文字を[ 文字ツール(T) ]を使って入力します。文字は一番手前に配置しましょう。

※文字をアウトライン化する必要はありません。入稿用のファイルはアウトライン化しましょう。

オブジェクトの前後関係を変更する方法はコチラで詳しく解説しています。

STEP.3

クリッピングマスクを適用する

画像と文字を [ 選択ツール(V) ] で選択し、[ 右クリックメニュー ] から [ クリッピングマスクを作成 ] を適用します。

完成

完成です。文字の形で画像がマスクされました。
イラレで結構使う機能の一つなので覚えておくと便利ですよ。

位置を変えるには

STEP.1

ダイレクト選択ツールを使用

クリッピングマスクを適用したオブジェクトを個別で選択するには [ ダイレクト選択ツール(A) ] を使います。
[ グループ選択ツール ] を使ってもOKです。

STEP.2

ダイレクト選択ツールで移動させる

文字オブジェクトを [ ダイレクト選択ツール(A) ] で移動させてみましょう。
マスク元の文字オブジェクトだけ動かすことができます。

FINISH

完成

位置変更の完了です。

フォントを変更すると

マスク用のフォントを変更するともちろん書体が変更されます。アウトライン化しておくとフォントは変更できませんので注意してください。

まとめ

背面の画像を手前の文字オブジェクトでクリッピングマスクを使ってマスクをすると簡単に文字の形で画像をマスクする事ができます。
画像やイラストを文字でマスクするテクニックはデザイン制作でよく使う手法です。

是非マスターしてください！

ではまた！

Illustratorを最安で導入するには

Illustrator（イラストレーター）を持っていない方向けに最安価格での導入について解説します。
各種通販サイト等で取り扱われていますが、結局Adobe公式サイトが最安値かつ安全です。

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

単品よりも圧倒的にお得で便利なCreative Cloudコンプリートプランがオススメです。
アプリ単体を2つ3つ使うと費用がコンプリートプランと同等かそれ以上になります。

制作はPhotoshop、Illustrator、Lightroom、InDesign、Acrobat、etc…複数のアプリを使い分けながら作る事が多いです。
Illustratorで作業をしている際に「Photoshopなら効率的に作れるのに…」、「完成したデザインをPDFで複数ページに冊子形式にしたいなぁ…」という事は頻繁にあります。
なのでデザイナーにとって最低限Photoshop、Illustrator、Acrobatは必要です。

それならいっそ初めからコンプリートプランを選択する方が断然便利でお得ですよ。