【イラレ】別箇所へ跨ぐ形のテキストを連結状態に

テキストフレームを連結状態に
テキストが別箇所に跨ぐとき
上図のように、Adobe Illustratorを使って場所やページやオブジェクトを横断して、文章が別箇所へ跨ぐ形で繋がっているタイプのデザインを作成する事ってあると思います。
しかし、、、、。
 
イラレ使い
イラレで、別箇所へ跨ぐ形で繋がっている文章を後から編集する時が大変!

という思いを持っている人もいると思います。
そんな人に作業を効率化する便利な方法をご紹介します!

それは、[テキストフレームの連結]です。

テキストフレームの連結

以下から具体的に解説していきます。

スキルのフリマ【ココナラ】

この記事を書いた人

はっぱ太郎 instagram  → happa_taro

「テキストフレームが連結されている」とは

テキストフレームが連結されている状態

 

[テキストフレームが連結されている状態]とは、上図のように領域Aと領域Bが1つのオブジェクトのように繋がっている状態のこと、です。

今回は、この状態を作ることで、作業を効率化します。

その前に、テキストフレームが連結されていない状態で起こる事を念の為確認しておきましょう。
確認不要の人は、[テキストフレームの連結 方法]まで飛ばしてしまって大丈夫です。

 

テキストフレームが連結していない状態で起こる事

テキストフレイムを連結していない時に起こること1

例えば、上図の青の箇所を削除する編集を施したい場合、左上と右下の領域はそれぞれ別々のオブジェクトなので、削除した箇所はただ単にポッカリと空きます。
バランスを取るために下図の黄色い箇所をポッカリ空いた箇所に移植しないといけません。

テキストフレイムを連結していない時に起こること2

 

加筆・修正を行うたびに移植を行なっていては、非効率です。。。

そこで、[テキストフレームの連結]によって作業を効率的にします!

テキストフレームの連結 方法

テキストフレームは以下の手順の通りです。

  1. テキストフレームとする四角を作る
  2. フレーム内に全文章をコピペ
  3. 文章がフレーム範囲を超えると、➕マークが出ます。
  4. ➕マークにカーソルを合わせ、引っ張る
  5. 離すと、連結された新たなテキストフレームの完成

動きがあると分かりやすいと思い、動画にもまとめました。↓

[1]テキストフレームとする四角を作る

テキストフレーム連結方法1


[2]フレーム内に全文章をコピペ

コピペの前に、予期しないところに入ってしまう不要なスペース除去をしておくと、後々ラクチンです☆
テキストの不要スペースを消す作業が面倒くさすぎる(涙)

テキストフレーム連結方法2


[3]文章がフレーム範囲を超えると、➕マークが出ます。
+マークを選択ツールでクリックし、下図のようなカーソルに。

テキストフレーム連結方法3


[4]➕マークをクリック→少し離すと→カーソルが変化

テキストフレーム連結方法4


[5]希望の場所をクリックする→新たなテキストフレームの完成!

テキストフレーム連結方法5

最後にテキストフレームと写真などのオブジェクトを[整列]して完成です。

テキストオブジェクトを整列する際は[プレビューの境界を使用+オブジェクトのアウトライン]を行うと、見た目通りの位置で整列できます。

[記事]アウトライン前の文字オブジェクトの整列が綺麗にできない!

まとめ

この設定で、イラレで解説書や契約書等のテキストが多いデザインを扱うのが楽になりますね!

== Twitterを細々と始めました ==

「この記事が役に立った!」という方は、ツイッターでフォロー&シェアしてくれると嬉しいです!ぜひに!

はっぱ太郎近影はっぱ太郎

 

ココナラはデザイン部門に出店。
デザイン部門の総合ランキング 1位獲得多数。
ココナラ売上総額2000万円超。

[デザインで稼ぎ→投資→増やして→新規事業→投資→増やす]

のスパイラルを作るチャレンジ中です!

気になったら、↓から会員登録してみてください!☆

簡単!無料会員登録はこちら

フリーランスの必須ツール紹介

営業・事務・クリエイションの全てを1人で行わなければいけないフリーランスには、
強力なツールが必要!

\  フリーランスの日々の業務を楽にするツールを紹介  /

活動身体拡張ツール

価額予測を活用する上で知っておきたい基礎知識