グラフィティ文字ジェネレーター

単語、名前、短いフレーズを、ペイントタグやバブル文字、ステンシル、ネオンサインを思わせるグラフィックに仕上げます。スタイルを選び、塗り、輪郭、影、背景を整えたら、すぐ使えるPNGまたは編集向けのSVGとして保存できます。処理には同梱のオープンソース書体とブラウザーで描画する独自の効果を使用します。特定のアーティストを模倣したり、手描き作品を生成したり、AIサービスへ送信したりするものではありません。

グラフィティ風文字の作り方

  1. 1

    短い言葉を入力

    選んだサイズで読みやすさを保てるよう、40文字以内で入力します。

  2. 2

    スタイルを選択

    タグ、バブル、ブロック、ステンシル、ネオン、ワイルドを見比べます。

  3. 3

    仕上がりを調整

    色、輪郭の太さ、影のずれ、キャンバスサイズ、飛沫の有無を設定します。

  4. 4

    デザインを書き出す

    ラスター画像のPNGまたは拡大・編集できるSVGを保存します。

スタイルとファイル形式の選び方

グラフィティ文字は、決まった一つの書体ではありません。本来の作品には、手の動き、文字の骨格、塗料の性質、ライター本人の判断が組み合わさります。このツールは代わりに、再現可能な文字効果を加えます。バブルには太い輪郭、ブロックとステンシルには詰まった大文字、ネオンには発光、荒々しいプリセットには同じ条件で再現される垂れや飛沫を使います。同じ文字と設定なら、模様も同じになります。

プリセット 見た目の処理 向いている用途
タグ 傾いた手書き風の線 サイン、短いワードマーク
バブル 太い輪郭の丸文字 ステッカー、楽しい見出し
ブロック 太く幾何学的な大文字 ポスター、読みやすいタイトル
ステンシル 工業的な縞模様の塗り ラベル、カバーアート
ネオン 色付きの光をまとう細い筆記体 暗色のデジタルバナー
ワイルド 傾いた文字、影、ペイント跡 勢いのあるロゴ、サムネイル

PNGは固定されたピクセルの画像です。SNS投稿、資料、画像編集ソフトで扱いやすく、「背景を透明」にすれば透明部分も保持されます。SVGは文字と効果をベクター命令として保存するため、拡大しても鮮明で、ベクター編集ソフトでも開けます。ただし書体そのものは埋め込まれないため、別の端末に指定書体がないと代替フォントで表示されることがあります。

日本語の文字は入力できますが、各プリセットの同梱書体は主にラテン文字向けです。漢字やかなは端末の日本語フォントに置き換わるため、タグやワイルドの筆致が弱く見える場合があります。見た目をそのまま共有するならPNGが確実です。SVGを渡す場合は、受け取った人の環境で確認し、必要なら編集ソフトで文字をアウトライン化してください。

実用例

東京夜行というステッカーなら、1200 × 700 pxのキャンバスとバブルを選びます。明るい塗り、濃色の12 px輪郭、少しずらした紫の影を設定します。飛沫を残して勢いを出し、書き出す前に背景を透明にします。写真に重ねるならPNG、印刷担当者がサイズや色を調整するならSVGが出発点になります。

よくある失敗

  • 長文ほど文字が小さくなります。短い単語の方が力強く見えます。
  • 輪郭が太すぎると小さな文字の内側がつぶれます。その場合は輪郭を細くします。
  • 塗りと輪郭の明暗差が小さいと、文字の形を判別しにくくなります。
  • 透明なSVGやPNGには背景がないため、明るい背景と暗い背景の両方で確認します。
  • 自動効果はデザインの補助です。実際の手描きグラフィティや、作家への依頼の代わりではありません。

よくある質問

いいえ。同梱のオープンソース書体に、独自のSVG輪郭、影、発光、模様、同じ条件で再現されるペイント跡を組み合わせています。特定の作家を学習、特定、模倣するものではありません。

PNGはほぼどこでも使える固定サイズのラスター画像です。SVGは鮮明に拡大でき、編集可能なベクターデータですが、別の端末に書体がない場合は代替フォントで表示されることがあります。

はい。保存前に「背景を透明」を有効にしてください。PNGとSVGのどちらも単色の背景を省いて書き出します。

いいえ。文字と設定はブラウザー内にとどまります。手順をまたいで内容を保つため、ファネルの進行中だけセッションストレージに一時保存し、ダウンロード画像も端末内で描画します。

このツールは書き出したデザインの所有権を主張しません。ただし、使用する言葉、名称、ロゴ、商標など、利用目的に関わる権利の確認は利用者の責任です。

関連ツール