この記事は1分で読めます

【Illustrator】文字の背景を透けさせる方法

  • 投稿日
  • 更新日

あとで読む

【Illustrator】文字の背景を透けさせる方法

今回は、イラレで文字を切り抜いて背景画像が透けて見えるような加工の方法を紹介します。ロゴやバナー作成にも使えるテクニックですので、覚えておくと便利です。

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

中マドで文字を切り抜く方法

文字の背景を透けさせるには、イラレの中マド効果を使うことで、簡単に切り抜きを行うことができます。以下のステップで使ってみましょう。

STEP
画像の埋め込み

ベースとなる画像をファイルからドラッグして埋め込みます。レイヤーが動かないようにロックをかけておきましょう。

STEP
背景レイヤーを作成

レイヤーパネルの「新規レイヤーを作成」からレイヤーを作成します。

長方形ツールで文字の背景となる長方形を作成します。

STEP
文字レイヤーを作成

上記と同様に新規レイヤーを作成し、文字ツールで任意の文字を入力します。

STEP
背景と文字をグループ化

背景レイヤーと文字レイヤーを選択した状態で、Mac : command + G、Windows : Ctrl + G でレイヤー同士をグループ化します。

STEP
背景を文字で切り抜く

STEP4で作成したグループレイヤーを選択した状態で、メニューバーの「効果」>「パスファインダー」>「中マド」を選択します。

STEP
完成

背景が文字で切り抜かれ、ベースの画像が透けて見えるようになりました!

この時、背景には上部のオブジェクト(文字)の色が適用されますが、後から変更することができます。

おわりに

いかがでしたか?画像や文字の重なり順を工夫することで、様々な切り抜き表現をすることができます。ぜひ「中マド」をマスターして、デザインの幅を広げましょう!

この記事を書いた人

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須