InDesignの表組み機能を使って崩れにくいタブ型の文字囲みを作る

InDesignで下図のようなタブ型の文字囲みを作る場合、私はこれまで、テキストと、長方形の囲みと、右側の三角形のパーツ、3つを組み合わせて作成していました。

160115_kakomi_011

しかし、グループ化して使っていても、何度もテキスト修正が入ったりすると、それぞれのパーツが微妙にズレてしまったりする事もあり、出来れば一つのパーツとして作れないか?と考えていました。

今回、InDesignの表機能を使うことで、崩れにくい一パーツでタブ型の文字囲みを作る方法を考えましたので、ご紹介します

ドキュメントサイズ:左右85mm×天地49mm

1.囲みに使用したいテキストを打ち、末尾にタブを入れる

160115_kakomi_001

サンプルは、こぶりなゴシックW6/12Q。

2.テキストとタブを選択し、[表>テキストを表に変換]で表を作成

160115_kakomi_002

3.囲みを作りたいサイズに、セルのアキを調整

160115_kakomi_004

160115_kakomi_003

サンプルは、左右12mm、上/左/下のアキを1mm、右のアキは0mmに設定。
テキストの右側は囲みの先端が来るのでアキを少なくしておく。

4.テキストを入れている方のみセルの背景に色を入れる

160115_kakomi_006

サンプルはY100%。これで、左右12mm×天地5mmの文字囲が出来ました。

5.Illustratorで囲みの先端の形を作る

160115_kakomi_005

Illustratorで新規ドキュメントを作成し、左右5mm×天地5mm(文字囲みの高さと同様)の直角三角形を描く。

色は文字囲みに合わせてY100%に。

この三角系のデータを「sankaku.ai」として保存します。

6.InDesignに戻り、テキストの隣のセルに「sankaku.ai」を配置する

配置のオプションは[トリミング:アート/背景を透明に]。

160115_kakomi_007

160115_kakomi_008

これで、テキスト囲みの隣のセルに、三角形の先端パーツが配置されました。

7.先端の形のセルを調整する

「sankaku.ai」を配置したセル、そのままだと、アキが設定されてしまっているので、全てのアキを0mmに、列の幅を5mm(三角形の左右の長さ)に設定。

160115_kakomi_009

160115_kakomi_010

8.完成

これで、セットになったタブ型の文字囲みが出来ました。

160115_kakomi_011
文字のテキストの長さが変わっても、テキスト側のセルの列の幅を調整すれば、先端の三角形もズレずに追随してきます。

160115_kakomi_012

160115_kakomi_013

160115_kakomi_014

下段の囲みは列の幅を44mmにして作成。

バリエーション

先端に配置する形を変えると、角丸長方形や、大きな矢印などを作る事もできます。

160115_kakomi_015

作業環境
OS:OSX 10.8.5
Application:Adobe CS5

投稿者: Shu Watanabe

I was born in Tokyo, Japan in 1982. Editing photo book and exhibitions of young photographers, handling book design and others, while teaching information design and marketing at educational institutions. The fun of the design process visualizing the stories of objects, As a medium that can convey different messages depending on how to edit I am pursuing photo book and photograph should be. 1982年東京生まれ。デザイナー、編集者。 教育機関で情報デザインやマーケティングを教えながら、若手写真家の写真集や展示の編集から、ブックデザインなどを手がける。 対象の持つストーリー性を視覚化するデザイン過程の面白さ、編集の仕方によって異なるメッセージを伝えることのできるメディアとしての写真集、写真のあり方を追究している。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA