2014-12-09

2014-12-09

文字サイズのバランスで見せるAdd Star

 

 

まとまって見える文字組みのコツ

  • Illustratorでの文字詰め
  • Webでの文字詰めは、カーニングが基本

f:id:web-0818:20141008172725p:image


限定アイテムをつくる

 

f:id:web-images:20121105231033j:image

 


文字ツールを使う
  • 文字入力(配置したい位置ではなく、別の開いているスペースで入力する)
  • 入力後、移動ツールで配置したい位置に置く

 

f:id:web-images:20121106004331j:image

 


行間・字間を調節する
  • テキストで表示する場合は不要ですが、画像にする場合は微調整が必要です

 

行間を詰める

 

  • 文字サイズより少し大きめにする程度(例:23px/25px)

 

f:id:web-images:20121106005626j:image

 


 

字間を詰める

 

 

f:id:web-images:20121106010204j:image

 


 

縦書き

 

  • 「縦書き文字ツール」を選択する

 

f:id:web-images:20121106030815j:image

 


 

f:id:web-images:20121106031254j:image

 


 

ワープテキスト

 

  • 「ワープテキスト」→「円弧」を選択する

 

f:id:web-images:20121106032805j:image

 


 

自由変形

 

  • 「編集」→「自由変形」を選択する
  • 角度を微調整する

 

境界線

 

  • 「レイヤー効果」→「境界線」を選択する

 

f:id:web-images:20121106033809j:image

 


 

f:id:web-images:20121106034228j:image

 


 

f:id:web-images:20121106033631j:image

 


 

段組テキスト

 

  • 「文字ツール」で文字を入れたいスペースをドラッグする
  • 禁則処理を「強い禁則」を選択すると、句読点などが行頭に来てしまうことを防ぐことができます
  • 画像ではなくテキストで展開する場合は、左揃えのままにします

 

f:id:web-images:20121106035136j:image

 


  • その他の文字も入れて完成させます

 

f:id:web-images:20121105231213j:image