見出し画像

エリア内文字で実装する注目させたい図版につける「NEW」リボン

この手の「リボン」、アピアランスで作るとしても揃えが壮絶面倒です。

「エリア内文字+アピアランス」に一工夫加えると、図版の座標(左上)にエリア内文字ボックスを合わせつつ、リボンの大きさを自由に変更できます。

欧文ならギリギリ大丈夫ですが、和文フォントの場合、バウンディングボックスをはみ出てしまうため、小さめの文字サイズ+[変形]効果で倍にしてます。

縦バージョン

  • エリア内文字+アピアランスで作るリボン

  • グループ化+アピアランスで作るリボン

ロジック

次のようなしくみになっています。

大きさ調整が必要な場合、次の2箇所を調整してください。

「エリア内文字+アピアランス」集

「エリア内文字+アピアランス」の作例をまとめたものを用意しています。
そちらにも入っています。

フル版

エリア内文字の大きさで両方に影が付く「フル版」を追加しました。

ダウンロード

全面的に修正しました(2023年3月4日)。

ここから先は

0字 / 1ファイル

¥ 100

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