スパチャ風アピアランス

こんなツイートが話題になりました。

お年玉 pic.twitter.com/VWxrVJ9tnK

— パナソニー (@panasonynet) January 1, 2023

Illustratorのアピアランスで実装したら…をやってみました。

「スパチャ」風アピアランス

・エリア内文字を利用
・コメントは別オブジェクトとして扱う#アピアランス100本ノック #常用アピアランス pic.twitter.com/bfv6JZgEm6

— DTP Transit (@DTP_Transit) January 2, 2023

ロジック

テキストの位置は［変形］効果で調整しています。

左：テキストのインデント
上：エリア内文字のオフセット
で調整することも可能

• 人のアイコンは図形を組み合わせで作成

• 上部の帯部分は、［オブジェクトのアウトライン］効果を適用後、［形状に変換（長方形）］効果で図形化し、大きさと位置を調整

• ［パスファインダー（切り抜き）］効果線アピアランスの大きさでマスク

アイコン画像と本文がある場合

アイコン画像と本文がある場合には、エリア内文字のことは忘れて、上部のバーの部分でグループ化、全体でグループ化で2つのアピアランスで実装します。

アイコン画像と本文がある場合には、グループアピアランス x2で実装 pic.twitter.com/Rtr2zgqR6Z

— DTP Transit (@DTP_Transit) January 3, 2023

ダウンロード

4つのカラーリングを用意しています。