炎フォントを検索すると、返ってくるのはいつも同じ絵です。黒い四角の上で光るオレンジ色の文字。どのギャラリーでも、どのジェネレーターのプレビューでも、どのPinterestのボードでも同じ。スタイルの選択に見えます。

違います。それは誰も口にしない制約であり、そのレタリングを自分のページに、白いスライドや明るい色のポスターに置いた瞬間、これらのエフェクトの半分は崩れます。このガイドはそこから始めます。炎フォントがあなたの用途で使えるかどうかを決めるのは、それだからです。そのうえで、TextStudioの炎フォントジェネレーターを使って同じ単語を8つのスタイルで描き、画像から画像へ変わるのはスタイルだけ、という状態にしました。

規則：問題は炎ではなく、文字のほう

分かりやすい説明はこうです。炎は光だから、暗さが要る。ところが、これは違いました。8つの炎エフェクトから背景を切り抜き、それぞれを黒地に、次に白地に置いてみると、8つのうち7つは生き残ります。

同じ2つの炎エフェクトを切り抜いて黒地と白地に置いた比較。黒地ではどちらもはっきり読めますが、白地では白い文字のエフェクトがページに溶けてしまい、濃いオレンジの文字のほうは影響を受けません

崩れたほうの理由は単純です。文字が白いからです。白い背景でも炎はちゃんとそこにありますが、その炎がのっている字形のほうに対比する相手が残っておらず、単語はオレンジの縁としてしか残りません。

つまり規則は「炎には暗い背景が要る」ではありません。こうです。文字はページより暗くなければならない。 炎エフェクトには2種類あり、これを気にするのは片方だけです。

  • 炎に照らされた淡い文字。 白やクリーム色の字形で、主役は光のほうです。黒地では圧巻ですが、白地では使えません。
  • 炎でできた濃い文字。 オレンジや赤、グラデーションで塗られた字形で、たいてい自前の輪郭線を持っています。こちらはどこでも成立し、背景を自分で決められないときに選ぶべきものです。

どちらの種類なのかは、明るいページに置いたあとではなく、決める前に確かめてください。

1. 本物の炎

白い字形の上に実際の炎の形が立ちのぼり、全体を暖かい光の輪が包みます。このリストで最も本物らしい炎であり、そして上で説明したとおりに振る舞うものでもあります。

暗い背景の上に「Fire」の文字を白く描き、その上にリアルなオレンジの炎が立ちのぼって、まわりに柔らかく暖かい光が広がっているもの

向いている用途：暗いポスター、ゲームのサムネイル、動画のイントロなど、背景を自分で決められて、しかもそれが暗いもの。明るいページには置かないでください。

2. 燃える発光

暗い文字に、はっきりした赤オレンジの縁と、外へにじみ出る光。むき出しの炎というより、熱した金属に近い見え方です。字形そのものが暗いので、これは明るい背景でも成立し続け、そこでは光がそのまま後光として読まれます。

「Fire」の文字を暗い色で描き、明るい赤オレンジの光る輪郭線が周囲の闇へにじみ出しているもの

向いている用途：タイトル、ロゴなど、焚き火に見せずに熱く見せたいもの。文字が形をまるごと保つので、ここでいちばん読みやすいスタイルでもあります。

3. 縁取られた熱

塗りつぶしたオレンジの文字に、明るい黄色の輪郭線と、背後の柔らかな光。炎はまったくありません。熱を伝えているのは、色と縁の光だけです。

「Fire」の文字を塗りつぶしのオレンジで描き、明るい黄色の輪郭線と、背後に広がる暖かい光を添えたもの

向いている用途：見出し、スポーツやeスポーツのグラフィック、セールのバナー。写真の上に置いても持ちこたえるのは、輪郭線のおかげです。

4. 炎の先端

グラデーションで塗りつぶした文字の、一つひとつの上端から炎の形が立ちのぼるように描かれています。この炎は光ではなくグラフィックの形なので、このスタイルは背景をまったく気にしません。

