Illustrator CS6で袋文字(枠付き文字)

Sponsored Link


袋文字(枠付き文字)とは


2013-11-01_183438

文字ツールで文字を書く

2013-11-01_165437

  1. 文字ツールで文字を書きます。
  2. フォントは「A-OTF 新ゴ Pro」
  3. 文字種はボールド
  4. フォントサイズは30pt

文字の下地をアピアランスで整える


2013-11-01_172111
アピアランスの「文字」をダブルクリックして「線」も「塗り」も無しにしてください。

袋文字を作る

2013-11-01_174437

  1. アピアランスのメニューで「新規塗りを追加」で追加
  2. 追加した「線」にRGBで「3A5A98」色を付けます
  3. 「線」の色指定部分を一度クリックしてから、再度「SHIFT」キーを押しながらクリックするとコードで色指定可能
  4. 線の幅は「3.38pt」
  5. 「線」の部分をクリックして「角の形状」を「ラウンド結合」
  6. 「線」を「塗り」の下に移動

2013-11-01_181526

白枠付きの文字にしてみる

2013-11-01_181832

  1. 先ほどの「線」と「塗り」の色を切り替え
  2. 「塗り」に色を付けます。今回はRGBで「3A5A98」を指定
  3. 「線」の色をRGBで「FFFFFF」にする
  4. 線幅は「6pt」

2013-11-01_181938

二重枠付きの文字にする


2013-11-01_183438
仕組みは簡単で線幅の異なる「線」を2つ作ります。

  1. アピアランスの右上隅のメニューに「新規線を追加」があるので、それを選択
  2. RGBで「3A5A98」を指定して、線幅は「9pt」
  3. 線の「角の形状」は勝手に「ラウンド結合」になっている

2013-11-01_183144
そのままの順番だと全面青色状態になりますので、順番を入れ替えて一番下に持っていきます。
2013-11-01_183252

二重枠付きの文字の改良


2013-11-01_190159
先ほどの文字の色を白と青で入れ替えてみます。
一番下の白色の線幅は「10pt」に増やします。
2013-11-01_190107

一文字ずつ文字色を変える


2013-11-01_191805
これまでのアピアランスの「塗り」は一文字ずつは指定できません。一文字ずつ指定するには最初にアピアランスの「文字」で「塗り」を「無し」にした状態で一文字ずつ範囲指定して文字色を個別指定する必要があります。文字色は一番最初に「色なし」にしたところです。

2013-11-01_172111

文字一文字分を範囲選択して、ここで「塗り」を指定すると一文字ずつの色指定ができます。

しかし、これだけだとアピアランスの「文字」は先ほどまで操作していた「線」や「塗り」の下に隠れてしまっているので、表に出てくることはありません。

「文字」を一番上にして、それと同時に「塗り」の色を無色にしてください。

2013-11-01_192525


大阪でトラウマになった人続出のコマーシャルに出演していた鈴木奈々がついに関東人を襲撃。(動画あり)


Sponsored Link

最新記事はトップページで!

京都発・地方が盛り上がるグルメや観光に撮影ロケ地の話題を提供!


購読するならRSSをご利用ください!

RSSはこちらをご利用ください。


マスコミ各社様の記事使用規約についてはこちらをご覧ください。

当ブログでは掲示板やSNSなど他メディアでURLや記事を紹介することはございませんので、掲示板などで記事を紹介されていても一切無関係です。誤解なきようお願いいたします。
当ブログで転載しているTweetはTwitter社の規約(2013/10)に準じた形式(API利用)によって許可された範囲で行われています。また、Tweet内容の所有権はTwitter社の規約によりTweet元のアカウント所有者にあります。そのため、当ブログでその所有権を主張するものではありません。Tweet内容については責任は負いませんので予めご了承ください。