この記事は2分で読めます

【Illustrator】縁取り文字の作り方

  • 投稿日
  • 更新日

あとで読む

【Illustrator】縁取り文字の作り方

今回はIllustratorで縁取り文字を作る方法について解説します。アピアランスを使用し、簡単に縁取り文字を作成することができるので、ぜひ試してみてください。

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

はじめに

今回はこのような縁取り文字を作成していきます。

縁取り文字の作りかた

STEP
文字を入力する

文字を入力します。今回は「小塚ゴシック Pr6N」を使用しています。

STEP
アピアランスパネルを開く

アピアランスパネルを開きます。

アピアランスパネルが表示されていない場合は、メニューバーの[アピアランス]を選択することで開くことができます。

STEP
線を追加する

文字が選択されていることを確認し、アピアランスパネルの左下の「新規線を追加」をクリックします。

STEP
色を変更する

縁取りの線の色を変更します。

「線」をクリックし、スウォッチから色を選択します。

もしくはツールバー「線」の色をクリックすることで、カラーピッカーから色を選択することができます。

STEP
線の太さを変更する

線の太さを変更します。今回は6pxとしました。

STEP
塗りと線の順番を変更する

今の状態だと線がいちばん前にきており縁取りがうまくできていないので、塗りと線の順番を入れ替えます。

アピアランスパネルの「線」を選択し、「文字」の下にドラッグして移動させます。

STEP
トゲを消す

縁取り文字を作るとトゲができてしまうことがあります。トゲができてしまった場合の解消方法を最後に解説します。

アピアランスパネルを開き、「線」をクリックします。

線の詳細パネルが出てくるので、「比率」の数値を小さくしていきます。

今回は比率を4→3に変更することでトゲをなくすことができました。

トゲができてしまった場合は、トゲがなくなるまで数値を小さくしてみてください。

おわりに

今回はIllustratorで縁取り文字を作る方法について解説しました。

アピアランスを使うことで扱いやすい縁取り文字を作ることができるので、ぜひ試してみてください。

この記事で使用したデータの
ダウンロードはこちら

利用規約 ※必ずお読みください

この記事を書いた人

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須