
スパチャ風アピアランス
こんなツイートが話題になりました。
お年玉 pic.twitter.com/VWxrVJ9tnK
— パナソニー (@panasonynet) January 1, 2023
Illustratorのアピアランスで実装したら…をやってみました。
「スパチャ」風アピアランス
— DTP Transit (@DTP_Transit) January 2, 2023
・エリア内文字を利用
・コメントは別オブジェクトとして扱う#アピアランス100本ノック #常用アピアランス pic.twitter.com/bfv6JZgEm6
ロジック
テキストの位置は[変形]効果で調整しています。

上:エリア内文字のオフセット
で調整することも可能
人のアイコンは図形を組み合わせで作成
上部の帯部分は、[オブジェクトのアウトライン]効果を適用後、[形状に変換(長方形)]効果で図形化し、大きさと位置を調整
[パスファインダー(切り抜き)]効果線アピアランスの大きさでマスク

アイコン画像と本文がある場合
アイコン画像と本文がある場合には、エリア内文字のことは忘れて、上部のバーの部分でグループ化、全体でグループ化で2つのアピアランスで実装します。
アイコン画像と本文がある場合には、グループアピアランス x2で実装 pic.twitter.com/Rtr2zgqR6Z
— DTP Transit (@DTP_Transit) January 3, 2023
ダウンロード
4つのカラーリングを用意しています。

ここから先は
5字
/
2ファイル
¥ 100
定期マガジンを購読されるとサンプルファイルをダウンロードいただけます。 https://note.com/dtp_tranist/m/mebd7eab21ea5