Graffiti Generator: Dein Name in allen Stilen

Deinen Namen in Graffiti-Buchstaben erstellen

Ein Graffiti Schrift Generator ist nur nützlich, wenn er dir dein eigenes Wort zeigt – dieser tut genau das: Tippe einen Namen, eine Tag-Idee oder Crew-Kürzel ein, und jede Stilkarte zeichnet genau diese Buchstaben neu, kein Beispiel-„ABC“. So erkennst du an deinen echten Buchstaben, ob ein Throw-up oder ein Block-Piece besser passt. Du stellst Füllung, Outline und 3D-Farben ein (oder nimmst eine der 12 Farbvorlagen), schiebst die Buchstaben mit Bounce, Neigung und Überlappung hin und her und lädst dann ein scharfes PNG herunter, kopierst einen Link zu deinem Design oder druckst ein reines Umrissblatt zum Nachzeichnen in deinem Blackbook.

Alles wird in deinem Browser auf einem Canvas gezeichnet. Keine Anmeldung, kein Wasserzeichen, und nichts von dem, was du tippst, wird irgendwohin gesendet.

Vom getippten Namen zum fertigen Bild

1. Tippe dein Wort. Bis zu 30 Zeichen, und Buchstaben mit Akzent wie ä, ñ oder é bleiben genau so, wie du sie tippst. Am besten wirken 3–8 Buchstaben oder 2–5 Buchstaben als Crew-Kürzel.
2. Vergleiche die Stile an deinem Wort. Die Länge ändert alles: Bubble Letters wirken bei NOVA dick und freundlich, derselbe Stil bei einem Namen mit zehn Buchstaben dünn und gedrängt. Tippe eine Karte an, um den Stil zu wählen, oder grenze die 20 Karten mit den vier Filter-Tabs ein.
3. Stelle die Farben ein. Starte mit einer der 12 Farbvorlagen, die als Spraydosen-Kappen dargestellt sind, und passe dann Füllung, Outline, 3D oder Schatten und Hintergrund einzeln an. Der Hintergrund kann einfarbig, eine Ziegelwand oder transparent sein.
4. Forme die Buchstaben. Bounce hebt und senkt Buchstaben gegenüber der Grundlinie, Neigung dreht sie, und Überlappung zieht jeden Buchstaben zurück, sodass die Outline des späteren Buchstabens über der Füllung des vorherigen liegt – wie bei einem von Hand gezeichneten Throw-up. Bounce geht bis 20 % der Buchstabengröße, Neigung bis 20° und Überlappung bis 30 %. Mit „Neue Variante“ würfelst du neu, bis der Rhythmus stimmt.
5. Größe und Export. Wähle breit, quadratisch oder hochkant und einen Maßstab von 1× bis 4×; eine Zeile unter dem Bild zeigt die Pixelgröße und die Druckgröße bei 300 ppi. Lade das PNG herunter, kopiere das Bild oder kopiere einen Link, der alle deine Einstellungen enthält. Oder wechsle zum Umrissblatt und drucke es.

Die Stile des Graffiti Generators und wie Writer sie nennen

Writer sortieren Buchstaben nach einer Leiter des Aufwands. Ein Tag ist eine einfarbige, stilisierte Signatur. Ein Throw-up ist eine schnelle Outline mit einer Füllung, meist in Bubble Letters; lässt du die Füllung weg, hast du ein Hollow. Ein Piece ist ein größeres mehrfarbiges Werk mit 3D, und ein Burner ist ein Piece, das so sauber sitzt, dass es von der Wand zu springen scheint. Die Begriffe sind im Glossar der Graffiti-Begriffe (englisch) gesammelt. Das Tool sortiert seine 20 Stile in vier Filter-Tabs: Throw-ups & Bubbles (3), Blocks & 3D (5), Pieces & Effekte (8) und Wild & Drips (4). So lassen sich die Stile auf die Leiter übertragen:

Ein ehrliches Wort zu Wildstyle. Echter Wildstyle verschränkt die Buchstaben, verbiegt ihre Struktur und lässt Pfeile und Verbindungen aus ihnen wachsen, bis nur noch Writer ihn lesen können. Jeder Generator, der von einer Schrift ausgeht, kann das nur annähern, auch mit Neigung und Überlappung. Betrachte das Ergebnis als Skelett und baue die Verbindungen selbst. Die Unterschiede zwischen den Formen stehen in Tag, Throw-up, Piece und Wildstyle erklärt (auf Englisch).

Farben für Graffiti Buchstaben, die von der anderen Straßenseite lesbar sind

Die Regel, die ich jedem Anfänger mitgebe: Die Outline ist das Dunkelste im Piece, das 3D ist dunkler als die Füllung, und das Highlight ist heller als die Füllung. Helligkeitskontrast zählt mehr als der Farbton. Eine rote Füllung mit dunkelroter Outline wirkt aus der Nähe satt und verschwimmt von der anderen Straßenseite zu einem Fleck; dieselbe Füllung mit schwarzer Outline und hellem Glanz bleibt scharf.

Das Tool leitet die 3D- und Highlight-Töne mit zwei einfachen Formeln aus deiner Füllung ab, angewendet auf jeden RGB-Kanal und gerundet:

Wenn du die Füllung von Hand änderst, halte den Hintergrund in der Helligkeit mindestens so weit von der Füllung entfernt wie die Outline. Die Hex-Felder nehmen #RGB (zum Beispiel #f00), #RRGGBB oder die sechs Ziffern ohne #; alles andere zeigt einen Fehler neben dem Feld und behält deine letzte Farbe. Weitere Farbschemata mit ihren abgeleiteten Tönen stehen in 3D-Buchstaben und Farbschemata, die aus der Ferne lesbar sind (auf Englisch).

