Kishioka-Designの日誌

Adobe/Flmora/Canva/STUDIO/CopilotなどのソフトウェアやIT関連の情報をお伝えするブログです。

文字ごとに異なるカラーのフチをつける方法【Illustrator】

文字ごとに異なるカラーのフチをつける方法【Illustrator】

Illustratorでデザインをしていると、文字にカラフルなフチをつけて、より華やかで目を引くレイアウトにしたい場面がありますよね。この記事では、文字ごとに異なるカラーのフチをつける方法をご紹介します。
このテクニックは、アピアランス機能を活用することで、塗りと線を自由にコントロールできるのがポイントです。イベントのチラシやポップなデザインにぴったりですよ!

テキストを作成し、基本設定を整える

まずは、好きな内容でテキストオブジェクトを作成します。
●フォントや文字サイズは「文字」パネルで自由に設定します。
 

●この時点では、線と塗りのカラーはどちらも「なし」にしておきます。
 


アピアランス」パネルで塗りを追加

テキストオブジェクトを選択した状態で、「アピアランス」パネルを開きます。
●「新規塗りを追加」をクリック。
 

●追加された塗りに、ベースとなる好きなカラーを設定します。
この塗りが、文字の中身の色になります。(※作業を行いやすいように一旦、色を付けていますが、最終的には白に変更しています)
 


文字ごとにフチのカラーを設定

次に、文字ごとに異なるフチ(線)の色を設定していきます。
●「文字」ツールでテキストをドラッグし、ひと文字ずつ選択。
●「カラー」パネルで線のカラーを設定します。
●線幅は自由に設定できますが、すべて同じ太さにすると統一感が出ます。
 

●トゲが出ないように、「線」パネルで角の形状を「ラウンド結合」に設定しましょう。
 


アピアランスの重ね順を確認

最後に、「アピアランス」パネルで「文字」の項目が塗りの項目よりも下にあるかを確認します。
●もし順番が逆になっていたら、ドラッグで順番を入れ替えましょう。
●正しく設定されていれば、カラフルなフチ文字の完成です!
 


まとめ

この方法を使えば、Illustratorで簡単に文字ごとに異なるカラーのフチ文字を作成できます。ポップなデザインや目立たせたいタイトルなど、さまざまなシーンで活用できる便利なテクニックです。
ぜひ、あなたのデザインにも取り入れてみてくださいね!
 
 
■Kishioka Design Blog
■Kishioka-Design日誌(はてなブログ
■note