円の中に文字を入れるというのは、少し大雑把な感じがしますが、具体的には何を求めているのでしょうか？ 文字通り、円の中に文字を入れる、円の内側のパスに文字を入れる、それとも円の中の文字を歪めるということでしょうか？

今回は、「タイプツール」と「エンベロープディストート」を使って、円の中に文字を入力する方法を3つご紹介します。

注：このチュートリアルのすべてのスクリーンショットは、Adobe Illustrator CC 2022 Macバージョンから取得したものです。 Windowsや他のバージョンでは、異なる表示となる場合があります。

方法1：円の中にテキストを追加する

この方法では、円を作り、その中に文字を入れるだけです。 大きな違いは、文字を入れるときにどこをクリックするかです。 詳細は、以下の手順で説明します。

ステップ1． を選んでください。 楕円ツール (L) を押しながら、ツールバーから シフト キーを押しながら、アートボード上をクリック＆ドラッグし、円を作成します。

ステップ2． を選んでください。 タイプツール（T） をツールバーから選択します。

マウスを円のパスに合わせると、レイヤーの色（選択範囲の色）でパスがハイライトされます（私の場合、青）。

ステップ3． 円のパスの近くをクリックすると、円がlorem ipsumで埋め尽くされるのが見えます。

のテキストを編集することができます。 キャラクター と パラグラフ パネルに表示されます。

例えば、フォントを変えて、「中央揃え」を選んでみました。

このように、テキストを入れると円が消えてしまうので、別の円を作ってテキストの背景として送り返すことができます。

注：円をテキストで塗りつぶす場合は、パスに沿ってクリックする必要があります。 円の内側をクリックすると、クリックした部分にテキストが追加されます。

方法2：パス上に入力する

Adobe Illustratorでは、テキストを好きなパスに沿わせることができ、このテクニックを使って円の中に文字を入力することも可能です。

ステップ1． 楕円ツールで円を作成します。

補足：後で円の上に文字を入力すると、円のパスが消えてしまうので、円を表示したい場合は複製して同じ位置に配置します。

ステップ2． を選択します。 パスツールで入力 をタイプツールと同じメニューから選択します。

上の方法と同じで、円形パスの上にカーソルを置くと、パスがハイライトされるはずです。

ステップ3． 円のパスをクリックすると、テキストが円に沿うように表示されるのがわかります。

ステップ4． 選択ツール (V) を選ぶと、いくつかのハンドルが表示されます。 1つのハンドルをクリックし、円の中心方向にドラッグすると、円の中に文字が入ります。

これで、テキストが円の中に入るようになりました。 同じハンドルで、テキストの位置を調整することができます。

テキストを変更して、特定のテキストを追加したときに通常どのように表示されるかを見てみましょう。

他にも、背景色をつけたり、文字を移動させたりと、いろいろと遊んでみてください。

方法3：エンベロープディストート

エンベロープディストーションを使って、円の中のテキストなど、素晴らしいテキストエフェクトを作ることができます。 以下の手順に従って、このマジックがどのように機能するか見てみましょう!

ステップ1． タイプツールを使ってテキストを追加します。 太いフォントを使用するとより効果的です。

ステップ2． テキストの上に円を作成します。

ステップ3． 円とテキストの両方を選択します。

オーバーヘッドメニューから 対象物 > エンベロープディストート > トップオブジェクトで作る .

テキストの後ろにベタ丸をつけることができます。

まとめ

円の中に文字を入れることは、ロゴデザインやタイポグラフィーポスターでよく使われます。 Adobe Illustratorで円の中に文字を入れるには、上記の方法を使えば、さまざまなテキスト効果を得ることができます。 封筒変形を使う場合は、円がテキストの上になければならないことを覚えておいてください。