クリエイターなら絶対に登録しておきたい転職エージェント5選!

【Illustrator】イラレの文字ツールの基本的な使い方を詳しく解説【脱初心者】

この記事を読むのに必要な時間は約 24 分です。

こんにちは、「ゼロから始めるIllustrator」略して「ゼロイラ」の講座を始めます。

当Illustrator講座では文字の入力と設定について解説します。
文字の入力を知ると表現できる幅がぐっと増えますので、是非ご覧ください^^

では早速始めていきましょう!

色々な文字ツール

Illustratorには様々な文字ツールが存在します。

Illustratorでは文字を入力、編集するためのツールが7種類あります。
シーンに合わせて適した文字ツールを使い分けて効率的に作業を進めていきます。
注意
ツールバーが基本のままだと全ての文字ツールが表示されません。
[ ウィンドウ ] → [ ツールバー ] → [ 詳細設定 ] で全ツールを表示
または
ツールバー下部の [ … ] → [ すべてのツール ] → [ 種類 ] から必要な文字ツールを追加してください。

※ツールバーについてイラレの新規作成と保存、各種ファイル形式を詳しく解説で解説しております。

「文字ツール」を使った文字の入力

基本的な文字の入力には [ 文字ツール (T) ] を使用します。
まずは基本の文字ツールを使ってIllustratorでの文字入力に慣れていきましょう^^

文字ツールの基本的な使い方

STEP.1
文字ツールを選択
文字ツールを選択するとカーソルの形状が左図のような形になります。
画面をクリックすると文字入力モードになります。
STEP.2
文字を入力
「山路を登りながら」という文字列がいきなり表示されますが、気にせずお好きな文章を入力してください。
STEP.3
文字ツールの終了
文字の入力が完了したら [ Ctrl ] を押している間だけ選択ツールまたはダイレクト選択ツールに切り替わります。
その状態で画面の何も無い個所をクリックして文字入力を終了しましょう。
MATCHBOX
ポートフォリオ制作&転職を最速で実現
MATCHBOX はマイナビクリエイターが提供している高品質なポートフォリオを無料で作成できるサービスです。

作品とテキストを準備するだけで簡単にポートフォリオが作成できます。PDFに出力できるので紙媒体とWeb媒体の両方を超簡単に作成可能!

無料で使えるMATCHBOX を活用し最短でポートフォリオ制作とクリエイティブ業界への転職を実現しましょう。

「山路を登りながら」を消すには?

Illustrator初期設定状態で文字ツールで画面をクリックすると「山路を登りながら」というサンプルテキストが表示されます。

CC2017から登場した機能ですが、慣れてくると不要になる方が多いかと思われますので、非表示にする方法を記載しておきます。

[ Ctrl + K  ] → [ 環境設定 ] → [ テキスト ] → [ 新規テキストオブジェクトにサンプルテキストを貼り付け ]のチェックを外す

これでスッキリしました^^

文字属性の設定

先ほど入力した文字属性を設定してみます。
下記は文字属性を設定するための文字パネルです。

フォントファミリ、フォントサイズ等、文字属性を設定するには文字パレットを使用します。

画面上に文字パレットが無い
文字パレットが表示されていない場合は [ Ctrl + T ]
または
画面上部の [ ウィンドウ ] → [ 書式 ] → [ 文字 ] から表示させてください。

フォントファミリを設定

使用するフォントを選択できます。
PCにインストールされた使用可能なフォントの中から適したフォントを選択します。
素敵なフリーフォントを活用
無料&商用利用ができる素敵すぎるフリーフォントを紹介しております。フォントを変えるだけでガラリと作品の品質が変わります。
今より良いフォントが見つかるかも!?

フォントスタイルを設定

フォントのウェイト(太さ)や斜体等を設定します。
ウェイト、斜体の設定が可能なフォント、そうでないフォントが存在します。

フォントサイズを設定

フォントの大きさを設定します。

垂直比率・水平比率を設定

文字を長体、平体に変形する際に設定します。
基本的には垂直比率、水平比率共に100%の正体を用いますが、用途に応じて設定します。

行送り

行送りとは文字のベースラインから次の行のベースラインまでの距離の事を指します。
文字のサイズと行と行の間の窮迫を足したものが行送りとなります。

文字設定を行う上で行送りは頻繁に扱う設定項目です。
ショートカットで覚えておくと便利
行送りをしたい文字列を選択し、[ Alt + ↑ ] で間隔を狭める、[ Alt + ↓ ] で間隔を広げる
なお、文字オブジェクトを選択ツールで選択した状態で前述の操作を行うと、文字オブジェクト全体の行送りが設定できます。

カーニングとトラッキング

カーニングとトラッキング、どちらも文字と文字の間隔の事です。
それぞれの欄に正の値を入力すると文字の間隔が広がり、マイナスの値を入力すると文字間が詰まります。

2つの文字の間隔をカーニング、3文字以上の複数文字間隔をトラッキングといいます。

カーニングやトラッキングといった文字間調整は頻繁に使います。
なのでショートカットで覚えておくと便利です。