「Fire」の文字をオレンジから黄色へのグラデーションで塗りつぶし、それぞれの文字の上端から鋭いグラフィックの炎の形が立ちのぼっているもの

向いている用途：Tシャツ、ステッカー、印刷物など、色を自分で決められない面にのせるもの。このページでいちばん安全な選択肢です。

5. 熾火のテクスチャ

写真のような燃焼テクスチャで塗られた文字。字形の内側そのものに熾火と火花と黒い焦げがあり、その下に重い影が落ちています。

「Fire」の文字を斜体で描き、写真のような熾火のテクスチャで塗りつぶして、一つひとつの文字の内側にオレンジの火花と黒い焦げが見えているもの

サイズに注意してください。ここではテクスチャがエフェクトのすべてで、単語が小さくなったときに最初に消えるのがテクスチャです。これは大きいまま使いましょう。

6. ひび割れた溶岩

焦げた灰黒色の文字が割れ目で裂け、そこから溶けたオレンジが光っています。炎というより熱として読まれ、ここでいちばん暗いスタイルです。

「Fire」の文字を焦げた濃い灰色で描き、ひび割れで裂けた内側から溶けたオレンジの溶岩が光っているもの

向いている用途：ゲームのタイトル、メタルやロックのアートワーク、火山を思わせるもの。字形が暗いおかげで明るい背景でも持ちこたえます。ここまで劇的なものとしては珍しいことです。

7. 裂けて尖った

文字が鋭い破片に裂け、その隙間から炎がのぞき、前へ傾いています。ヒロイックファンタジーの語り口です。ダンジョン探索、ボス戦、トーナメントのポスター。

「Fire」の文字をぎざぎざに裂けた字形で描き、鋭い破片の隙間から炎がのぞいて、攻撃的に前へ傾いているもの

読みやすさに注意してください。破片が文字の形を削っていくので、単語は一つに絞り、余白をたっぷり取りましょう。この攻撃性が好みなら、同じ問いはグラフィティのレタリングスタイル全体でも出てきます。

8. 親しみやすいカートゥーン

太い茶色と白の輪郭線の内側に暖かいオレンジのグラデーション、そしてずんぐりした3Dの土台。炎はまったく入っておらず、それがねらいです。怖さを出さずに熱さだけを伝えたいときに使うスタイルです。

「Fire」の文字を親しみやすいカートゥーン風に描き、暖かいオレンジのグラデーションを太い茶色と白の輪郭線で囲んで、ずんぐりした立体的な土台をつけたもの

向いている用途：子ども向けの制作物、モバイルゲーム、食品やスパイスのパッケージなど、相手に威圧感を与えたくないもの。

同じ単語を、8つのスタイルで並べる

並べると、分かれ目が見えてきます。光でできたスタイルが2つ、濃い色でできたものが4つ、テクスチャでできたものが2つ。テクスチャのものがいちばん見栄えがして、いちばん打たれ弱いのです。

同じ単語を8つの炎レタリングスタイルで縦に並べた比較。本物の炎から、発光、縁取り、炎の先端、熾火のテクスチャ、ひび割れた溶岩、ぎざぎざの破片を経て、親しみやすいカートゥーンまで

小さくすると何が残るか

誰も確かめない2つ目のこと。炎フォントは大きなプレビューで選ばれ、そのあとアバターや、ファビコンや、動画の隅のバッジとして使われます。同じレタリングを両方の大きさで並べました。

2つの炎レタリングスタイルを、大きいサイズと小さいサイズで並べて見せた比較。リアルな炎は一つひとつの炎の形を失ってオレンジのもやになり、輪郭線のあるカートゥーンは文字の形を保っています

同じ傾向が背景の規則にも当てはまります。個性が形に宿っているスタイルは生き残り、光やテクスチャに宿っているスタイルは生き残りません。炎はもやになり、熾火はにじみになり、輪郭線のある字形は字形のままです。

単語が最終的に小さくなるなら、輪郭線とグラデーションのスタイルから選び、決める前に最終サイズで確かめてください。

炎とネオンと花火は、同じエフェクトではありません

