デザイン 作りたい

イラレで好きなエリア内に文字を敷き詰める表現【オブジェクトをテキストエリアに】

イラレで好きなエリア内に文字を敷き詰める表現方法【Illustrator】

Illustratorでテキストエリア(文字組み)を作る時、基本的には四角形のテキストエリアを作り文字を流し込みますよね。

それさえマスターしておけば、大抵のレイアウトで問題なくデザインしていくことが出来ます。

ここぞという目立たせたい箇所で使える「オブジェクトをテキストエリアに変える」テクニックを紹介します。

関連イラレで文字の中に画像を配置する方法
関連無料のシルエット素材サイトを紹介

オブジェクトの中に文字敷き詰める方法

オブジェクトの中文字敷き詰める方法を解説していきます。

オブジェクトを作成

Illustrator(イラストレーター)を立ち上げ、新規ドキュメントを作成します。

まずは文字を流し込みたいオブジェクトを作成
文字を流し込みたいオブジェクトを作成
イラレで好きなエリア内に文字を敷き詰める表現方法【Illustrator】
文字を流し込みたいオブジェクトを作成

そこに、文字を流し込みたいオブジェクトを作成。

オブジェクトの形は、

  • 楕円形ツールで作成したマル
  • 多角形ツールで作成した六角形
  • ペンツールで自由に描く

なんでも大丈夫!

エリア内文字ツールでオブジェクトを選択

文字を流し込みたいオブジェクトが完成

文字を流し込みたいオブジェクトが作れたら、文字ツールのアイコンを長押しし「エリア内文字ツール」を選択します。
エリア内文字ツール」を選択

そうしたら、文字ツールアイコンを長押しし、

エリア内文字ツール」を選択します。

あとはこの「エリア内文字ツール」で先ほど作成したオブジェクトのフチあたりをクリックするとオブジェクトがテキストエリアに変わります。
オブジェクトがテキストエリアに変更

エリア内文字ツール」で、先ほど作成したオブジェクトのフチあたりをクリックすると、

オブジェクトテキストエリアに変わりました。

オブジェクト内に文字を流し込もう!

テキストエリアになったオブジェクト内に文字を流し込もう!
オブジェクト内に文字を流し込み、調整

あとはテキストを流し込み、

  • 文字サイズ
  • 行間

を調整すると完成!

なるべく行間を詰めて文字を敷き詰めたほうが、よりオブジェクトの輪郭がはっきりしてわかりやすくなります。

使用例:シルエットに文字を敷き詰める

シルエット素材の使用例:シルエットに文字を敷き詰める
シルエットに文字を敷き詰める

イラスト素材とシルエットを並べ、シルエットの中にイラストの解説を記入

2つを対比させる面白いデザインになり、レイアウトに変化をつける事ができます。

エディトリアルデザインなどに有効です。

シルエット素材は

Check!
無料のシルエット素材サイト5選!人物や街並みも【商用フリー】
無料のシルエット素材サイト5選!人物や街並みも【商用フリー】

続きを見る

逆に、オブジェクトの周りにテキストを敷き詰める方法は?

テキストの回り込みサンプル:テキストエリアを分断
テキストの回り込みサンプル

中ではなく、オブジェクの周りテキストを敷き詰める表現方法も!

「テキストの回り込み」設定を使えば簡単♪

詳しくはコチラ

Check!
イラレでテキストの回り込みを作成!できない時の対処法も【オブジェクトに沿ったテキストエリア】
イラレでテキストの回り込みを作成!できない時の対処法も【オブジェクトに沿ったテキストエリア】

続きを見る

まとめ:エリア内に文字を敷き詰める

llustrator(イラストレーター)で、オブジェクトをテキストエリアに変更し、中に文字を敷き詰める表現方法を紹介いたしました。

ポスターやエディトリアルデザインの、レイアウトに変化をつけたい時に使える手法です。

ぜひ1度試してみてください。

他にもイラストレーターの時短テクニックを紹介!

Check!
イラレでオブジェクトをランダムに配置する方法【ドットやパターンに】

続きを見る

イラレで点線波線破線の作り方
Illustrator(イラストレーター)で点線・波線・破線などの作り方まとめ【おまけ有り】

続きを見る

\「Adobe」のソフトを最安値で購入する方法を解説/

Check!
【約40%OFF⁉︎】Adobe CCをどこよりも安く購入する方法を解説!
【約40%OFF⁉︎】Adobe CCをどこよりも安く購入する方法を解説!

続きを見る

ファイル形式ごとの素材サイトも紹介しています!

PNG素材背景が透明なイラスト素材サイト
Gif素材無料のアニメーションGifがダウンロードできるサイト

イラレでテキストの回り込みを作成!できない時の対処法も【オブジェクトに沿ったテキストエリア】

デザイン 作りたい

2024/5/13

イラレでテキストの回り込みを作成!できない時の対処法も...

デザイン

2024/2/20

【Mac】Excelファイルが壊れて開けない時の修復ツ...

壊れた写真・動画・ファイルの修復ツール「EaseUS Fixo」

イイモノ デザイン

2023/12/29

壊れた写真/動画/PDFなどのファイルの修復ツール「E...

動画編集ソフト「Filmora(フィモーラ)13」の新機能を紹介!AI搭載で編集がむっちゃ簡単に!

イイモノ デザイン

2023/11/4

動画編集ソフト「Filmora(フィモーラ)13」の新...

パソコンのゴミ箱から完全に削したファイルを復元「Tenorshare 4DDiG」

デザイン

2023/10/11

Macで誤って完全削除したファイルを復元するソフト「T...

-デザイン, 作りたい
-