InDesign でテキストをカーブさせる方法

グラフィック デザイン ソフトウェア Adob​​e InDesign の経験がある場合でも、思い通りの効果を実現するのが難しい場合があります。この記事では、学習曲線を克服し、 InDesign ドキュメントでテキストを曲線化する方法を紹介します。

このチュートリアルでは、曲線パスを作成し、そのパスに沿ってテキストを追加し、テキストを書式設定して、Indesign プロジェクトが思いどおりに見えるようにすることで、テキストをアーチにする方法について説明します。ベクター グラフィックスを使用している場合は、Illustrator でパス上のテキストを反転する方法を学習してください。

テキスト用のレイヤーを作成する

まず、デザインにグラフィックとテキストの両方が含まれる場合は、すべてのタイポグラフィ専用のレイヤーを作成することを検討してください。

ウィンドウ／レイヤーを選択してレイヤーパネルを表示するか、キーボードショートカットF7を使用します。次に、[新規レイヤー]ボタンを選択して、新しいレイヤーを作成します。

パスを作成する

InDesign には、パスの作成に使用できるいくつかのツールがあります。曲線のパスを作成するには、楕円ツールまたはペン ツールを使用できます。任意のシェイプ ツールを使用してパスを作成できますが、この例では、楕円ツールを使用して完全な円を作成します。

真円のパスを作成する方法

まず、楕円形ツールを選択します。長方形ツールの後ろに隠れている可能性があります。そうである場合は、楕円形ツールを含む追加のオプションが表示されるまで、長方形ツール アイコンのドロップダウン矢印をクリックしたままにします。または、キーボード ショートカットLを使用して楕円形ツールをアクティブにすることもできます。

楕円形ツールを選択した状態で、Shiftキーを押しながらカーソルをクリックしてドラッグし、真円を作成します。

InDesign で湾曲したテキストを作成するには、パスに入力します。これは、テキストを追加する曲線パスです。

パスを非表示にする

デフォルトでは、パスは非表示です。ただし、ベース カラーとストローク カラーがオンになっている場合は、それらをオフにしてパスを非表示にする必要があります。

選択ツールを使用して、作成した円のパスを選択します。ツールバーの上部またはキーボード ショートカットVを使用して、選択ツールを見つけることができます。

選択ツールまたは直接選択ツールを選択した状態で、円のパスをクリックします。次に、[プロパティ]パネルを選択します。Essentials ワークスペースで、[ウィンドウ] > [プロパティ]を選択して[プロパティ] パネルを表示します。

円のパスに塗りのカラーや線が適用されている場合は、[プロパティ] パネルに表示されます。[塗りつぶし]で[なし]オプションを選択します。

次に、同じ操作を行ってストロークを削除します。[ストローク]で[なし]オプションを選択します。

塗りや線のない単純な円のパスが残るはずです。

次に、パスの曲線にテキストを追加します。

テキストを追加

テキストを追加するには、最初にツール バーから [パス上の文字] ツールを選択します。文字ツールの下に隠れている場合があります。テキスト ツール上でマウス ボタンをクリックして押したままにすると、[パス上の文字] ツールが表示されます。または、キーボード ショートカットのShift + Tを使用して、[パス上の文字] ツールを選択することもできます。

次に、[パス上の文字] ツールを選択した状態で、カーソルを円に移動します。Type on a Path Tool アイコンの横にプラス アイコンが表示されたら、円をクリックします。プラス アイコンは、そこにテキストを追加できることを意味します。

パスをクリックすると、テキストを追加できるパス上にカーソルが表示されます。テキスト行を入力します。

文字のフォントとサイズを調整するには、[ウィンドウ] > [文字と表] > [文字]を選択して文字パネルをアクティブにするか、 Mac の場合はキーボード ショートカットCtrl + TまたはCommand + Tを使用します。

テキストのカラーを調整するには、ウィンドウ／カラー／カラーを選択してカラーパネルをアクティブにするか、キーボードショートカットF6を使用します。テキストを選択し、色を適用します。

次に、テキストを円パス上の必要な場所に正確に配置します。

曲線に沿ってテキストを移動する

曲線に沿ってテキストを移動するには、選択ツールを使用してパス上のタイプを選択します。ポインタの横に矢印の付いたアイコンが表示されるまで、型の開始ブラケットまたは終了ブラケットの上にポインタを置きます。ブラケットの入力ポートまたは出力ポートは避けてください。これらは、テキスト フレームを次から次へと通すために使用されます。

テキストをパスに沿って目的の位置までドラッグします。

パス オプションに入力

Type on a Path ツールには、さまざまなオプションがあります。[タイプ]、 [パス上のタイプ]、[オプション] の順に選択して、ダイアログ ボックスを表示します。

効果、配置、間隔のオプションを追加できます。

[プレビュー]ボックスがオンになっていることを確認し、[効果] ドロップダウンのすべてのオプションを試してください。レインボーがデフォルトのエフェクトですが、ステア ステップやスキューなどの他のテキスト エフェクトを見て、どのテキスト エフェクトが最適かを確認してください。

[フリップ]ボックスをオンにして、アンカー ポイントを円パスの内側に配置します。整列オプションを使用して、パスの線に対してテキストが表示される場所を調整することもできます。ベースラインがデフォルトです。一般に、Ascenderを選択すると、テキストの上部がパスに揃えられます。Descenderを選択すると、テキストの下部がパスに揃えられます。

Spacingオプションは、曲線の周りのテキストの間隔を制御します。

アドビ アプリの連携

Adobe の Creative Cloud アプリの最も優れた点は、それらがどのように連携するかです。Photoshop、Illustrator、および InDesign は、基本的なグラフィック デザイン ツールです。他のチュートリアルもご覧ください:

• Indesign でテキスト ボックスをリンクする方法
• Photoshop でマスクしてレイヤーを非表示にする方法
• Adobe Illustrator で図形を切り取る方法

アドビのアプリを使えば使うほど、新しいデザインをより快適に作成できるようになります。