【illustrator】アピアランスパネルを使って、文字をつぶさずに縁取りをする方法

こんにちはHANAです。
今回は、「Illustratorで文字の縁取りをしたら文字が潰れてしまった！」という方に向けて、文字が潰れないように、アピアランスパネルを使って文字の縁取りをする方法をご紹介します。

• \\　目 次　//
• 完成イメージとの比較
• アピアランスパネルの使用方法
• 簡単な応用編
• まとめ

完成イメージとの比較

下図を見てもらうとわかるように、①がよくやりがちな文字が潰れてしまう縁取りです。
②は文字を潰さずに縁取りができていることがわかります。
どちらも文字の大きさや太さは同じですが、ここまで違いが出ます。

 

アピアランスパネルの使用方法

まず、③のテキストツールで文字を入力します。
(テキストツールの具体的な使用方法については今回は省略します)

後ほどアピアランスパネルで色設定をしますが、それとは別に④の塗り設定も残ってしまうので④は塗りと線はなしにしておきます。

ちなみに、上記①の文字が潰れてしまっている縁取りは、④で線を設定したときに起こりがちです。

画面上部にある⑤のウィンドウから⑥のアピアランス(ショートカット：Shift + F6)を選択します。

アピアランスパネルが開くので、⑦の「新規線を追加」または「新規塗りを追加」をクリックします。⑧の塗りを任意の色にします。

続いて⑨の線の色を設定してみます。

この時点では、⑩の線の太さを太くすると文字が潰れてしまいます。

そこで、「線」を「塗り」の下にドラック＆ドロップします。
ここまできたら、⑪で線の太さを太くしても文字が潰れていないのがわかると思います。
ひとまずこれで完成です。

 

簡単な応用編

⑫の「新規線を追加」でさらに線を増やすことができます。
先ほどの黒色の線の下に配置して、線の色と太さを調節すると、さらに重ねて縁取りすることも可能です。

 

まとめ

いかがだったでしょうか。
今回は基本的な部分に触れましたが、アピアランスパネルは様々な応用もできると思います。
みなさんも色々試してみてください。
HANAでした。
 

• 前の記事へ

  【iPhone】アプリのアイコンを変更する方法

• 次の記事へ

  【Photoshop】屈折した影を作る方法をご紹介！