イラストレーターで文字を自由自在に変形する方法を5つ紹介

・Illustratorで文字を自由自在に変形させたい

・一文字ずつ変形する方法はないの?

Illustratorとは、Adobe社が手がけるデザイン・イラストソフトです。さまざまな機能が搭載されており、文字を自由自在に変形することもできます。

今回は、Illustratorに搭載されている文字変形ツールをご紹介します。また、1文字ずつ変形する方法についても解説するので、ぜひ参考にしてみてください。
目次

Illustrator|実践的!5つの文字変形ツールと変形方法を解説

Illustrator|実践的!5つの文字変形ツールと変形方法を解説

Illustratorにはたくさんの文字変形ツールが搭載されていますが、実践的に使用できるのは以下の5つです。

【Illustrator|実践的な文字変形ツール5選】

・円弧

・下弦

・上弦

・アーチ

・旗

上記5種類の使い方を詳しく解説します。いずれもアートボードにテキストを入力後、「効果」→「ワープ」から指定します。

円弧

「円弧」とは、文字が扇状に広がっていくテキスト効果です。

【文字変形ツール|円弧】

・新規ドキュメントを作成する

・テキストツールで文字を書く

・画面上メニューの「効果」→「ワープ」→「円弧」を適用する

①新規ドキュメントを作成する

Illustratorを開いてアートボードのサイズや背景色などを指定します。

②テキストツールで文字を描く

illustratorで文字変形_円弧_テキストツールで文字を描く

画面左のメニューから「テキストツール」を選択して、任意の文字を入力します。

テキストのカラーを変更したいときは、画面左の「塗り」と「線」のパレットをダブルクリックして、表示されたカラーピッカーから色を指定します。

illustratorで文字変形_円弧_色を指定する

【テキスト|「塗り」と「線」の関係性】

・塗り:赤

・線:黄色

画面上にあるメニューから「線:pt」を選択すると、線の太さを変更できます。

③「効果」→「ワープ」→「円弧」を適用する

テキスト入力後、画面上メニューから「効果」→「ワープ」→「円弧」を適用します。

illustratorで文字変形_円弧を適用

すると、上記画像のように上に向かって弧を描くカタチに変形します。

円弧のカタチを変えたいときは、ワープオプションの数値を調節します。

illustratorで文字変形_円弧_ワークオプションで調節

「カーブ」の数値が大きくなるほど、文字の曲がり具合が大きくなります。数値に正解はないため、プレビューしながらご自身の好きな数値に合わせてみてください。

下弦

下弦とは、文字の下側が弧を描くテキスト効果です。円弧と違って横幅が伸びることがありません。

【文字変形ツール|下弦】

  1. 新規ドキュメントを作成する
  2. テキストツールで文字を書く
  3. 画面上メニューの「効果」→「ワープ」→「下弦」を適用する
手順①・②は【円弧】の章でも解説しているため、ここでは割愛します。

①「効果」→「ワープ」→「下弦」を適用する

新規ドキュメント作成後、アートボードにテキストを入力したら、「効果」→「ワープ」→「下弦」を適用します。

illustratorで文字変形_下弦を適用

すると、上記画像の通り下向きに弧を描くテキストになりました。

下弦のカタチを変えたいときは、ワープオプションの数値を調節します。

illustratorで文字変形_下弦_ワークオプションを適用

「カーブ」の数値を高くすることで、文字の下がり具合が大きくなります。極端に数値を高くしてしまうと、文字が見にくくなってしまうので要注意。視認性を保つためにも、カーブの数値は50%前後がおすすめです。

上弦

上弦とは、上側が丸く弧を描くテキスト効果です。文字の中心部分が引っ張られるような演出ができます。

【文字変形ツール|上弦】

  1. 新規ドキュメントを作成する
  2. テキストツールで文字を書く
  3. 画面上メニューの「効果」→「ワープ」→「上弦」を適用する

①「効果」→「ワープ」→「上弦」を適用する

新規ドキュメント作成後、アートボードにテキストを入力したら、「効果」→「ワープ」→「上弦」を適用します。

illustratorで文字変形_上弦を適用

すると、上記画像の通り上向きに弧を描くテキストになりました。

上弦のカタチを変えたいときは、ワープオプションの数値を調節します。

illustratorで文字変形_上弦_ワークオプションで調整

これまでの手順と同じく、「カーブ」の数値を高くすることで、文字が大きく変化します。

アーチ

アーチとは、その名の通りアーチ状に広がるテキスト効果です。一見、円弧と似ていますが、アーチの方が立体的なテキストに仕上がります。

