名前を入力し、スタイルを選び、PNG をダウンロードする。それだけで、十秒ほどで終わります。

Marvel 風の文字スタイルの一覧：白い内枠つきの赤いロゴブロック、青いリムライトのクローム大文字、黄色い網点の爆発模様の上に赤いコミック文字、塗りつぶしの赤いブロック、赤い放射の上に白く縁取った赤い文字、青地に赤い影のついた黄色い文字、紫の星形の上の青い文字、暗い地の緑の大文字

どれも同じ Marvel 風フォント生成ツールで、一覧から別のスタイルを選んだだけです。インストールもアカウントも不要で、上のスタイルはすべて無料です。

Marvel のフォントについて

Marvel Comics は、スパイダーマン、X-MEN、アイアンマン、ファンタスティック・フォー、アベンジャーズを生んだアメリカの出版社です。そのロゴはエンターテインメント業界でもっとも簡素な部類に入ります。赤い長方形の中に白で組まれた語、それだけ。ベベルもクロームもドロップシャドウもありません。効果のすべては、文字の太さと、それを枠に閉じ込めていることから生まれています。

レタリングは Benton Sans Extra Comp Black に非常に近いものです。サイラス・ハイスミスとトビアス・フレア=ジョーンズが Font Bureau のために描いた書体で、コンデンス系のグロテスク体にあたります。文字は幅を細く絞ったうえで極太のウェイトまで押し上げられているので、短い語でも装飾的な線を一本も使わずに幅広い帯を埋めてくれます。

字の形を一度覚えると、同じ書体は別のところでも目につきます。Dressbarn のワードマークも、ドラマ Longmire のタイトルカードも、どちらも Benton Sans で組まれています。

再現を試みる前に知っておく価値のある点が二つあります。一つ目は、ロゴ版がフォントからそのまま打ち出したものではなく、手を加えたものだということ。個々の字形も、線の太さも、字間もすべて調整されています。二つ目は字形そのものの話です。ワードマークをよく見ると、E と L を除くすべての文字が、上か下で隣の文字に触れています。この重なりは手で詰めたカーニングであってフォントが自動でやることではなく、だから Benton Sans をインストールしてもロゴにはならないのです。

赤い長方形は会社より若いものです。Marvel はブロックが登場するまでに、八十年にわたってワードマークを重ねてきました。ブロックは 2002 年のリニューアルで現れ、それ以降は置き換えられるのではなく整えられてきました。コミックの表紙に切手ほどの大きさで刷られても、映画館の壁に建物ほどの大きさで掲げられても成立するのは、そのおかげです。

Marvel 風の文字の作り方

手順 1. 名前を入力する

ツールを開き、サンプルの文字を自分のものに置き換えます。赤いブロックは語を包むように組み立てられているので、入力に合わせて描き直されます。下の名前でも、チャンネル名でも、チーム名でも構いません。

手順 2. スタイルを選ぶ

リンク先のページのスタイルは、ロゴそのものです。赤いブロックに白い大文字。その周りの一覧には、同じ世界のコミック側が並びます。網点、爆発型の吹き出し、太い縁取り、クローム、リムライト。Marvel 風の文字効果を一通り眺めてから、気に入ったものを持って戻ってきても構いません。「スタイル」タブでは、どのスタイルでも塗り、縁取り、影を変えられます。

手順 3. 形を選ぶ

同じ名前を二つのモックアップで表示：再生ボタンのついた横長の動画サムネイルと、丸いプロフィール画像と登録ボタンのついたチャンネルヘッダー

書き出す前に形を決めておけば、あとから切れることはありません。動画のサムネイルには横長、プロフィール画像には正方形、チャンネルのヘッダーやバナーにはかなり細長い帯。上のモックアップは、その形が実際に置かれたときの姿です。

手順 4. ダウンロードする

赤いロゴブロックを二通りで表示：透過を表す暗い市松模様の上に置いたものと、スマートフォンの画面いっぱいに壁紙として広げたもの

背景はテキストのすぐ隣にある独立した設定です。赤い面をそのまま使っても、ブロックの後ろに別の色を敷いても、自分の画像を読み込んでもかまいません。あとから別のアプリで直すのではなく、ここで決めておきましょう。

ブロックを別のものの上に載せるなら、「ダウンロード」タブで 透過 PNG を選んでください。写真、スライド、色のついた背景、カッティングマシン。もっとも見落とされる選択肢ですが、ここでは普段以上に効いてきます。ロゴはページの上の赤い長方形なので、背景ごと書き出すと白い長方形がもう一枚ついてきて、狙いがまるごと台無しになるからです。

チャットやプロフィールに貼り付けられる文字として語だけが欲しいなら、それはコピー＆ペースト用のスタイルの話で、このツールとは別物です。こちらは画像を作ります。赤いブロックが関わる時点で、必要なのは画像のほうです。

名前が長くなるとどうなるか

赤いブロックに入れた短い名前は背が高くほぼ正方形、同じブロックに入れた長い名前は横に広がって平たい帯になる

