fantiaはじめました!無料素材やAI、PSDを配布中です。

【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は必要です。

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

学生・教職員なら

学生や教職員の方にオススメなのが
65%OFFはデカイです!
アプリ1本分の価格で全てが使えます。

Illustrator単品なら

Illustrator単体ならがあります。
まずはお試しでllustratorから、順次別のアプリを追加していくという方法です。

Illustratorのオススメ書籍

ゼロイラもくじ

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

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

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