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

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

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

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

Select Window > Layersレイヤー^(Layers)パネルを表示するか、キーボードショートカット F7 を使用します。次に、[新規レイヤー^{(New Layer)}] ボタンを選択して、新しいレイヤーを作成します。

パスを作成する

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

真円のパス^{(Perfect Circle Path)}を作成する方法

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

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

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

パスを非表示にする

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

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

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

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

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

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

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

テキストを追加

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

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

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

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

Window > Color > Colorカラー^(Color)パネルをアクティブにするか、キーボードショートカット F6 を使用します。テキストを 選択し、色を適用します。^(Select)

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

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

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

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

パス オプションに入力

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

Effect、Align、および Spacing オプション を追加できます。

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

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

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

アドビ アプリの連携

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

• Indesign でテキスト ボックスをリンクする方法^{(How to Link Text Boxes in Indesign)}
• Photoshop でマスクしてレイヤーを非表示にする方法^{(How to Mask in Photoshop to Hide Layers)}
• Adobe Illustrator で図形を切り取る方法^{(How to Cut Out a Shape in Adobe Illustrator)}

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

How to Curve Text in InDesign

Εven if yоu have exрerience with thе graphic design ѕoftware Adobe InDesign, sometimes you might find it difficult to achieve the effect you want. In this article, we’ll conquer the learning сurve and show you how to curνe text in an InDesign document.

This tutorial will cover how to arch text by creating a curved path, adding text along that path, and formatting the text so your Indesign project looks the way you want. If you’re working with vector graphics, learn how to flip text on a path in Illustrator.

Create a Layer for Text

First, if your design will have both graphics and text, consider creating a dedicated layer for all the typography.

Select Window > Layers to display the Layers panel or use the keyboard shortcut F7. Then select the New Layer button to create a new layer.

Create a Path

InDesign has several tools you can use to create a path. To create a curved path, you could use the Ellipse Tool or the Pen Tool. While you can use any shape tool to create a path, in this example, we’ll use the Ellipse Tool to create a perfect circle.

How to Create a Perfect Circle Path

First, select the Ellipse tool. It might be hidden behind the Rectangle Tool. If it is, click and hold the dropdown arrow on the Rectangle tool icon until you see the extra options appear, including the Ellipse tool. Alternatively, you can use the keyboard shortcut L to activate the Ellipse tool.

With the Ellipse tool selected, hold down the Shift key, and click and drag the cursor to create a perfect circle.

To create curved text in InDesign, you type on a path. This is the curved path we’ll add text to.

Make the Path Invisible

Paths are invisible by default. However, if base color and stroke color are turned on, you’ll need to turn them off to make the path invisible.

Using the Selection tool, select the circle path you just created. You can find the Selection tool at the top of the toolbar or by using the keyboard shortcut V.

With the Selection or Direct Selection tool selected, click on the circle path. Then select the Properties panel. In the Essentials workspace, select Windows > Properties to display the Properties panel.

If the circle path has a fill color and/or stroke applied to the path, you’ll see it in the Properties panel. Select the None option under Fill.

Then do the same to remove the stroke. Select the None option under Stroke.

You should be left with a simple circle path without fill or stroke.

Next we’ll add text to the curved line of the path.

Add Your Text

To add text, first select the Type on a Path tool from the toolbar. It may be hidden beneath the Type tool. Click and hold the mouse button on the text tool to reveal the Type on a Path tool. Alternatively, you can use the keyboard shortcut Shift + T to select the Type on a Path tool.

Next, with the Type on a Path tool selected, move the cursor to the circle. When you see a Plus icon next to the Type on a Path Tool icon, click on the circle. The plus icon means you can add text there.

Once you click on the path, you’ll see a cursor on the path where you can add text. Type a line of text.

To adjust the font and size of the type, activate the Character panel by selecting Window > Type & Tables > Character or use the keyboard shortcut Ctrl + T or Command + T for Macs.

To adjust the color of the type, activate the Color panel by selecting Window > Color > Color or use the keyboard shortcut F6. Select text and apply the color.

Next we’ll position the text exactly where you want it on the circle path.

Move the Text Along the Curve

To move your text along the curve, use the Selection Tool to select the type on a path. Hover the pointer over the type’s beginning or end bracket until you see an icon with an arrow next to the pointer. Avoid the bracket’s in port or out port—those are used to thread text frames from one to the next.

Drag the text along the path to the desired position.

Type on a Path Options

The Type on a Path tool comes with a variety of options. Select Type > Type on a Path > Options to display the dialog box.

You can add Effect, Align, and Spacing options.

Make sure the Preview box is checked, and try all the options in the Effect dropdown. Rainbow is the default effect, but look at others like Stair Step or Skew to see which text effect you like best.

Check the Flip box to put the anchor point in the inside of the circle path. You can also use the Align options to adjust where the text appears relative to the line of the path. Baseline is the default. In general, selecting Ascender will align the top of the text to the path. Selecting Descender will align the bottom of the text to the path.

The Spacing option controls the spacing of the text around the curve.

Adobe Apps Work Together

The best part of Adobe’s Creative Cloud apps is how they work together. Photoshop, Illustrator, and InDesign are essential graphic design tools. Check out some of our other tutorials:

• How to Link Text Boxes in Indesign
• How to Mask in Photoshop to Hide Layers
• How to Cut Out a Shape in Adobe Illustrator

The more you work with Adobe apps, the more comfortable you’ll be creating new designs.

Related posts

• あなたにBe Traced BackができないAnonymous Text Messageを送る方法

• 試してみるためのBeginnersのための14 Adobe InDesign Tips & Tricks

• どのようにオープンReally Large Text and CSV Filesへ

• DiscordのFormat Text：Font、Bold、Italicize、Strikethroughなど

• 複数のPDFファイル内のテキストを一度に検索する方法

• Twitch Nameを変更できますか？はい、しかしBe Careful

• Discord Spoiler Tagsの使い方

• それを設定するにはDiscord Streamer Mode and Howとは

• フラットPanel Display Technology Demystified：TN、IPS、VA、OLEDなど

• Do BCC and CC Mean？ Basic Email Lingoについて

• 6 Differentの方法でWired Printer Wirelessを作る方法

• No Extensionを備えたFileを開く方法

• エラーについてYour Hard Driveをチェックする方法

• TikTokでテキスト読み上げを使用する方法

• GIMPにTransparent Backgroundを作成する方法

• どのようにFix Hulu Error Code RUNUNK13へ

• それを確認するためにUber Passenger Rating and Howは何ですか

• Location、Job、またはSchoolによるSearch Facebook Friends

• OLED vsマイクロレッド：待ってください

• ChromebookでPhoto or Videoを取る3つの方法