カーニングやトラッキングのショートカット
カーニング(特定の2つの文字間を調整)する場合
[ 文字ツール(T) ] で調整したい文字間をクリック → [ Alt + →  ] で間隔が開く・[ Alt + ← ] で間隔が狭まる

トラッキング(特定の3文字以上の文字間を調整)する場合
[ 文字ツール(T) ]
で調整したい文字を3文字以上選択 → [ Alt + → ] で間隔が開く・[ Alt + ← ] で間隔が狭まる

トラッキングで文字オブジェクト全体の文字間を調整する場合
[ 選択ツール(V) ]
で文字オブジェクトを選択 → [ Alt + → ] で間隔が開く・[ Alt + ← ] で間隔が狭まる

商用利用可能な最高品質の最強素材サイト

AdobeStockはAIやPSDをはじめとした全Adobe製品のネイティブ形式の素材データが揃っています。
ダウンロードし、文字を編集するだけで高品質な作品が作成可能です。もちろん商用利用可能!

エリア内文字ツール

任意の形状のパスオブジェクトを作成し、その中に文字を入力することができます。
エリア内文字ツールのカーソル形状です。

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

  1. 長方形ツール、楕円形ツール、ペンツール等で文字エリアの元となるパスオブジェクトを作成。
  2. [ エリア内文字ツール ] でセグメント上をクリック。
  3. 任意の文字を入力。
  4. 文字の入力が完了したら [ Ctrl ] を押しながら画面の何もない個所をクリックして終了。

エリアサイズを調整する

元となるパスオブジェクトのアンカーポイントやハンドルを操作し、形状を変更することでエリアサイズを調整することができます。

また、 [ 選択ツール (V) ] で文字オブジェクトを選択すると、文字エリアの上下左右の中央に小さな□が付いているのが確認できます。
□を [ 選択ツール (V) ] でつまみ、ドラッグすると文字エリアの大きさを変更できます。
上下の□を上下にドラッグすると高さの調整、左右の□を左右にドラッグすると横幅の調整ができます。

ポートフォリオ制作&転職を最短で実現しよう

MATCHBOX はマイナビクリエイターが提供している無料ポートフォリオ作成サービスです。
作品とテキストを入れるだけでポートフォリオが作成できます。PDF出力ができるので紙媒体とWeb媒体の両方を同時に作成可能!

無料で使えるMATCHBOX を活用し、最短でポートフォリオ制作とクリエイティブ業界への転職を実現しましょう。

パス上文字ツール

パス上文字ツールを使うと、任意のパスに沿うように文字を入力することができます。

パス上文字ツールの使い方

  1. ペンツールや長方形ツール等で、文字を沿わせる元となるオブジェクトを作成。
  2. [ パス上文字ツール ] に変更し、作成したパスをクリック。(セグメント上をクリック)なお、クリックした箇所が文字入力の始点となります。
  3. 任意の文字を入力します。
  4. 終了する場合は文字ツールと同様、[ Ctrl ] を押しながら画面の何も無い個所をクリック。

パス上の文字全体を移動する

パス上で文字全体を移動させる方法です。
[ 選択ツール (V) ] で文字オブジェクトを選択すると上記のように3本の線が表示されます。
真ん中の棒をドラッグするとパス上の文字全体を移動できます。

文字の終点位置を変更する

パス上の文字の終点位置を変更する方法です。
[ 選択ツール (V) ] で文字オブジェクトを選択すると上記のように3本の線が表示されます。
一番右側の棒をドラッグすると終点位置を変更できます。

文字の始点位置を変更する

パス上の文字の始点位置を変更する方法です。
[ 選択ツール (V) ] で文字オブジェクトを選択すると上記のように3本の線が表示されます。
一番左側の棒をドラッグすると始点位置を変更できます。

文字を沿わせる位置を反転させる

パス上の文字を沿わせる位置を反転させる方法です。
[ 選択ツール (V) ] で文字オブジェクトを選択すると上記のように3本の線が表示されます。
真ん中の棒を内側へドラッグすると位置が反転できます

テックキャンプなら最短でデザイナー転職が目指せる

本気で未経験からプロのデザイナーに転職を考えられている方は テックキャンプ デザイナー転職 がおすすめです。
非効率的な独学ではなく、現役デザイナーのプロによる授業・転職を見据えた実践的なカリキュラム・手厚い転職サポートで12週間で転職!
万が一転職が成功しなかった場合は受講料が全額返金されるので安心ですよ。

文字(縦)ツール

[ 文字(縦)ツール ] は文字を縦方向に入力ができます。
[ 文字ツール(T) ] の縦入力版です。
操作方法、動作の挙動は [ 文字ツール(T) ] と同様です。

※半角英数を入力した場合、左図のように文字が90度横向くようになります。
英数字を入力する場合は全角入力にする、または半角英数字を [ 文字回転 ] から90度回転させてください。

エリア内文字(縦)ツール

[ エリア内文字(縦)ツール ] は、任意のエリア内に縦方向で文字を入力することができます。
[ エリア内文字ツール ] の縦入力版です。
操作方法、動作の挙動は [ エリア内文字ツール ] と同様です。

