イラストレーターでオブジェクトにテキストを回り込ませる設定をすれば、テキストがオブジェクトに沿って回り込むレイアウトが可能になります。
また、回り込ませた文字とオブジェクトのアキも調整が可能です。
この記事ではテキストを回り込にの方法と回り込みができない時の原因と解決方法を紹介します。
テキストの回り込みのやり方
- ツールバーのテキストツールを選択して、テキストボックスを作り、文字を入力または流し込みます。
![回り込み02](https://clip-blog.com/wp-content/uploads/2022/02/2ebe860aabd41beaedeeac61f8a5c6b2.png)
- オブジェクトをテキストの上に配置します。オブジェクトは画像でも図形でも大丈夫です。
この時必ず、オブジェクトが前面で、テキストの背面にあることを確認してください。
![テキストの回り込み](https://clip-blog.com/wp-content/uploads/2022/02/e19ec1a374a46569ec3a6f92365d95b2.png)
- オブジェクトのみを選択した状態で、上のメニューの「オブジェクト」→「テキストの回り込み」→「作成」を選択します
![回り込み03](https://clip-blog.com/wp-content/uploads/2022/02/6db20d787722ea0c96ee7e6447b66fe4.png)
- テキストの回り込みができます。
注意:下の画像はオブジェクトを回り込んだ分、テキストがオーバーフローしています。
(テキストボックスの右下の赤い+がオーバーフローしていることを示します)
テキストボックスを広げることで全ての文字が表示されました。
![テキストの回り込み](https://clip-blog.com/wp-content/uploads/2022/02/b0e3fd8fbd9d65892664a54a0cadb8b8.png)
注意:回り込みの設定をするとテキストボックスがオブジェクト分狭くなるので、オーバーフローには注意しよう。
テキストの入力の便利機能を詳しく書いた記事も参考にどうぞ。
≫【イラレの使い方】ポイント文字とエリア内文字の意外と知らない便利機能
オブジェクトの移動と追加
回り込みで使用しているオブジェクトを移動や追加も可能です。
オブジェクトの移動
オブジェクトをドラッグして移動すれば回り込みも適用された状態でオブジェクトを移動ができます。
![テキストの回り込み](https://clip-blog.com/wp-content/uploads/2022/02/663a91eeae2ddd4071889e806ee5ee38.png)
オブジェクトの追加
オブジェクトの追加も可能です。
追加したいオブジェクト選択して「オブジェクト」→「テキストの回り込み」→「作成」で回り込むオブジェクトの追加もできます。
オブジェクトの形に沿って回り込んでくれます。
![テキストの回り込み](https://clip-blog.com/wp-content/uploads/2022/02/fea8eb4c0295515d6eeb59ef34ca80fd.png)
テキストとオブジェクトのアキを調整する
オブジェクトとテキストのアキを調整のやり方を紹介します。
![テキストの回り込み](https://clip-blog.com/wp-content/uploads/2022/02/3668b232ba3d6f6f5ea28fc12eb9fb91.png)
- オブジェクト選択した状態で、上のメニューから「オブジェクト」→「テキストの回り込み」→「テキストの回り込みオプション」を選択します。
- 「テキストの回り込みオプション」のダイアログボックが表示されます。
- 「オフセット」の値を大きくするとオブジェクトとテキストのアキが広がります。
![回り込み08](https://clip-blog.com/wp-content/uploads/2022/02/2c3dcbb50230a9ae7bfbb9433086038f.png)
テキストの回り込みの解除する
回り込みの解除方法を紹介します。
オブジェクトを選択した状態で、「オブジェクト」→「テキストの回り込み」→「解除」を選択します。
![回り込み09](https://clip-blog.com/wp-content/uploads/2022/02/a7ec1dc6e9ca612f7419862a805480b2.png)
テキストの回り込みが解除されます。
オブジェクトが複数の場合は選択したオブジェクトのみ解除となります。
テキストの回り込みができない原因
回り込みができない原因を紹介します。
❶テキストがオブジェクトの前面になっている。
テキストが前面にあると回り込みは適用されません。テキストはオブジェクトの背面になっているように。
![回り込み10](https://clip-blog.com/wp-content/uploads/2022/02/8b975e57288a64983e83b5b14e8e3cef.png)
❷テキストが「ポイント文字」になっている
ポイント文字とはテキストボックスを作らない文字のことです。
![テキストの回り込み](https://clip-blog.com/wp-content/uploads/2020/06/to1.png)
ポイント文字では回り込みはできません。
必ずテキストボックスを作って、エリア内文字にする必要があります。
![テキストの回り込み](https://clip-blog.com/wp-content/uploads/2020/06/t02.png)
ポイント文字やエリア内文字の詳しく解説した記事も参考にどうぞ。
≫【イラレの使い方】ポイント文字とエリア内文字の意外と知らない便利機能
❸オブジェクトとテキストが別レイヤーになっている。
オブジェクトとテキストが別レイヤーになっている場合、回り込みはできません。
必ずオブジェクトとテキストとも、同じレイヤーにする必要があります。
![回り込み11](https://clip-blog.com/wp-content/uploads/2022/02/2a757bfdbf2fb3d21c9cf3b1ce4ddb04.png)
❹テキストが他のオブジェクトとグループ化してる
テキストが他のオブジェクトやテキストとグループ化をしていると、回り込みはできません。グループ化を解除して実行してみてください。
グループ化の詳しく書いた記事も参考にどうぞ。
≫イラストレーターのグループ化の使い方とトラブル解決
まとめ
テキストの回り込みを実行した時は、文字のオーバーフローに注意しましょう。
回り込みでうまくレイアウトできたけど、文字が隠れていたなんてことのないように気をつけましょう。
テキストの回り込みの紹介でした。
- おしゃれなフリーフォント・かわいいフリーフォントをお探しなら、下の記事を参考にどうぞ。
![](https://clip-blog.com/wp-content/uploads/2022/07/356781f2d7660f88d4e479efe1d1541d-300x158.jpg)
![](https://clip-blog.com/wp-content/uploads/2022/07/59566926cde44e99a387ec990c9a5554-300x158.jpg)
![](https://clip-blog.com/wp-content/uploads/2022/05/f60db6a8467e6ef602f707cd1212cd9a-300x158.jpg)
![](https://clip-blog.com/wp-content/uploads/2023/01/6da8a0c2444c1315ede9f915d005cd14-300x158.jpg)
参考になったら幸いです。
Adobe CCを半額以下で買う方法 【フリーランス・社会人・主婦OK!】
デザインワークにはイラストレーターやフォトショップは必須のアプリです。
イラストレーターやフォトショップなど20以上のアプリがセットになったAdobe CCが半額以下の価格で購入できる方法があります。
![](https://clip-blog.com/wp-content/uploads/2024/03/4e7d32d5379dd7a439d3ee9d906e8428-1024x193.jpg)
まだイラストレーターをお持ちでない方や期限がもうすぐ切れそうな方は下の記事を参考にしてください。
![](https://clip-blog.com/wp-content/uploads/2022/03/fa80d2ef576545ee55bf95f4b2dcfb5f-300x158.jpg)
コメント