テキストボックスの作り方と文字を綺麗に揃える方法~Adobe Illustrator 2024~

テキストボックスの作り方

今回は、Illustratorでテキストボックスの作り方と文字を綺麗に揃える方法をご紹介します。

文字を綺麗に整えて、綺麗なデザインを作成しましょう。

目次

イラストレーターのテキストボックス

Illustratorのテキストボックスは、通常「エリア内文字」と呼ばれます。

イメージする形は同じものとなりますので、名称だけ覚えてください。

テキストボックスの作り方

テキストボックス(エリア内文字)の作り方は2種類あります。

テキストボックスの作り方
  • エリア内文字ツール
  • テキストツールでドラッグする

この2種類でテキストボックスを作成できます。

それぞれ解説します。

エリア内文字ツールの使い方

まずは、エリア内文字ツールの使い方です。

まずは、パスでボックスの作成

長方形ツール
長方形ツール

まずは、パスでボックスの作成をしましょう。

ツールバーの長方形ツールを使ってテキストボックスの元となるボックスを作ります。

ツールバーのテキストツールを長押し

テキストツールを長押し
テキストツールを長押し

まずは、左側にある「テキストツール」を長押しします。

するとテキストツールに包括されている様々なテキスト関係のツールが表示されます。

エリア内文字ツールを選択

エリア内文字ツール

テキスト関係のツール内に「エリア内文字ツール」がありますので、そちらのツールを選択してください。

これでエリア内文字ツールが選択できるようになりました。

最初に作成した長方形上を「エリア内文字ツール」でクリック

最初に作成した長方形のパスの上を「エリア内文字ツール」でクリックすると長方形の大きさでテキストボックスが作成されます。

エリア文字
エリア文字

長方形以外でもパスであればOK

先ほどは、長方形で作成をしましたが、長方形以外でもパスであればOKです。

例えば、下のパスを用意しました。

様々なパス
様々なパス

もちろんその形でテキストボックスが作成できます。

様々なテキストボックス

これを応用すれば、いろんなデザインが可能です。

例えば、被写体の輪郭に合わせて文字を描く方法のようなものが作成可能です。

テキストツールでドラッグする方法

テキストツールの状態で、アートボード内に左クリック→ドラッグをすると、テキストボックスを作成可能です。

以下のgifアニメのようにシンプルに作成可能です。

テキストツールの状態でドラッグ
テキストツールの状態でドラッグ

テキストボックスの文字を綺麗に揃える方法

通常、テキストボックスを作成すると、下の画像のようにテキストボックスの右端が揃わず綺麗に表示されません。

揃わない
このように右端が揃いません

空間に黒丸を当てるとこのようになりました。

無駄な隙間が気になる

このばらつきを直すには、「段落パネル」の「均等配置(最終行左揃え)」をクリックすると、右側のばらつきがなくなって揃ったテキストボックスになります。

均等配列

これで完了です。

今回は、テキストボックスに関してでした。

揃った文章を作成して綺麗にデザインを行いましょう。

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

この記事を書いた人

当サイトへお越しいただきありがとうございます。管理人の田村健太です。仕事は写真撮影、動画撮影・編集、Web制作を行っています。このサイトでは簡単なデザインソフトについて解説しています。「初心者の方にもわかりやすく」をテーマに更新しています。もしわからない点がありましたら気軽にお声掛けください。

目次