DTP屋あかつき@おばなの稼業録。
Illustratorの「形状に変換」効果を使用してテキストにカコミをつける方法、2015年版(?)です。

今回は「塗り」アピアランスではなく、「線」アピアランスで作成します。これにより、テキストサイズが変わっても「線の太さ」を変更するだけでカコミの大きさを調整することができます。

実はこの方法、昨年に思いついていたのですが仕組みがわからず(自分で作ったのに!)、放置していました。今回、hamkoさんに原理を教えていただいたので作成方法を公開。

1.テキストを入力
150209-1.jpg
カコミをつけたいオブジェクトを作成します。今回の作例では40Q(10mm)で作成しています。

2.「線」アピアランスを設定する
150209-2.jpg
「線」アピアランスを追加します。この「線」がカコミになりますので、カコミにしたい色にします。太さはテキストと同じサイズ(10mm)に設定します。
文字色は「文字」アピアランスでも「塗り」アピアランスでも構いませんが、「文字」アピアランスで文字色を設定している場合は、アピアランスの並び順を上から「文字」→「塗り」→「線」にします。

3.「形状に変換:長方形」を設定する(1回目)
150209-3.jpg
「線」アピアランスに対して「形状に変換:長方形」を設定します。オプションは「値を追加」で、追加するサイズは幅・高さともに「0mm」です。

4.「変形」を設定する(1回目)
150209-4.jpg
「変形」効果を追加します。「拡大・縮小」の垂直方向を「0%」、原点を「天中央」にします。
150209-B.jpg


5.「変形」を設定する(2回目)
150209-5.jpg
再度「変形」効果を追加します。アラートは無視して、先ほどの「変形」とは別に「変形」を適用してください。設定は、原点を「地中央」、さらに「水平軸にリフレクト」をオンにします。
150209-C.jpg
これでテキストにぴったりなカコミができました。

6.「パスのアウトライン」を追加する
150209-6.jpg
このままだと次の効果を追加したときに形状が崩れてしまいます。その対策として「パスのアウトライン」効果を追加します。

7.「形状に変換」を設定する(2回目)
150209-7.jpg
カコミとテキストの間隔を調整するために「形状に変換」を再度設定します。オプションは「値を追加」で、追加するサイズには間隔分を設定します。
150209-D.jpg

ちなみに、長方形のカコミを追加する場合でも角丸長方形を選択して角の半径を「0mm」に設定しておけば、後から変更が入っても対応しやすくなります。
150209-E.jpg

作成後にテキストサイズを変更した場合は、線の太さを変更すればカコミの形が追従します。頻繁にテキストサイズを変更・修正する場合にはこの方法もアリかもしれません。
補足)

4.の「変形」、なぜこういう結果になるのかが分かりませんでした。イジっていたら偶然できてしまったのです(笑
そこで、この部分の挙動についてhamkoさんに質問したのですが、「テキストの代わりに長方形に適用してみると分かりやすいですよ」と教えてもらいました。

試しに長方形に対して「変形」効果を適用してアピアランスを分割すると、もともとの長方形の高さが「0mm」になっているのがわかります。
150209-X.jpg

テキストアピアランスに適用した場合でも同じですので、長方形の形状を採り出すために6.で「パスのアウトライン」を適用しています。
150209-Y.jpg

hamkoさん、ありがとうございました!
No.467 / DTP /  comments(0)  /  trackbacks(0) /  PAGE TOP△
COMMENT TO THIS ENTRY

  非公開コメント
TRACKBACK URL OF THIS ENTRY

TRACKBACK TO THIS ENTRY

■特設

INDD 2016(2016年10月14日、お茶の水ソラシティで開催)



■Profile

尾花 暁(あかつき)

  • Author:尾花 暁(あかつき)
  • 性別:オス

    自称、DTPなんでも屋。
    [すきなもの]作業効率化のマネゴト・技術ネタ
    [苦手なもの]小さい画像のキリヌキ・責了時の修正

    ※公開後にエントリーの文章を修正することがあります。内容を大幅に変更・修正した場合は履歴を明記しますが、誤字脱字の修正など細かい変更に関しては明記しません。

    ご意見・ご要望はページ下部のメールフォームからお願いします。

■訪問者数累計

■お役立ち度

この日記のはてなブックマーク数

■お問い合わせ

名前:
メール:
件名:
本文:

CopyRight 2006 あかつき@おばなのDTP稼業録 All rights reserved.