Illustrator でパス上のテキストを反転する方法

Adobe Illustrator は、編集可能なベクター グラフィックを作成する場合に使用する優れたグラフィック デザイン プログラムです。ベクトルグラフィックは詳細を失うことなく拡大できるため、タイポグラフィを含むイラストを作成して、ビルボードで名刺と同じように美しく見せることができます。

丸いバッジやロゴを作成していて、円形のパスの周りにテキストを入力したいとします。円の下部にあるテキストをパスの反対側に反転させて、読みやすくすることができます。この Illustrator チュートリアルでは、Illustrator でパス上のテキストを反転して、テキストが上下逆にならないようにする方法を説明します。

Illustrator でパス上で文字を反転する方法

Adobe Illustrator CC または以前のバージョンの Illustrator を使用しているかどうかに関係なく、パスは単純に 1 つ (または複数!) の直線または曲線です。エンドポイントが一緒に結合されているかどうかに応じて、パスは開いているか閉じている可能性があります。

シンプルな円のデザインから始めましょう。円形のパスを作成し、文字ツールを使用してそのパスに沿ってテキストを入力します。最後に、テキストの一部を反転して、円の下部に沿って正しい向きに表示します。

1. 楕円形ツールを選択します。 

1. Shiftキーを押しながらキャンバスに円を描きます。Shift キーを押し続けると、作成した楕円が完全な円になります。テキストを追加すると、ストロークまたは塗りつぶしの色は消えます。

1. [文字ツール]フライアウト メニューで、[パス上の文字ツール]を選択します。 

1. [ウィンドウ]メニューで、[書式] > [段落] > [中央揃え] を選択して、これから入力するテキストを中央揃えにします。段落パネルの Windows ショートカットはCtrl + Alt + Tです。Mac ユーザーはOption + Command + Tを使用できます。 

1. Type on a Pathツールを選択したまま、手順 2 で作成した円の上部をクリックします。Illustrator は、円のベースライン パスに平行にlorem ipsumテキストを追加します。

1. [タイプ]パネルの[文字]タブでフォントと文字サイズを選択するか、 [ウィンドウ] > [タイプ] > [文字]を選択して文字パネルを表示します。

1. 円の上部に必要なテキストを入力します。 

1. テキストの近くに 3 つのハンドル (配置ブラケットとも呼ばれます) が表示されます。左側に 1 つ、中央に 1 つ、右側に 1 つです。これらのハンドルを使用して、テキストを円の周りに回転させ、目的の場所に配置します。

1. 次に、これまでのものをコピーして複製します。ツールバーのダイレクト選択ツールを使用して円を選択し、 [編集] > [コピー]を選択するか、キーボード ショートカットCtrl + Cを使用します。

1. 次に、コピーしたものをアートボードにあるものの前に貼り付けます。これを行うには、 [編集] > [前面に貼り付け]を選択します。使用したフォントによっては、テキスト パスに 2 つのスタック コピーが存在するため、テキストが少し暗く見えることがあります。テキストのコピーが 2 つあることを確認する簡単な方法は、レイヤーパネルを見ることです。テキストの 2 つのエントリが表示されます。必要に応じて、名前を変更して、それが前のコピーであることを示すことができます。

1. レイヤーパネルで、一番下のレイヤーの表示をオフにします。 

1. 文字ツールを選択し、パス上のテキストを選択して、新しいテキストを入力します。このテキストは円パスの下部に移動します。

1. ここからは楽しい部分です。Type > Type on a Path > Type on a Path Optionsを選択して、Path Optionsダイアログ ボックスを開きます。テキスト効果としてRainbowを選択し、Align to PathドロップダウンでAscenderを選択します。また、[反転]ボックスをオンにして、[OK]ボタンを選択します。(高度な外観を得るには、[プレビュー]ボックスをオンにします。)

注: [パスに合わせる] オプションで、[ベースライン] を選択すると、テキストがパスに正しく配置されます。Ascender はテキストを円の外側に配置します。ディセンダーは円の内側にテキストを配置します。最後に、Center はテキストをパスの中央に配置します。

1. テキストの外側をクリックして選択を解除し、もう一度ハンドルを使用して間隔を調整し、テキストをパスに沿って円の下部に移動します。

1. 次に、テキストの最上層の可視性をオンに戻します。

これが、Adobe Illustrator でパスにテキストを追加および反転する方法です。 

デザインにシンボルを挿入する

Adobe Illustrator でデザインに要素を 1 つか 2 つ追加する簡単な方法は、シンボル パネルから何かを挿入することです。以下の手順に従って、シンボルをデザインに追加します。 

1. [ウィンドウ] > [シンボル]を選択して、[シンボル] パネルを表示します。 

1. [シンボル ライブラリ] ドロップダウン矢印を使用して、コンピューターにインストールされているすべてのライブラリのリストを表示します。そのうちの 1 つを選択すると、ナビゲーション矢印を使用して各シンボル ライブラリのページを移動できるパネルが起動します。 

1. 使用したいシンボルが見つかったら、デザインにドラッグ アンド ドロップします。
2. 選択ツールを使用して、デザインに合わせてシンボルのサイズを変更します。

アドビのアプリには、そこにあることがわかっている場合にのみ利用できるシンボルなど、あらゆる種類の隠し機能があります。画像、図形、テキストに境界線を追加する方法、マスクを使用してレイヤーを非表示にする方法、顔の入れ替えを行う方法など、Adobe Photoshop で多くの効果を実現する方法についてのチュートリアルがあります。

また、Adobe Indesign の使用を開始する場合は、画像の周りにテキスト ボックスやフロー テキストをリンクする方法に関するチュートリアルを確認してください。