Skip to main content
Participant
July 12, 2025
Answered

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

  • July 12, 2025
  • 5 replies
  • 443 views

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

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

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

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

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

Correct answer mayanori

手順です。

 

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

 

 

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

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

 

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

 

 

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

 

手順は簡単です。

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

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

 

 

 

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

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

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

 

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

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

 

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

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

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

 

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

 

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

 

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

 

 

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

5 replies

ajabon grinsmith
Community Expert
Community Expert
July 15, 2025

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

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

mayanori
Participating Frequently
July 15, 2025

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

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

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

ありがとうございます!

mayanori
Participating Frequently
July 13, 2025

連続投稿すみません。

うっかり忘れてました。

 

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

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

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

 

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

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

 

mayanori
mayanoriCorrect answer
Participating Frequently
July 13, 2025

手順です。

 

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

 

 

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

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

 

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

 

 

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

 

手順は簡単です。

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

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

 

 

 

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

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

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

 

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

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

 

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

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

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

 

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

 

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

 

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

 

 

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

Participant
July 14, 2025

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

ありがとうございます!

mayanori
Participating Frequently
July 12, 2025

こんにちは。

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

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

 

Participant
July 13, 2025

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

bizarre_n
Community Expert
Community Expert
July 12, 2025

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

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