Illustratorの使い方

イラレで画像を文字の形に切り抜く方法【クリッピングマスク機能】

イラレのクリッピングマスク機能を使えば、文字の形に画像を切り抜けます。
イラレ初心者の方向けに、画像多めで手順を紹介します。

イラレで画像を文字の形に切り抜く方法

まずは、切り抜きたい画像を配置します。
文字の形の背景になる画像を配置する

次に、テキストを用意。太いフォントの方が背景画像がよく見えるのでオススメです。
切り抜きたい形のテキストを用意

テキストは文字データのままでは切り抜きができないので、2つの作業が必要です。

1)アウトライン化
アウトライン化で文字データをオブジェクトデータに変換します。

テキストを選択した状態で「Ctr + Shift + O」のショートカットでアウトライン化は完了。
テキストのアウトライン化完成図

アウトライン化について詳しく知りたい人は【3ステップでできる】イラストレーターでアウトライン化する方法をご覧ください。

2)複合パスの作成
複合パスは、オブジェクトのパスをひとつのパスに統合変換する作業です。

文章だけだとわかりにくいので、簡単なイメージ図を載せておきます。
アウトライン化と複合パス化の比較図

ダイレクト選択ツールでオブジェクトを選択すると、複合パス化した方はふたつのオブジェクトが一緒に選択されています。オブジェクト同士はくっついていなくても、ひとつのパスにまとめられてるのがわかりますね。

オブジェクトを選択した状態で、オブジェクト > 複合パス > 作成で複合パス化完了です。
複合パス化すると一度オブジェクトの塗りと線が「なし」になってしまうので、見やすいように色を付けておきましょう。
画像の切り抜きには影響しないので、どの色を選んでも大丈夫です。

画像の上にテキストオブジェクトを重ねます。
複合パス化が完了したテキストを画像の上に載せる

画像とオブジェクト両方を選択して、オブジェクト > クリッピングマスク >作成でテキストオブジェクト。
メニューからクリッピングマスクを作成する

クリッピングマスク機能を使って、簡単に画像を文字の形に切り抜けました。
クリッピングマスク機能を使って画像を文字の形に切り抜いた完成図


切り抜きの位置を修正する

画像を文字の形に切り抜く方法を紹介しましたが、正確に言うとクリッピングマスクは切り抜いてるわけじゃなくて、文字の範囲だけ後ろの画像を表示してる状態です。

その証拠に、クリッピングマスクしたオブジェクトにカーソルを当てると、画像の枠線が表示されます。
オブジェクトにカーソルを合わせると、切り抜いてる元画像の範囲がわかる

ダイレクト選択ツールでオブジェクトを選択して後ろの画像をズラせば、マスクの位置も自由に調整できます。
マスクの位置も自由に変えられる

クリッピングマスクができない

クリッピングマスクを使った画像の切り抜きはパスファインダではできません。
↓これ
パスファインダパレット

パスファインダが使えるのは、イラレで作成されたパスデータのみ。
オブジェクト同士をくっつけたり、オブジェクトから型抜きしたりするときにパスファインダを使います。

オブジェクト同士の切り抜きはパスファインダ
画像を切り抜きするにはクリッピングマスク
と覚えてください。

まとめ

イラレのクリッピングマスク機能を使って、画像を文字の形に切り抜く方法をご紹介しました。
ポスターのビジュアル制作にも使われるメジャーなテクニックなので、いろいろな画像を切り抜いて表現方法を試してみてください。

あわせて読みたい
イラレで画像を切り抜く(トリミングする)方法【基礎から応用まで】
イラレで画像を切り抜く(トリミングする)方法【複雑な形もOK】イラレで画像を切り抜くにはクリッピングマスクを使います。 クリッピングマスク機能を使えば、図形やペンツールの形に合わせて画像を切り抜く...
ABOUT ME
トンソクデザイン
トンソクデザイン
ブタ雑貨専門デザイナーとして、全国にブタを出荷しています。輪切りのブタのメモスタンド「SLICE PIG-スライスピッグ-」をminne(ミンネ)で発売中です。
SLICE PIG-スライスピッグ-


スライスピッグはブタがモチーフのメモスタンド。
断面にはお肉がプリントされているので、メモをはさむときや外すときに思わずニヤッとしちゃいます。

手のひらサイズの大きさだからパソコンと一緒にデスクに置いておけば、ちょっとしたメモをはさんでおくことができます。
ブタ雑貨が好きな人も、そうでない人もぜひ一家に一匹可愛がってあげてください。

詳細ページ