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

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

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

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

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

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

STEP.1

画像を配置する

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

下記リンクで無料素材配布サイトを紹介しています。いい画像が見つかりますよ！
【無料・商用可】フリーで使える写真＆画像素材サイト16選+α 2021年版

STEP.2

文字を入力する

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

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

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

STEP.3

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

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

完成

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

位置を変えるには

STEP.1

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

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

STEP.2

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

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

FINISH

完成

位置変更の完了です。

フォントを変更すると

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

まとめ

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

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

ではまた！

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」の目次リンクです。
本業が教えるイラレとフォトショ講座の目次は下記からどうぞ。