![](http://howtotips-webec.com/wp-content/uploads/2020/01/tex_sale_end.jpg)
「もう迷わない!広告レイアウトのルール」で配置の基本を学びました。
文字をブロックとして捉え、ブロック内に文字を収めるのに必要なテクニックを紹介します。
STEP1 文字パネル
![illustrator文字パネル](http://howtotips-webec.com/wp-content/uploads/2020/01/tex_sale05.jpg)
文字パネルを表示しておきます。
[ウィンドウ]→[書式]→[文字] または Ctrl + T で表示
![テキスト](http://howtotips-webec.com/wp-content/uploads/2020/01/tex_sale06.jpg)
テキスト入力します。
続けて改行せずに一つずつテキスト入力してください。
STEP2 文字間を詰める
![文字間詰め](http://howtotips-webec.com/wp-content/uploads/2020/02/text_tume.gif)
![文字の隙間](http://howtotips-webec.com/wp-content/uploads/2020/01/tex_sale01.jpg)
全角で英数字を入力すると文字と文字の間の隙間が必要以上に空いたりします。
余分な隙間を調整します。
![文字間の詰める](http://howtotips-webec.com/wp-content/uploads/2020/01/tex_sale03.jpg)
パネルの赤枠のUIで文字間を詰める。
![文字間を詰める](http://howtotips-webec.com/wp-content/uploads/2020/01/tex_sale02.jpg)
![文字間を広げる](http://howtotips-webec.com/wp-content/uploads/2020/01/tex_sale04.jpg)
文字サイズの調整
![](http://howtotips-webec.com/wp-content/uploads/2020/01/wp_text08_01.jpg)
![](http://howtotips-webec.com/wp-content/uploads/2020/01/wp_text08_02.jpg)
ブロックの領域内に文字を収めるよう文字の大きさを変えていきます。
![](http://howtotips-webec.com/wp-content/uploads/2020/01/wp_text08_03.jpg)
文字の位置調整
![](http://howtotips-webec.com/wp-content/uploads/2020/01/wp_text09_01.jpg)
SUMMERの「R」が「E」より突き抜けているのでこれを調整します。
![](http://howtotips-webec.com/wp-content/uploads/2020/01/wp_text09_02.jpg)
テキストを選択し、方向キーで左へ寄せます。
微量な位置調整はマウスでするより方向キーの方がやりやすい。
![](http://howtotips-webec.com/wp-content/uploads/2020/01/wp_text09_03.jpg)
ちなみに、Shiftキーを押したまま方向キーを押すと
僅かに移動距離が伸びます。
![](http://howtotips-webec.com/wp-content/uploads/2020/01/wp_text10_01.jpg)
![](http://howtotips-webec.com/wp-content/uploads/2020/01/wp_text10_02.jpg)
SPRINGに1文字分の空白があるので下のSUMMERの幅と同じになるよう
調整します。
![](http://howtotips-webec.com/wp-content/uploads/2020/01/wp_text10_03.jpg)
位置調整終わりです。
まとめ
![バナー完成](http://howtotips-webec.com/wp-content/uploads/2020/01/tex_sale_end.jpg)
“ブロック内にテキストを収める”これだけでも見栄えのいい広告が最短で作れます。
マウスだけでなくキーボード操作にも慣れる練習してみてください。
その他 調整方法
行を狭めたいとき
![](http://howtotips-webec.com/wp-content/uploads/2020/02/text_gyou-1.gif)
水平に伸ばして調整する方法もありですね。(こっちの方が手っ取り早かも)
![水平に伸ばす](http://howtotips-webec.com/wp-content/uploads/2020/02/text_suihei.gif)