イラストレーターでアウトライン化していない文字にグラデーションをかける方法

Adobe Illustrator CCで文字列をアウトライン化をせずに、アピアランス機能を使用してグラデーションをかける方法をご紹介します。アピアランス機能を使用してグラデーションを適用する方法は、後から文字列の修正もできるためとても便利です。

アウトライン化せずにアピアランス機能を使用するメリット

通常、テキストはアウトライン化をしないとグラデーションをかけることができません。その為、グラデーションをかけた後文字列の修正をしたくてもできないのがデメリットです。

しかし、アピアランス機能を使用すると、アウトライン化せずにテキストにグラデーションをかけることができます。そしてアピアランス機能を使用すると、後から文字列の修正をすることができます。

どちらの方法でも文字列にグラデーションをかけることができますが、後から文字列を修正する可能性がある場合はアピアランス機能を使用する方が便利です。

アピアランスパネルで文字にグラデーションをかける

テキストツールで文字を入力します。

※分かりやすいように塗りを設定していますが、塗りはなしに設定してください。

2016-03-30_15h19_55

上部メニューの「ウィンドウ」>「アピアランス」からアピアランスパネルを開きます。→ショートカットキーは「Shift+F6」(macはshift+F6)

2016-03-30_15h20_36

アピアランスパネルの文字を選択し、「新規塗りを追加」ボタンをクリックします。

2016-03-30_15h22_34

新規塗りが追加されました。

2016-03-30_15h39_33

この塗りにグラデーションをかけます。塗りを選択した状態で、グラデーションをクリックします。

2016-03-30_15h40_23

グラデーションが適用され、グラデーションパネルが開くので任意の色を設定します。

2016-03-30_15h41_29

これで、グラデーションをかけることができました。

2016-03-30_15h42_51

きれいにグラデーションがかからない場合

下図のようにきれいにグラデーションをかけられない場合、文字入力時に設定した塗りの色が反映されてしまっているので、塗りを削除する必要があります。

2016-03-30_15h44_29

アピアランスパネルを開き、文字をダブルクリックします。

2016-03-30_15h46_53

文字の塗りに黒色が適用されているため、なしに設定します。

2016-03-30_15h48_42

2016-03-30_15h49_32

これで、きれいにグラデーションをかけることができました。

2016-03-30_15h50_40

まとめ

今回紹介した方法を使えば、アウトライン化しなくても文字にグラデーションをかけることができます。このやり方であれば、後からでも文字列の修正が可能なので作業効率アップにもつながると思います。

ぜひ、使ってみてください。


Welcome to UX MILK

UX MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。

このサイトについて