グループアピアランスで作る二重に伸び縮みする囲み

この記事は鷹野雅弘によって執筆されました。
公開日:2016年1月20日、更新日:2020年10月27日
 

次のようなパーツの制作方法について考えてみます。

白い枠、青い枠が連動して伸縮するようにしてみましょう。

アピアランスを使わない場合

アピアランスを使わない場合には、4つのパーツで作成します。

  • 青い四角形
  • 白い角丸四角形
  • テキスト「管理番号」
  • テキスト「A12345」

「A12345」は、番号が変わったり、また、増減する可能性がありますが、その度、四角形の大きさ、および、それを包含する青い四角形にも影響します。

アピアランスを使った解決方法

手順

2つのオブジェクト、および、それをグループ化したものにそれぞれアピアランスを設定することで解決します。

  • 「A12345」に、[形状に変換]で白い角丸四角形を付加する
  • 「A12345」と「管理番号」をグループ化し、[形状に変換]で青い四角形を付加する

ポイント

テキストを四角形の 上下のアキを統一するため、[オブジェクトのアウトライン]効果を加え、「テキストのアウトライン」を仮適用します。

動画

YouTube

DTP TransitのYouTubeチャンネルです。1分前後のクイックTipsを投稿しています。

チャンネル登録

Twitter

本サイトの記事以外に、小ネタやタイムリーな話題などをツイートしています。

マンスリーでまとめています。

『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』(増強改訂版)は、2011年発売の『10倍ラクするIllustrator仕事術』の改訂版。

2014年に技術評論社から発売、現在6刷。2011年版と合わせて38,000部のロングセラーとなっています。

詳しくはサポートサイトにて。

画像:『10倍ラクするIllustrator仕事術』改訂版

Illustrator CC 2021(2020年10月リリース)への対応版準備中です。全ページ書き換えていますので、2021年版を待たずに、2014年版を(も)ご購入ください。

お知らせメールへの登録はこちら

オススメ外部リンク

お問い合わせ

このページの上部に戻る