ガイド
Brat を筆記体(Cursive)で
元の Brat ジャケットは condensed sans。筆記体版はリミックスです。読みやすさを保つ作り方をまとめます。
エディタを開く01
筆記体は原版ではなくアレンジ
Brat のアートワークは、字間を詰めた細身のサンセリフ(太めの Arial Narrow に近い書体)です。公式の筆記体 Brat フォントは存在せず、ジャケットに筆記体は使われていません。
それでも成立します。スクリプト体は配色と正方形の構成を保つため、同じテンプレートの柔らかく個人的な解釈になります。アルバムカバーというより手書きのメモに近い印象です。
代償は可読性です。スクリプト体は接続部が細く、装飾的な終筆があります。どちらもフィードのサムネイルまで縮むと消えます。
02
仕様
| 項目 | 値 |
|---|---|
| 既定の書体 | Arial Narrow、150 px |
| 字間 | 文字間 −4 px |
| 行間 | 1.0 |
| 背景 | #8ACE00 · rgb(138, 206, 0) |
| 文字色 | #000000 |
| 書き出しサイズ | 長辺 800 / 1080 / 2048 px |
| ファイル形式 | PNG(透過対応)または JPG |
03
設定の手順
- 01
スクリプト体を選ぶ
ジェネレーターで最も近いのは Lobster。ウェイトが1種類なので、太さではなくサイズと字間で調整します。
- 02
サイズを下げる
スクリプト体は condensed sans より余白を必要とします。上下の張り出しがキャンバス端に触れないところまで下げます。
- 03
字間をゆるめる
元のカバーは負の字間で文字を塊にしています。それがスクリプト体では潰れの原因になります。0 かわずかにプラスへ動かします。
- 04
コントラストを保つ
#8ACE00 に黒文字なら線が細くても読めます。緑に白文字は不可。小さいサイズで接続部が消えます。
- 05
大きめに書き出す
2000px の PNG は、サービス側の圧縮に耐える情報量を残します。ブロック体より筆記体で効いてきます。
04
筆記体 Brat の質問
- 公式の筆記体 Brat フォントはありますか?
- ありません。アルバムは condensed sans です。筆記体版は配色とレイアウトを保ったファンによるアレンジです。
- 筆記体の Brat に最も近いフォントは?
- ジェネレーターに入っている Lobster です。スクリプト特有の強弱とつながりがあり、画面で消える極細の線がありません。
- 筆記体がぼやけるのはなぜ?
- 多くの場合、負の字間が強すぎるか、キャンバスに対して文字が大きすぎます。字間を 0 付近に戻し、余白が残るまでサイズを下げてください。
- 筆記体に Brat グリーンやパターンは合いますか?
- 合います。ただし緑背景のままパターンは付けないのが最良です。パターンは細いスクリプトの線と競合します。
筆記体の Brat カバーを作る
フォントを Lobster にして字間をゆるめ、数分で PNG に書き出せます。
ジェネレーターを開く