ここは実際に測りました。どの名前をどこで使うかが、これで決まるからです。赤いブロックからあふれることはありません。 文字を増やしても枠の外に出るものはなく、ブロックは決まった最大幅まで横に伸び、そこから先は幅を保ったまま平たくなり、文字のほうが縮んで収まります。

つまり得られる形は、設定ではなく語が決めています。短い名前なら背の高い、ほぼ正方形のブロック。長い名前なら横に広い平たい帯。効いているのは文字数よりも語の幅なので、同じ長さの名前でも片方の文字が幅広ければ結果は変わります。

この性質は、狙って使えます。長い名前は、はじめからチャンネルヘッダーやバナー向きの形です。正方形のプロフィール画像を埋めるのは、短い名前か頭文字。枠にあとから抗うより、枠に合う語を選ぶほうが簡単です。

Marvel Comics か Marvel Studios か

同じ語を赤いブロックの二つの版で表示：赤い面の内側に細い白の罫を引いたものと、内枠のない塗りつぶしのブロック

「Marvel のロゴ」と検索する人が思い浮かべているものは二つあり、違いは一本の線だけです。

コミックのブロックは、赤い面のすぐ内側に細い白の罫を持ち、ワードマークが枠つきのパネルに収まって見えます。コミックの表紙に刷られているのはこちらで、リンク先のページのスタイルもこれです。

塗りつぶしのブロックは、その内枠をなくしたものです。赤い面と白い文字、それだけ。より簡素で映画寄りの版で、Marvel Studios の映画が始まるカードに近いものです。

どちらも同じ一覧にあり、どちらも無料なので、ページを離れずに同じ名前で両方を試せます。タイトルカードを作るなら、離れて見たときに読みやすいのはたいてい塗りつぶしのブロックです。印刷物らしく見せたいなら、罫は残してください。

インストールするならどのフォントか

三行を並べたカード：ロゴのレタリングは Benton Sans Extra Comp Black に最も近いこと、描いたのはサイラス・ハイスミスとトビアス・フレア=ジョーンズで有料フォントであること、そして自由でオープンな選択肢が Google Fonts の Anton であること

ロゴの書体として特定されているのが Benton Sans Extra Comp Black です。Font Bureau が販売し Adobe Fonts でも使える商用フォントで、正規の無料版は存在しません。Adobe のサブスクリプションがあるなら、何かを買う前にそちらを確認してください。

ここからが罠で、これに引っかかる人がとても多いところです。 いくつかのダウンロードページが Marvel という名前の無料ファイルを配っていて、そのファイル自体は本物です。Carolina Trebol が 2011 年に描き、Google Fonts で SIL Open Font License のもと公開されている Marvel というフォントファミリーで、レギュラー、イタリック、ボールド、ボールドイタリックが揃っています。ただし、ロゴの要素を何ひとつ持たない、まったくふつうの本文用書体です。名前が同じだけの別のフォントで、コミックとは何の関係もありません。インストールして、何を間違えたのかと首をかしげることになります。

見た目まで近いオープンライセンスを探すなら、正直なところ選ぶべきは Anton です。ヴァーノン・アダムスが描き、同じオープンライセンスで Google Fonts に公開されています。何が得られて何が得られないかははっきりさせておきます。単一のヘビーなコンデンスウェイトなので、絞りの強さと黒々しさは合いますが、文字は上下で触れ合わずに離れて並び、赤いブロックもありません。それでも無料でかなりのところまで再現できますし、商用の仕事にも使えるライセンスです。

似せた無料フォントについて。 フォントアーカイブには Marvel 風の書体が数十種類並んでいて、そのうち有名な Avengeance、American Captain、Star Shield は個人利用限定と明記されています。無料でダウンロードできることと、無料で使えることは別です。お金が絡む仕事に近づくなら、押したボタンではなく、フォントに同梱されたライセンスファイルを読んでください。

どれもブロックまでは与えてくれません。赤い面はフォントではなく図形で、だからこのツールは探させるかわりに、あなたの文字の周りにそれを描いています。

実際に何が作られているか

まず動画のサムネイルとチャンネルアート、これが大差で最多です。ブロックはどんな大きさでも読め、フィードの中で縮小されても生き残るからです。次にプロフィール画像、Discord やゲームのタグ、ファンエディットに付ける名前、学校の発表のタイトルカード、ヒーローがテーマの誕生日の招待状、そして印刷する名札。Marvel Rivals のプレイヤーもスクワッド名のために同じものを探しに来て、同じ一覧にたどり着きます。そのほとんどは、インストールしたフォントよりも透過 PNG のほうがうまくいきます。人が見て分かるのは赤いブロックのほうで、フォントファイルが与えるのは字形だけだからです。

Canva で Marvel 風の文字を作る

Canva に Benton Sans はなく、ブロックもありません。ただし Anton はあるので、Canva を離れずに太いコンデンスの見出しは作れます。文字を Anton で組み、後ろに赤い長方形を置き、文字がほとんど触れ合うまで字間を詰める。それでかなり近づきます。

