InDesignで画像の周りにテキストを回り込ませる方法【基本から応用まで】

デスクトップパブリッシングソフト「Adobe InDesign」を使い始めたばかりの方が、真っ先に覚えておきたいテクニックのひとつが、画像の周りにテキストを回り込ませる方法です。InDesignにはテキストの回り込み（ラップ）に関するさまざまなオプションが用意されており、これらを使いこなせるようになると、デザインのクオリティが一段と向上します。

この記事では、画像の周りにテキストを回り込ませる複数の方法を解説します。まずは通常の長方形画像へのテキスト回り込みから始め、その後、不規則な形のグラフィックの輪郭に沿ってテキストを流し込む手順まで、詳しくご紹介します。

画像やグラフィックの周りにテキストを回り込ませる方法

InDesignでテキストを回り込ませる方法の中で、最も簡単なのが、オブジェクトの「バウンディングボックス（外接ボックス）」や「フレーム」に沿ってテキストを回り込ませる方法です。例えば、テキストで満たされたページの中央に長方形の画像を1枚配置し、その周りにテキストを流したい場合を想像してみてください。

1. 長方形フレームツールを使用して、テキストフレームの上にフレームを配置します。
2. 長方形フレームが選択されていることを確認し、配置コマンド（ファイル＞配置、またはCtrl＋D）を使って、画像をフレーム内に配置します。

3. ウィンドウ＞テキストラップを選択するか、Alt＋Ctrl＋Wを押して、テキストラップパレットを表示します。
4. 画像フレームを選択した状態で、パレット上段の2番目のアイコン「バウンディングボックスで回り込み」を選択します。これで、画像のバウンディングボックスに沿ってテキストが回り込みます。
5. 画像をドラッグして動かし、テキストの流れがどう変化するか確認してみましょう。

6. 上のスクリーンショットでは、テキストが画像の右側にぴったりとくっついているのがわかります。少し余白を持たせてあげましょう。テキストラップパレットの2番目のセクションではオフセット値を入力でき、これでオブジェクトと回り込むテキストの間隔をコントロールできます。

7. 画像の全辺に同じオフセットを設定したい場合は、オフセットオプションの中央にあるリンクアイコンが選択されていることを確認してください。次に、オフセット値を調整して、画像とテキストの間隔がどう変化するか試してみましょう。

8. テキストラップパレットには回り込みオプションもあります。ここでは、回り込みを適用する辺を指定できます。オプションには「右側」「左側」「左右両側」「のど側」「小口側」「大きい側」があります。多くの場合は「左右両側」を選ぶとよいでしょう。下のスクリーンショットは、左右両側に0.125インチのオフセットを適用した例です。

これで画像の周りに適度な余白ができ、テキストが画像にぴったりくっついていた頃よりも、ぐっと読みやすくなりました。

クリッピングパスを使って不規則な形の画像にテキストを回り込ませる方法

画像が不規則な形に切り抜かれている場合、その輪郭に沿ってテキストを回り込ませる手順は少し異なります。

1. まず、前述の方法と同じように、テキストフレームの上に配置した長方形フレーム内に画像を配置します。

2. 画像フレームを選択した状態で、オブジェクト＞クリッピングパス＞オプションを選択するか、Ctrl＋Alt＋Shift＋Kを押します。クリッピングパスダイアログボックスが開きます。
3. 種類のドロップダウンから「Photoshopパス」または「アルファチャンネル」を選択します。この例ではアルファチャンネルを選びます。

4. 画像の輪郭の内側にある空白部分にもテキストを表示したい場合は、「内側のエッジを含む」にチェックを入れます。
5. OKをクリックします。
6. 以上の手順で、画像の形状に沿ったパスが作成されました。次に、この形状にテキストを回り込ませましょう。まず、テキストラップパレットを表示します（ウィンドウ＞テキストラップ、またはAlt＋Ctrl＋W）。
7. 画像フレームを選択した状態で、テキストラップパレットの「オブジェクトの形状で回り込み」ボタンを選択します。

8. これでテキストはオブジェクトの形状に沿って回り込むようになりましたが、まだオブジェクトの輪郭に近すぎるので、オフセットを調整しましょう。

9. 画像フレームが選択されていることを確認し、テキストラップパレットを見てください。オフセットのパラメータのうち、調整できるのは1つだけです。これは、画像にもはや右・左・上・下という辺が存在せず、不規則な形状になっているためです。

上オフセットを調整してみてください。画像の全方向のオフセットに反映されます。下の例では0.125インチのオフセットを使用しました。ぐっと見栄えが良くなりましたね。

2段組みにまたがる画像にテキストを回り込ませるときのコツ

2段組みのテキストがあるドキュメントで、段と段の間に配置した画像の周りにテキストを回り込ませたい場合を考えてみましょう。テキストの揃え方によっては、画像の片側のオフセットをもう片側よりも大きく調整する必要が出てくることがあります。

下のスクリーンショットでは、中央の画像にテキストが回り込むよう設定されており、画像の全辺に同じオフセットが適用されています。画像の右側のテキストが、左側よりも近づいて見えませんか？

これを修正するには、以下の手順に従います。

1. 画像フレームを選択し、テキストラップパレットを確認します。
2. オフセットのリンクボタンを解除します。
3. これで右側のオフセットパラメータを個別に調整できるようになります。見た目が整うまで右オフセットの値を大きくしましょう。

ここで覚えておきたいポイントは、段組みのレイアウトでは、テキストラップのオフセット値をいろいろと調整しながら、ドキュメント全体の見栄えを整える必要があるということです。

Adobe InDesignについてもっと学ぼう

これで、InDesignで画像の周りにテキストを回り込ませる複数の方法がわかりました。合わせて、テキストフレームを連結する方法やマスターページの使い方に関する記事もぜひチェックしてみてください。