Illustratorで文字をカーブさせる方法

※ Adobe Illustrator 2024の画像で解説しています。

CGDOOR
Illustratorで文字をアーチ状にカーブさせるには、以下の2つの方法があります。

  • 「効果」➔「ワープ」で「円弧」または「アーチ」を適用して文字を曲げる
  • 「パス上文字ツール」で曲線に沿って文字をカーブさせる

今回はIllustratorでアーチ状にカーブさせた文字を作る方法について図解します。

Illustratorで文字を「円弧」「アーチ」に曲げる

  1. アーチ状にカーブさせる文字を入力する
  2. メニューバーの「効果」をクリックする
  3. 「ワープ」をクリックする
  4. 「円弧」または「アーチ」をクリックする

Illustratorで文字をカーブさせる方法1

ワープで「円弧」を選ぶと、文字が以下のように湾曲します。「カーブ」は初期設定で「50%」、この数値を変えることでカーブの大きさを調整できます。

Illustratorで文字をカーブさせる方法2

ワープで「アーチ」を選ぶと、文字が以下のように湾曲します。

Illustratorで文字をカーブさせる方法3

「アーチ」では初期設定のままだと両端の文字が読みにくくなるかもしれません。その場合は「垂直方向」のスライダーを左に動かしてみましょう。文字の角度が変わり、「円弧」に近くなります。

Illustratorで文字をカーブさせる方法4

Illustratorで文字を曲線に沿ってカーブさせる

「パス上文字ツール」を使うと、アーチ状や波打つ曲線など自由に描いたパスに沿って文字をカーブさせることができます。

  1. ペンツールでアーチ状のパスを描く
  2. 文字ツールアイコンを長押しして、「パス上文字ツール」をクリックする
  3. パス上の文字の開始位置をクリックする
  4. カーブさせる文字を入力する

Illustratorで文字をカーブさせる方法5

「パス上文字ツール」上のテキストを選択すると、開始位置・終了位置に四角形のブラケットが表示され、真ん中に中心線が表示されます。これらをドラッグすることで文字の位置を調整できます。例えば、中心線を下にドラッグすると「パス上文字ツール」上の文字を反転させることができます。

この調整方法がうまくいかない時は、「パス上文字ツール」アイコンをダブルクリック(またはメニューバーの「書式」➔「パス上文字オプション」をクリック)して設定画面を開きます。

「パス上文字オプション」で設定できること
  • 文字のスタイルを5種類の効果から選択できる
  • 「パス上文字ツール」上の文字を反転させられる
  • パス上の文字の位置をパスの外側・内側・中央・ベースラインから選択できる
  • 文字のトラッキングを細かく指定できる

以下は楕円形ツールで描いた閉じたパスに「パス上文字ツール」でアーチ状に文字をカーブさせた例です。オプションで「効果:歪み」「文字の位置:アセンダ」「反転にチェック」「間隔(トラッキング):1pt」を設定しました。

Illustratorで文字をカーブさせる方法6

同じ楕円形で作った図形と合わせたサンプルです。

Illustratorで文字をカーブさせる方法7

合わせて読みたい

※ Adob​​e® Illustrator® software (2024)を使って解説しています。 CGDOOR Illustratorの「アピアランス」は、文字や図形などのオブジェクト属性を変えずに、装飾・加工できる機[…]

Illustratorの「アピアランス」で文字を装飾する方法
こちらもおすすめ

※ Adobe Illustrator 2024の画像で解説しています。 CGDOOR Illustratorでは「ブレンド」と「3Dとマテリアルの押し出し」を使って、飛び出すような立体文字が作れます。 今回はIllu[…]

文字を立体に!Illustratorで3D文字デザインの作り方
CGDOOR
Illustratorで文字をカーブさせる2つの方法「「効果」➔「ワープ」で「円弧」または「アーチ」を適用して文字を曲げる」と「「パス上文字ツール」で曲線に沿って文字をカーブさせる」をご紹介しました。

文字をカーブさせた後の位置の調整、トラッキング、「パス上文字ツール」で文字の反転についても合わせて解説しています。文字をおしゃれに加工したい時の参考にして下さい。