Skip to main content
Participant
Jul 12, 2025 5:28 AM UTC
Answered

イラレで文字にグラデーションを付けたいのですが

 

文字にグラデーションを付けたいのですが、

パスのオフセット→ブランドスムーズカラー

をやると写真の通りに下が変な風になってしまうのですが、綺麗にグラデーションをつける方法はありませんか?

fの上のところみたいに綺麗な内側から外側へのグラデーションを付けたいです。

教えてもらえると嬉しいです😭

mayanori
mayanoriCorrect answer
Participating Frequently
Jul 13, 2025 5:33 PM UTC

手順です。

 

まず最初に、ブレンドが上手くいかなかったのは。

 

 

元のパスとオフセットしたパスは、形状が異なります。

カラーだけではなく形状もブレンドされるため、途中に不正なものができてしまうからなのです。

 

こちらは、【ネオン管】と言われている古くからのお馴染みの方法で、ラインに沿ってグラデーション(ぼかし)を入れるのに重宝されてきました。

 

 

グラフィックスタイルにも【ネオン効果】として入ってますので参考にしてみてくださいね。

 

手順は簡単です。

画像のようにアピアランスの線を太らせながら重ね、ブラックの%を減らしていきます。

で、ぼかし(ガウス)を指定して完成です。

 

 

 

見本は、わかりやすいように文字を300ptにしました。

線は、1mmづつ太らせ、ブラックを10%づつ減らしました。

線の数や数値はフォントの種類や大きさ、好みにもよりますから、ちょうどいいを見つけてくださいね。

 

上に塗りの黒、真ん中に重ねた線、下にオフセットした塗りの白です。

文字は一番下に置きました。

 

塗り白にぼかしを入れなかったため、塗り黒と各線それぞれにぼかしを付けていますが、全体をぼかして支障がなければその方が楽です。

文字本体をパッキリさせたい場合は、塗り黒のぼかしも外します。

個別に効果を付けるのは面倒なんですが、後からいじれるという利点があります。

 

文字変更できるように文字のままアピアランスを付けましたが、アウトラインでも同様にできます。

 

文字の大きさを変える時は、線幅効果ごと拡大縮小します。

 

出来たものは、グラフィックスタイルに登録しましょう。

 

 

単語もカラーグラデーションも大丈夫ですよ。

8 replies

ajabon grinsmith
Community Expert
Community Expert
Jul 15, 2025 3:34 AM UTC

あ、終わっちゃったかな…(でもいちおう)

前面の黒いほうにもパスのオフセットをうっすらかけてやることでブレンドの破綻はおさまりますよ。

 

Translate
mayanori
Participating Frequently
Jul 15, 2025 3:54 AM UTC

これは、思いつきませんでした!

確かに形状が一致しますよね。

未だに知らないことがあって勉強になります。

ありがとうございます!

Translate
mayanori
Participating Frequently
Jul 13, 2025 11:48 PM UTC

連続投稿すみません。

うっかり忘れてました。

 

画像という文字の横棒の角が破綻しているのがわかると思います。

これは悪い例で、線の形状をラウンドにしていないからです。

ラウンドにすることでよっぽどの文字でないかぎり大丈夫だと思います。

 

また、ドキュメントのラスタライズ効果も高解像度にしてくださいね。

ちなみに私は通常350にしています。

 

Translate
mayanori
mayanoriCorrect answer
Participating Frequently
Jul 13, 2025 5:33 PM UTC

手順です。

 

まず最初に、ブレンドが上手くいかなかったのは。

 

 

元のパスとオフセットしたパスは、形状が異なります。

カラーだけではなく形状もブレンドされるため、途中に不正なものができてしまうからなのです。

 

こちらは、【ネオン管】と言われている古くからのお馴染みの方法で、ラインに沿ってグラデーション(ぼかし)を入れるのに重宝されてきました。

 

 

グラフィックスタイルにも【ネオン効果】として入ってますので参考にしてみてくださいね。

 

手順は簡単です。

画像のようにアピアランスの線を太らせながら重ね、ブラックの%を減らしていきます。

で、ぼかし(ガウス)を指定して完成です。

 

 

 

見本は、わかりやすいように文字を300ptにしました。

線は、1mmづつ太らせ、ブラックを10%づつ減らしました。

線の数や数値はフォントの種類や大きさ、好みにもよりますから、ちょうどいいを見つけてくださいね。

 

上に塗りの黒、真ん中に重ねた線、下にオフセットした塗りの白です。

文字は一番下に置きました。

 

塗り白にぼかしを入れなかったため、塗り黒と各線それぞれにぼかしを付けていますが、全体をぼかして支障がなければその方が楽です。

文字本体をパッキリさせたい場合は、塗り黒のぼかしも外します。

個別に効果を付けるのは面倒なんですが、後からいじれるという利点があります。

 

文字変更できるように文字のままアピアランスを付けましたが、アウトラインでも同様にできます。

 

文字の大きさを変える時は、線幅効果ごと拡大縮小します。

 

出来たものは、グラフィックスタイルに登録しましょう。

 

 

単語もカラーグラデーションも大丈夫ですよ。

Translate
Participant
Jul 14, 2025 2:55 PM UTC

なるほど!すごく助かりました!

ありがとうございます!

Translate
mayanori
Participating Frequently
Jul 12, 2025 8:43 AM UTC

こんにちは。

このような感じでしょうか?

お時間いただければ、手順を載せますが。

 

Translate
Participant
Jul 13, 2025 3:11 PM UTC

返信ありがとうございます!!よかったら手順教えて欲しいです!

Translate
bizarre_n
Community Expert
Community Expert
Jul 12, 2025 8:15 AM UTC

グラデーションをつける、と考えるとこうなってしまうと思うのですが、周囲にボケ足をつける、と考えて見たらどうでしょう。

効果>ぼかし>ぼかし(ガウス)を適用してみると様子がわかると思います。

Translate