【文字変形ツール|アーチ】

  1. 新規ドキュメントを作成する
  2. テキストツールで文字を書く
  3. 画面上メニューの「効果」→「ワープ」→「アーチ」を適用する

①「効果」→「ワープ」→「アーチ」を適用する

新規ドキュメント作成後、アートボードにテキストを入力したら、「効果」→「ワープ」→「アーチ」を適用します。

illustratorで文字変形_アーチを適用

アーチの深さなどを調節したいときは、「ワープオプション」からアーチの数値を変更してください。

旗とは、ゆらゆらと文字が波打つテキスト効果です。

【文字変形ツール|旗】

  1. 新規ドキュメントを作成する
  2. テキストツールで文字を書く
  3. 画面上メニューの「効果」→「ワープ」→「旗」を適用する

①「効果」→「ワープ」→「旗」を適用する

新規ドキュメント作成後、アートボードにテキストを入力したら、「効果」→「ワープ」→「旗」を適用します。

illustratorで文字変形_旗を適用

波打つ大きさを変更したいときは、「ワープオプション」からアーチの数値を変更してください。

他にもIllustratorには、魚眼レンズ・膨張・旋回などのテキスト変形ツールが搭載されています。

Illustrator|文字を1文字ずつ変形する方法

標準搭載されている文字変形ツールではなく、自分で好きなカタチに変形する方法をご紹介します。

さまざまな方法がありますが、最も実用的なのが「文字タッチツール」を使って、1文字ずつ大きさを変形するテキスト効果です。

【文字を1文字ずつ変形する方法|文字タッチツール】

  1. 新規ドキュメントを作成する
  2. テキストツールを使って文字を入力する
  3. 「文字タッチツール」を選択する
  4. 変形させたい文字を動かす

    ①「文字タッチツール」を選択する

    テキストツールを用いてテキストを入力後、画面左のメニューから「文字タッチツールを選択します。

    Illustrator|文字を1文字ずつ変形する方法_文字ツールを使う

    「文字タッチツール」が見当たらない場合はどうすればいいの?

    メニューに「文字タッチツール」のアイコンがない場合は、下記画像の通り「三本線」のアイコンをクリック後、「文字タッチツール」をメニューにドラッグ&ドロップします。

    イラストレーターの文字ツールがない場合は?

    「文字タッチツール」を起動することで、1文字ずつテキストを変形できます。

    ②変形させたい文字を動かす

    イラストレーター_変形させたい文字を動かす

    【文字タッチツールの使い方】

    1. 文字タッチツールのアイコンをクリックする
    2. 変形させたい文字をクリックする
    3. 拡大したり縮小したり自由に動かす

    文字タッチツールは、拡大・縮小・変形・回転・文字詰めなどのテキスト効果を適用できます。

    以前は、1文字ずつ変形させるために文字をアウトライン化する必要がありました。しかし、現在は文字を選択するだけで自由自在に変形できるのです。

    まとめ

    今回は、Illustratorで文字を自由自在に変形させる方法をご紹介しました。

    【おさらい】

    ・Illustratorに搭載されている実践的な文字変変形ツールは、円弧、上弦、下弦、アーチ、旗の5つ

    ・テキスト入力後、「効果」→「ワープ」の操作だけで適用できる

    ・「ワープオプション」でアーチの数値を変更すれば、自分の好きなカタチに調節できる

    ・Illustratorは標準搭載されている文字変形ツール以外にも、「文字タッチツール」を使って1文字ずつ変形する方法がある

    ・文字タッチツールは、拡大・縮小・変形・回転・文字詰めなどのテキスト効果が適用できる

    Illustratorの文字変形ツールを使うことで、印象的なテキスト効果を演出できるとわかりました。ぜひ本記事の内容を参考に、文字変形ツールを活用してみてください。

    最後になりますが、WEBデザインの技術を駆使すれば、副業で稼ぐことから自身の仕事にすることもでき、あなたの可能性をさらに高めていくことが可能です。

    イラストレーターの使い方についてもっと知りたいのですが...

    イラストレーターのできることや、細かい動作の使い方については「Illustratorでできることは?使い方を5つに分けて徹底解説」にて纏めております。

    Adobe製品をコスパ良く使う方法はありますか?

    実は公式サイトで購入するよりも、デジハリのAdobeマスター講座を使うことによって、公式HPからを買うよりも約50%(30000円相当)安くAdobeCCコンプリートプランを使うことが可能です。

    細かい情報は「Adobe CCを安く購入する裏ワザ」に纏めてあります。

    興味のある内容がありましたら、是非上記の記事も確認して見て下さいね。

    この記事が気に入ったら
    フォローしてね!

    よかったらシェアしてね!
    目次
    閉じる