パス上文字(縦)ツール

[ パス上文字(縦)ツール ] は、任意のパスオブジェクトに沿って文字を縦方向に入力することができます。
[ パス上文字ツール ] の縦入力版です。
操作方法、挙動は [ パス上文字ツール ] と同様です。

文字タッチツール

[ 文字タッチツール ] は入力した文字を直感的に操作するツールです。
文字パネルから数値を編集しなくても、マウス操作だけで文字を個別に編集できます。

文字タッチツールを使って文字を編集する

編集したい文字を文字タッチツールでクリックします。
サンプルでは「チ」を編集してみたいと思います。
クリックすると「チ」が編集モードになります。編集対象の文字周辺にある丸いアイコンを操作して文字を編集します。

フォントサイズを変更する

フォントサイズを変更するには右上の〇アイコンを操作します。

垂直比率を変更する

垂直比率を変更するには左上の〇アイコンを操作します。

水平比率を変更する

水平比率を変更するには右下の〇アイコンを操作します。

文字回転を変更する

文字回転を変更するには真ん中上の〇アイコンを操作します。

文字位置を変更する

文字位置を変更するには左下の〇アイコンを移動させたい場所へドラッグします。

文字の組み方向を変更する

文字の組み方向を変更できます。
「縦組み」から「横組み」、「横組み」から「縦組み」へ変更できます。

画面上部の [ 書式 ] →  [ 組み方向 ] → [ 横組み・縦組み ] で変更できます。

おわりに

基本的な「文字ツール」を使う頻度が高いですが、その他の文字ツールの使い方を知っておくと表現の幅がさらに広がります。
文字入力は奥が深いですが、面白いですよ^^

おつかれさまでした。

次の講座ではアピアランスを使って文字に線の設定や効果を付与してみます。
通常の線の設定ではキレイに出来ませんので是非ご覧ください。

【Illustrator】イラレのアピアランスを使った線の設定・線のデザインを詳しく解説
Illustratorを最安で導入しよう

オススメはコンプリートプラン

単品よりも圧倒的にお得で便利なCreative Cloudコンプリートプランがオススメです。Photoshop、Illustrator、Acrobatを単体で使うと、費用がコンプリートプランと同等かそれ以上になります。
初めからコンプリートプランを選択する方が断然お得&便利ですよ。

学生・教職員なら

学生や教職員の方にオススメなのが
アプリ1本分の価格で全てのAdobe製品が使い放題!

Illustrator単品なら

Illustrator単体なら があります。
ソフト1本当たりの価格はコンプリートプランと比べて割高ですが、イラレ単体なら最安です。

制作を加速させる最強素材サイト

最強素材サイトであるAdobeStockがあると制作の効率性、品質がさらに高まります。
無料素材とは一味違うので手を加える手間が劇的に省けますよ。

ゼロイラもくじ

ゼロから始めるIllustratorのもくじです。

ゼロから始めるIllustrator目次
【導入編】ゼロから始めるIllustrator
最安値でイラレを購入する方法と導入方法
イラレでよく使う機能15選 for 初心者
イラレ全ショートカット一覧
Illustratorとは・DTPの基礎知識
操作画面、新規作成と保存、各種ファイル形式
オブジェクトの作成と選択、構造
イラレの塗りと線について
イラレのカラーモードについて
RGBからCMYKへ変換する方法
整列と分布について徹底解説
オブジェクト重ね順について徹底解説
数値入力によるオブジェクトの作成と操作
レイヤーの概念と操作を分かりやすく徹底解説
オブジェクトの色々なコピペ方法
ペンツールの基本操作とパスの編集
ペンツールを使ったトレースのテクニック①
ペンツールを使ったトレースのテクニック②
グラデーションツールを極める
メッシュツール・グラデーションメッシュの使い方
ブラシツール・塗りブラシツールの使い方と違い
消しゴムツール・はさみツール・ナイフの使い方
パスファインダーの機能全てを徹底解説
ブレンドツールを使ったオブジェクト作成
回転ツールと回転コピーの使い方
リフレクトツールの使い方
歯車や花、本など色々な図形を作る方法
文字ツールの基本的な使い方
文字を装飾する・アピアランスの設定
文字で画像をマスクする
アピアランスを使って線を設定・線をデザインする
クリッピングマスクの使い方を徹底解説
ライブトレースを徹底解説
ライブペイントを徹底解説
イラレで略地図を作る
編集しやすい角丸長方形の作り方
トンボ(トリムマーク)の設定と塗り足し
名刺サイズのレイアウト用紙の作成とガイドの作成・活用
ポートフォリオ用のテンプレート
ニーアオートマタのUI風ポートフォリオ用テーマ
ゼロイラの目次一覧
SCROLL
目次一覧
ゼロから始めるシリーズ

IllutratorとPhotoshopの使い方をゼロから解説する「ゼロから始めるIllustrator」と「ゼロから始めるPhotoshop」の目次リンクです。
本業が教えるイラレとフォトショ講座の目次は下記からどうぞ。