Größen für Druck, Sticker und Avatare

Breit beginnt bei 800 × 400 px, quadratisch bei 540 × 540 und hochkant bei 450 × 800; der Maßstab multipliziert beide Seiten, und jede Seite ist auf 4096 px begrenzt. Pixel werden erst zu Zentimetern, wenn du eine Druckdichte wählst; 300 ppi ist das übliche Ziel für scharfen Druck, und die PNG-Datei ist mit 300 ppi markiert. Die Anzeige unter dem Bild rechnet das für dich, zum Beispiel „3200 × 1600 px · 27,1 × 13,5 cm (10,7 × 5,3 in) bei 300 ppi“:

Rechenbeispiel: Du willst ZEST quer über ein A4-Blatt im Querformat setzen, das 29,7 cm breit ist. Randlos bei 300 ppi wären das 29,7 ÷ 2,54 × 300 ≈ 3508 px. Der 4×-Export liefert 3200 px, die 27,1 cm breit drucken und auf jeder Seite etwa 1,3 cm Rand lassen – ungefähr der Rand, den die meisten Heimdrucker ohnehin brauchen.

Für Sticker und Profilbilder nimm das Quadrat: Bei 2× sind es 1080 × 1080 px, die 1080 ÷ 300 × 2,54 ≈ 9,1 cm drucken – reichlich für einen Laptop-Sticker. Hochkant eignet sich für Handy-Hintergründe; bei 4× sind es 1800 × 3200 px, also 15,2 × 27,1 cm. Wähle „Transparent“ als Hintergrund für ein transparentes PNG und prüfe vor dem Download, ob die Vorschau ein Schachbrettmuster hinter den Buchstaben zeigt.

Vom Bildschirm ins Blackbook

Das Bild ist eine Vorlage, nicht dein Stil. Das Umrissblatt besteht aus schwarzen Linien auf Weiß, mit optionalen Linien für den 3D-Block, und lässt sich auf A4 oder Letter drucken; du kannst es auch als PNG speichern. Was ich Anfängern sage: Drucke das Umrissblatt, zeichne es einmal mit Bleistift nach, um die Formen zu spüren, zeichne es dann noch einmal nach und fang an, Dinge zu ändern – einen Buchstaben breiter machen, einen anderen kürzer, verschieben, wo sie sich berühren, einen eigenen Pfeil ergänzen. Ab dem dritten oder vierten Blatt zeichnest du frei.

Zwei Regeln der Szene gehören hierher. Den Namen, die Buchstaben oder die Farben eines anderen Writers zu kopieren heißt Biting, und dafür hat niemand Respekt; erfinde deinen eigenen Namen und bleib dabei. Und male nur dort, wo du die Erlaubnis hast: auf Papier, Leinwand, einem Brett in deinem Zimmer oder an einer Legal Wall. Auf fremdem Eigentum ohne Erlaubnis zu arbeiten ist an den meisten Orten illegal. Für die Zeichentechnik beginne mit Graffiti-Bubble-Letters zeichnen, Schritt für Schritt (auf Englisch).

Hinter den Buchstaben: Ebenen, Rechnung und Prüfungen

Jeder Stil zeichnet jeden Buchstaben als Stapel von Ebenen, von unten nach oben, sodass eine spätere Ebene immer eine frühere überdeckt:

• 3D-Block: Kopien des Buchstabens, je 1,4 px weiter entlang der Diagonale versetzt, in darken(fill, 0.55). Mehr Tiefe bedeutet mehr Schritte.
• Throw-up-Outline: äußerer Strich = Outline-Breite + 12 px, innerer Strich = Outline-Breite + 6 px in lighten(outline, 0.35); das ergibt die doppelte Kante.
• Buchstaben: Jeder Buchstabe wird einzeln gesetzt und auf der Versalhöhe zentriert. Die Lücke zwischen zwei Buchstaben ist der Abstand minus Überlappung in % × Schriftgröße; Abstand 0 und 1 werden daher gleich dargestellt, und 1 fügt pro Lücke genau 1 px hinzu.
• Auto-Anpassung: Das Tool wählt die größte Buchstabengröße bis zu deinem Regler „Max. Buchstabengröße“ (40–200 px, Standard 120), bei der die Buchstaben ins Bild abzüglich 12 px Rand passen. Outline, 3D, Schatten, Drips, Krone, Pfeile, Bounce und Neigung werden mitgezählt. Das Minimum sind 18 px.
• Export: Bildgröße = Canvas-Größe × Maßstab, jede Seite auf 4096 px begrenzt. „Bild kopieren“ legt dasselbe Bild in die Zwischenablage, das der Download speichert, nicht die kleine Vorschau. Canvas-Schatten und -Glow ignorieren den Zeichenmaßstab (MDN zu shadowBlur, HTML-Standard zu Canvas-Schatten), deshalb multipliziert das Tool Unschärfe und Versatz selbst mit dem Maßstab; sonst sähe ein 4×-PNG flacher aus als die Vorschau. Die Scanlines von Retro-Streifen und Cyber-Glitch werden nur innerhalb der Buchstaben gemalt, damit ein transparenter Hintergrund transparent bleibt.
• Varianten: Ein Zufallsgenerator mit Seed (mulberry32) steuert Bounce, Neigung und zufällige Details wie Drips und Glitzer. Der Standard-Seed ist 42, „Neue Variante“ wählt einen anderen, und derselbe Seed ergibt immer dieselben Buchstaben.
• Teilen-Link: „Link zu diesem Design kopieren“ schreibt jede Einstellung hinter ein #gg& in den Link. Beim Öffnen eines solchen Links wird jeder Wert streng geprüft (Farben, Zahlen und Stilnamen), und der Link wird nirgendwohin gesendet.