【Illustrator】イラレの文字デザイン 作り方・加工方法 8選

Illustratorは操作が少し複雑なので文字の装飾をしたくてもうまくできなかったり、やり方がすぐにわからなかったりします。

本記事でははじめてIllustratorを使う人でも簡単にテキストデザインが行えるように定番の文字装飾の方法をわかりやすく解説します。

Illustratorが使えるAdobe CCを安く買う方法はこちら

ふちどり文字の作り方

よく使うにも関わらず、単純に線をつけただけではうまくいかない「ふちどり文字」の作り方から解説します。

文字をふちどりする方法

テキストにふちどりを行う場合はアピアランス機能を使用するのがおすすめです。

普通に「線」に色をつけた状態だと「塗り」よりも「線」が前面にあり綺麗にふちどりができません。

• テキストを入力（T）
• アピアランスパネルを表示（Shift＋F6）
• 「線」の色、幅、形状を変更
• 「線」をドラッグして「塗り」の下へ移動

以上の手順で「線」を「塗り」の下層へ移動させるだけでふちどりテキストを作成することができます。

テキスト入力の方法から詳しく知りたいという方は以下の記事をご覧ください。

線がギザギザになるのは線オプションで「ラウンド結合」に変更

線は「角の形状」の設定によって角がギザギザしたりなめらかになったりします。

「線」をクリックすることで形状の設定を変更することができます。

デフォルトでは「マイター結合」になっているので「ラウンド結合」に変更してください。

アピアランスを使わない超かんたんなふちどり方法

アピアランスを使う方法が一番スマートですが、テキストを2つ重ね合わせて縁取りを作るシンプルな方法もあります。

• テキストをコピー
• テキストを背面にペースト
• 背面オブジェクトの「線」の色と幅を設定

Illustratorで文字のふちどりを行う方法は他にもあります。以下の記事で詳しく解説しているので合わせてご覧ください。

二重にふちどりする方法なども解説しています。

テキストにドロップシャドウや影をつける方法

テキストにドロップシャドウやフラットな影をつける方法を解説します。

ドロップシャドウでぼかした影をつける

影をつける方法はいくつもありますが、一番お手軽なのがアピランス効果を使ったドロップシャドウの適用です。

以下の手順でドロップシャドウを追加することができます。

1. テキストオブジェクトを選択
2. メニューの「効果」を選択
3. 「スタイライズ」から「ドロップシャドウ」を選択

これだけでテキストにドロップシャドウが適用されます。

アピアランスパネル（Shift＋F6）でドロップシャドウを削除したり、濃度や距離などの設定を変更することができます。

ドロップシャドウの不透明度を変えてフラットなシャドウに変更する

1. アピアランスパネルを表示（Shift＋F6）
2. ドロップシャドウの文字をクリック
3. ドロップシャドウのオプションを調整
   • 不透明度を100%に変更
   • ぼかしを0%に変更
   • カラーを変更

ドロップシャドウはデフォルトだと「不透明度75%」＆「ぼかし」となっており、若干主張が強くなっています。

そのままだと浮いてしまいがちなので設定を変更して不透明度を下げたり、ぼかしをなくしてフラットにしたりするといい感じのシャドウになります。

アーチ状やパスに沿ったテキストデザインの作り方

テキストをパスに沿わせたり、テキストを円やアーチ状に変形させる方法を解説します。

パスに沿ったテキストデザイン

テキストをパスに沿わせる方法は次のとおり。

1. テキストを沿わせたい形状のパスオブジェクトを作成
2. パス上文字ツールでパス上の線（セグメント）をクリック
3. パス形状にテキストが入力可能になる
4. フォントや文字サイズなどを変更して完成

ペンツールPや長方形ツールなどでパスオブジェクトを作成し、その上に文字ツールやパス上文字ツールで文字を入力するだけです。

作成したテキストは文字の打ち替えだけでなくアピアランスを適用することもできます。

ワープ効果によるアーチテキストデザイン

