ボタン作成〜Illustrator

Illustrator

Illustratorで簡単にボタンを作成する方法です。文字数が増えても勝手にボタンが大きくなるというものです。
「愛(Ai)はクリエイティブを救う」からのネタを参考にしたものです。(CCで確認)
txt5

  1. テキストツールでテキストを作成
  2. アピアランスで新規塗りを2回作成
    txt2
  3. メニューから「効果」→「形状に変換」出てくるメニューから作成したいボタンの形状を選択
    txt3
  4. アピアランスパネルの下の塗りがボタンの色。上がテキストの色になります
    txt4

「形状に変換」で「長方形」を選択すれば長方形、「角丸長方形」を選択すれば角丸長方形、「楕円形」を選択すると丸いボタンを作成することができます。
文字数に応じてボタンの形状が変化してくれるので使い勝手がよいです。

fontのベースラインの関係からテキストの位置が垂直方向の中央に来ない場合は微調整します。
その場合はメニューから「効果」→「パスの変形」→「変形」を選択して調整します。

tx6

tx5

タイトルとURLをコピーしました