この3つは同じもののように使われていますが、まったく別物です。違いは光がどこにあるかであり、一度気づいてしまうと、もう気づかずには見られません。

同じ単語を3つの発光エフェクトで描いた比較。炎は文字の上にのり、ネオンは均一な青いチューブが輪郭をなぞり、花火は素の文字の後ろの背景ではじけているもの
  • 炎は文字の上にのります。 暖かく、不規則で、上へ動きます。字形はその一部を食われます。
  • ネオンは文字の外側をなぞります。 均一で、冷たく、途切れず、チューブのように輪郭をたどります。何も食われません。全体像はネオンレタリングのガイドにあります。
  • 花火は文字の後ろではじけます。 文字は完全に素のままで、見せ場はすべて背景にあります。これは花火文字のガイドで扱っています。

誰かに「炎の文字」を頼まれて、参考としてネオンを見せられたなら、始める前にこの話をしておきましょう。

炎フォントの選び方

  • まず背景を決めること。 いつも暗いとは限らないなら、淡い字形のスタイルはすべて外します。この一つの問いだけで、選択肢の半分が消えます。
  • 単語の数を数えること。 炎は文字の形を削るので、一語ならどれでも受け止められますが、フレーズなら輪郭線かカートゥーンのスタイルが要ります。
  • プレビューの大きさではなく、最終サイズで確かめること。 先に消えるのはテクスチャと炎で、輪郭線は残ります。
  • 熱い要素はデザインに一つだけ。 炎のレタリングに炎の背景、さらに細部にも発光。こうしてポスターは読めなくなります。
  • オレンジと赤でなければならない決まりはありません。 青い炎も同じ速さで熱として読まれますし、まわりがオレンジばかりのフィードでは目立ちます。
  • 行の上に余白を残すこと。 炎は立ちのぼるので、普通のフォントには要らない縦の余白が必要になり、燃える文字を2行組むとぶつかります。

よくある質問

炎フォントとは何ですか？

文字が燃えているように見せる書体、またはテキストエフェクトのことです。字形そのものが炎の形をしたフォントもありますが、大半は普通の書体に重ねるエフェクトで、発光や炎の形、燃焼テクスチャを加えるものです。

白い背景だと炎の文字が見栄えしないのはなぜですか？

ほとんどの場合、そのエフェクトが淡い字形を使っていて、対比を暗い背景に頼っているからです。文字が濃いオレンジや赤で、自前の輪郭線を持つスタイルに替えれば、どんな色の上でも成立します。

ロゴに向いた炎フォントはどれですか？

炎やテクスチャのスタイルではなく、輪郭線かグラデーションのスタイルです。ロゴは小さくされても、単色で印刷されても、自分で決められない背景の上に置かれても持ちこたえる必要があり、その3つをすべて満たすのは形を土台にしたスタイルだけです。

炎フォントはネオンフォントと同じものですか？

違います。炎は文字の上にのって形を食べていきますが、ネオンは輪郭のまわりを均一なチューブでなぞり、字形はそのまま残します。上の比較のとおり、読まれ方はまったく別です。

炎の文字をInstagramやメッセージに貼り付けられますか？

フォントとしては貼り付けられません。それができると称するコピペ用のツールは、あなたの文字を珍しいUnicode文字に置き換えているだけで、炎には似ても似つきませんし、相手の端末では空の四角として表示されることもあります。炎エフェクトは画像なので、書き出して画像として投稿します。

炎の文字は何色にすべきですか？

定番はオレンジから黄色です。一瞬で炎として読まれるからです。赤だけだと炎というより熱として読まれ、青や緑の炎は超自然的なものとして読まれます。予想外だからこそ役に立つ選択です。色の選び方は色付きテキストエフェクトのガイドで詳しく扱っています。

自分で作ってみる

単語を入力し、スタイルを選び、そのうえでこの記事が扱ってきた2つの確認をしてください。実際に使う背景の上に置いてみること、そして実際に使う大きさまで縮めてみること。どちらも生き延びたなら、それが正解です。TextStudioの炎ジェネレーターを開いて、単語に火を点けましょう。