1. テキストオブジェクトを選択
2. メニュー「効果」
3. 「ワープ」
4. 「アーチ」を選択
5. カーブの強さを0~100%で変更

効果メニューの「ワープ」を使えば簡単にアーチや円弧形状のテキストを作成することができます。

他にも「円弧」「上弦」「下弦」など、たくさんの形状に楽に変更することができます。

メニュー「オブジェクト」→「アピアランスを分割」を選択することで変形後の形状でアウトライン化することができます。

図形形状に文字を変形させるエンベロープ機能

エンベロープ機能は全面に配置した図形と同じ形状に変形してくれる機能です。

使い方は以下の通り。

• テキストを作成
• 変形させたい形状の図形を作成
• 図形とテキスト両方を選択
• メニュー「オブジェクト」
• エンベロープ
• 最前面のオブジェクトで作成

ポイントは「テキストを背面に配置する」「前面の図形は単一オブジェクトを使用する」の2点です。

グループオブジェクトや複合パスでは使用することができないので右クリックメニューから解除してからエンベロープを使用してください。

エンベロープ機能については以下の記事で解説しています。

画像を文字で切り抜いた文字デザインを作る方法

画像を文字で切り抜いたり、型抜きして背景が見えるようにしたりするテキストデザインの手法を解説します。

クリッピングマスクで画像を使った文字の作成

シェイプをくり抜いたテキストデザイン

画像やシェイプをテキスト形状でくり抜いて文字の下が見えるようにしたテキストデザインの作り方を解説します。

• 切り抜くオブジェクトとテキストをグループ化する
• 「効果」として「パスファインダー」を選び
• 「前面オブジェクトで型抜き」を選択

以上の手順でシェイプが型抜きされ、シェイプの背景が部分的に表示されます。

アウトライン化して普通にパスファインダーを使用することもできます。
詳しくはパスファインダーの使い方の記事をご覧ください。

ゴールドやシルバーの光沢のあるテキストデザイン

テキストにゴールドやシルバーなど金属系の光沢を適用する方法を解説します。

ゴールド・シルバーのグラデーションを使った方法

テクスチャ画像素材を使用する方法

グラデーションよりリアルな輝きを表現したい場合はゴールドやシルバーのテクスチャ素材を使用するのがおすすめです。

操作手順は画像を文字で切り抜く方法と同じようにクリッピングマスクを使用します。

Illustratorで立体的なテキストを作る方法

Illustratorではテキストをアウトライン化すること無く3Dテキストを作成することができます。

立体的な表現を行う手段はいくつもありますがよく使う3つの方法を解説します。

3D効果を使った立体的でリアルな3Dテキストを作る方法

ブレンドを使う方法

3D効果が使えないCS6など旧バージョンのIllustratorを使う場合はブレンド機能を使うことで立体的なテキストを作成することができます。

アピアランスの変形・オフセットを使った方法

アピアランスは少し使い方が難しいですが使いこなせばあらゆるデザインを作ることが可能になるのでおすすめの方法です。

鏡面に反射するテキストデザイン

文字を個別に調整したテキストデザイン

文字を個々に選択してプロパティ編集したり、アウトライン化して編集したりしなくてもかんたんに調整する方法があるので解説します。

文字タッチツールでアウトライン化せずに自在に動かす

「文字タッチツール」を使えばアウトライン化すること無く、個別にバウンディングボックスを使って文字を動かしたり、拡大縮小、回転などを行うことが可能になります。

アウトライン化してパスを編集で字形を編集する方法

文字タッチツールを使えば個々の編集はバッチリですが、字形そのものを変えたい場合はアウトライン化が必要になります。

• テキストオブジェクトを選択
• 右クリックメニュー「アウトラインを作成」を選択
• 右クリックメニュー「グループ解除」
• ダイレクト選択ツールでパスを編集

アウトライン化するとテキストオブジェクトが図形になってしまうので後からフォントを変えることはできなくなりますが、字形を自由に編集することが可能になります。