Illustratorで文字をアウトライン化しないで 1文字ずつグラデーションを指定する(Illustrator CS4・CS5)

  • 更新:
  • 公開:
  • 制作/編集:
AIに記事の解説を聞いてみる
Illustratorで文字をアウトライン化しないで 1文字ずつグラデーションを指定する(Illustrator CS4・CS5)
目次
Loading...

概要

このページでは、Adobe Illustrator CS4・CS5の文字に対して、文字をアウトライン化することなく、1文字ずつグラデーションカラーを適用する方法を紹介しています。


Adobe Illustrator CS6・Creative Cloud版Adobe Illustratorは以下のページをご覧ください。


Adobe Illustratorの文字カラーについて

Adobe Illustratorでは、アピアランスの塗りを使用して、文字にグラデーションのカラーを指定することができます。

しかし、このアピアランスを使用する方法では、グラデーションが基本的に1種類しか適用できず、1文字ずつそれぞれにグラデーションを適用することはできません(※)。文字オブジェクト全体にグラデーションが適用されてしまいます。


このため、以下のような文字は「アピアランスの塗り」では表現できません。


この文字を再現するための方法としては、文字をアウトライン化した後に、塗りにグラデーションを適用して作成するということが考えられます。


しかし、アウトライン化することは、後の編集作業で文字の修正などが困難になります。


このページでは、編集作業を困難にしないよう、アウトライン化をせずに、1文字ずつグラデーションを掛ける方法を紹介します。


※グラデーション中の不透明度を駆使すれば複数のグラデーションを適用することも理論上できます。

1文字ずつグラデーションを掛ける方法

グラデーションを適用したい文字を文字ツールで選択して、塗りをグラデーションにします。アピアランスパネルでは「文字」の中の塗りです。



グラデーションを設定しても、見た目は黒い文字の状態です。



この文字オブジェクトに、アピアランスで「パス」→「オブジェクトのアウトライン」を設定します。



すると、1文字ずつにグラデーションが掛かります。



もちろん、1文字ずつ違うグラデーションを設定することで、以下の様なグラデーションを掛けることも可能です。


動作の原理

1文字ずつグラデーションカラーを適用することは、Adobe Illustratorにおいて「文字にグラデーションカラーを設定しても適用されない問題」があり、それをアピアランスで分解して設定したグラデーションを表現するという手法で実現できました。

くわしくは以下のページをご覧ください。

注意

このIllustratorドキュメントを他のバージョンのAdobe Illustratorで開く場合は注意が必要です。