ブロックそのものは、ここで透過 PNG として作ってアップロードしてください。Canva のデザインにそのまま置けて、形も保たれます。Canva 用の文字エフェクトアプリには膨大な数のスタイルがそろっていますが、Canva はアプリ内で他社のロゴを認めていないためブランドのスタイルだけは入っておらず、このブロックを Canva に持ち込むにはアップロードが道になります。

Photoshop で Marvel 風の文字を作る

Anton か、手持ちの太いコンデンス書体があれば、このロゴは四つの手順で終わり、レイヤースタイルはひとつも要りません。これは珍しいことです。

  1. 語を大文字で打つ。 白で、手持ちのいちばん太いコンデンス書体で。
  2. トラッキングを詰める。 文字がほとんど触れるまで。効いているのはこの手順です。そのうえで、本物のワードマークが上か下で文字を重ねているように、字間を組み合わせごとに手で微調整します。
  3. 後ろに赤い長方形を描く。 文字の左右にゆったりと余白を取り、ハイライトではなくパネルとして読めるようにします。
  4. コミック版にするなら、赤い長方形の内側に少し小さい長方形を置き、細い白の線を加えます。

このロゴのどこにも、ベベルもグラデーションもグローもありません。それらを足すことこそが、自作版を「違う」ものに見せてしまう原因です。

Word で Marvel 風の文字を作る

Word はブロックまでは出してくれませんが、先に Anton をインストールしておけばレタリングは出せます。名前を大文字で打ち、フォントを設定し、文字間隔の設定で詰める。実際に人に見せるものなら、書き出した PNG をページに置くほうが早く、見た目も正しくなります。

スマートフォンでは

iOS でも Android でも、たいていのアプリはフォントをインストールして使うことができません。このツールはモバイルのブラウザで動きますし、そもそもサムネイルやプロフィール画像の多くはそこで作られています。スマートフォンで PNG を作り、写真に保存して、使っているアプリで読み込んでください。

Marvel のフォントは無料か

ツールは無料で、上に示したスタイルもすべて無料です。Benton Sans Extra Comp Black は商用フォントです。Anton はオープンライセンスで、個人利用でも商用でも無料です。フォントアーカイブにある似せたフォントは、ダウンロードボタンが何と言っていようと、たいてい個人利用限定です。

その下にもうひとつの問いがあり、いつも一つ目と混同されます。フォントのライセンスは商標のライセンスではありません。 Marvel とそのキャラクターは Marvel とディズニーのものであり、赤いブロックもそのアイデンティティの一部です。プロフィール画像の名前、学校の課題、誕生日のバナー。この種の使い方に誰かが異議を唱えたことはありません。ブランドの看板を借りた商品を売るのはまったく別の話で、どんなフォントのライセンスもそこまでは守ってくれません。

TextStudio を開く。名前を入力して、ブロックがその周りに組み上がるのを見てください。

ほかに試せるフォントとスタイル

コミック、映画、ゲームのフォントを探して来たなら、同じ範囲をカバーするのはこちらです。

よくある質問

Marvel のロゴに使われているフォントは何ですか レタリングは Benton Sans Extra Comp Black に非常に近く、サイラス・ハイスミスとトビアス・フレア=ジョーンズが Font Bureau のために描いたものです。ロゴ版は手が加えられており、周りの赤いブロックは描かれた図形で、どのフォントの一部でもありません。

Marvel のフォントは無料ですか Benton Sans は商用です。Google Fonts の Anton は無料でオープンライセンスで、太いコンデンスの重さが手に入ります。このページのツールは、示したすべてのスタイルが無料です。

Marvel という名前の無料フォントを入れたのに、ロゴとまったく似ていません。なぜですか 名前がたまたま同じ、別のフォントだからです。Carolina Trebol による本文用書体で、Google Fonts に公開されています。本物のオープンライセンスの本物のフォントですが、探していたものではないというだけです。

Marvel Comics と Marvel Studios のロゴの違いは何ですか コミック版は赤い面の内側に細い白の罫があります。スタジオ版は内枠のない塗りつぶしのブロックです。どちらも一覧にあり、どちらも無料です。

ロゴの文字が互いに触れているのはなぜですか それはフォントではなく手作業のカーニングです。E と L を除くすべての文字が、上か下で隣に重なっています。ワードマークがひとつの塊として読めるのは、そのためです。

自分の名前は赤いブロックに収まりますか 必ず収まります。ブロックはあふれません。最大幅まで広がり、そこから先は平たくなって文字のほうが縮みます。短い名前なら背の高いブロック、長い名前なら横に広い帯になります。

背景が透明な Marvel のロゴを手に入れるには 文字を入力し、「ダウンロード」タブで透過 PNG を選んでください。ブロックを何かの上に載せるなら、使うのはこの版です。

販売する物に Marvel 風を使えますか フォントのライセンスと商標は別の問題です。Marvel は Marvel とディズニーのものなので、寛容なフォントライセンスでも、ブランドの看板を借りた商品まではカバーしません。