黒丸曜日を(透過したまま)太らせたい
「黒丸曜日」という用語があるのかわからないのですが、黒丸数字の曜日版(囲み文字)を太らせる方法について考えてみます。
黒丸数字って?
❶が黒丸数字(白抜き文字)、①が白丸数字です。
フォントによっては、IllustratorやPhotoshop、InDesignではテキストを選択して[字形]パネルで切り替えられます。
解決したいこと
2つの問題があります。
フォントとして用意されている黒丸数字はマージンが狭すぎる
字形切り替えできるかどうかはフォントに依存するため、数字のフォントと合わない(合わせにくい)ことがある
実装方法
テキストのみで透過する“黒丸曜日”は、次のように実装します。
[変形]効果
[拡大・縮小]:大きさ0%
基準点を上部中央に
[移動]:垂直方向にテキストサイズの半分
楕円
[形状に変換(楕円形)]効果で楕円に変換します。
透過
「文字」アピアランスを使って透過させます。
線を非表示にする
[パスファインダー(中マド)]効果を最下部に入れる
手順を動画にしました。
スタディ
[オブジェクトのアウトライン]効果を適用したいところですが、文字によって中心がずれてしまいます。
変形の基準点を中央に設定すると、フォントによって楕円の位置が変わってしまい、再調整が必要になります。
フォントサイズは12ptを前提にしているため、フォントサイズを変更すると崩れます(=再調整が必要になります)。大きさを変更したい場合には、フォントサイズではなく、オブジェクトの拡大・縮小で行ってください。
お礼
[パスファインダー(中マド)]効果を使って透過させる方法は、高橋としゆきさんに教わりました。
[変形]効果の[拡大・縮小]:大きさ0%にするとき、基準点を上部中央にすることは、あかつき@おばなさんにアドバイスいただきました。
常用アピアランス
さらに次のように展開できます。「常用アピアランス」では、これを1つのグラフィックスタイルで引き受けます。つまり、それぞれに別のアピアランスを用意するのではなく、属性のON/OFFにて実装します。
ダウンロード
1月11日1:30くらいに更新しました。
ここから先は
¥ 200
定期マガジンを購読されるとサンプルファイルをダウンロードいただけます。 https://note.com/dtp_tranist/m/mebd7eab21ea5