Brat を筆記体(Cursive)で

元の Brat ジャケットは condensed sans。筆記体版はリミックスです。読みやすさを保つ作り方をまとめます。

筆記体は原版ではなくアレンジ

Brat のアートワークは、字間を詰めた細身のサンセリフ(太めの Arial Narrow に近い書体)です。公式の筆記体 Brat フォントは存在せず、ジャケットに筆記体は使われていません。

それでも成立します。スクリプト体は配色と正方形の構成を保つため、同じテンプレートの柔らかく個人的な解釈になります。アルバムカバーというより手書きのメモに近い印象です。

代償は可読性です。スクリプト体は接続部が細く、装飾的な終筆があります。どちらもフィードのサムネイルまで縮むと消えます。

設定の手順

  1. 1

    スクリプト体を選ぶ

    ジェネレーターで最も近いのは Lobster。ウェイトが1種類なので、太さではなくサイズと字間で調整します。

  2. 2

    サイズを下げる

    スクリプト体は condensed sans より余白を必要とします。上下の張り出しがキャンバス端に触れないところまで下げます。

  3. 3

    字間をゆるめる

    元のカバーは負の字間で文字を塊にしています。それがスクリプト体では潰れの原因になります。0 かわずかにプラスへ動かします。

  4. 4

    コントラストを保つ

    #8ACE00 に黒文字なら線が細くても読めます。緑に白文字は不可。小さいサイズで接続部が消えます。

  5. 5

    大きめに書き出す

    2000px の PNG は、サービス側の圧縮に耐える情報量を残します。ブロック体より筆記体で効いてきます。

筆記体 Brat の質問

公式の筆記体 Brat フォントはありますか?
ありません。アルバムは condensed sans です。筆記体版は配色とレイアウトを保ったファンによるアレンジです。
筆記体の Brat に最も近いフォントは?
ジェネレーターに入っている Lobster です。スクリプト特有の強弱とつながりがあり、画面で消える極細の線がありません。
筆記体がぼやけるのはなぜ?
多くの場合、負の字間が強すぎるか、キャンバスに対して文字が大きすぎます。字間を 0 付近に戻し、余白が残るまでサイズを下げてください。
筆記体に Brat グリーンやパターンは合いますか?
合います。ただし緑背景のままパターンは付けないのが最良です。パターンは細いスクリプトの線と競合します。

関連ツール

筆記体の Brat カバーを作る

フォントを Lobster にして字間をゆるめ、数分で PNG に書き出せます。

ジェネレーターを開く