Generatore di graffiti: il tuo nome in ogni stile

Crea il tuo nome con scritte graffiti

Un generatore di graffiti serve solo se ti mostra la tua parola, e questo lo fa davvero: scrivi un nome, un’idea di tag o le iniziali della tua crew e ogni scheda di stile ridisegna quelle lettere, non un «ABC» di esempio. Scegli un throw-up o un pezzo a blocchi in base a come si comportano le tue lettere vere, imposti i colori di riempimento, contorno e 3D (o prendi uno dei 12 preset di vernice), sposti le lettere con rimbalzo, inclinazione e sovrapposizione, poi scarichi un PNG nitido, copi un link al tuo design o stampi un foglio di soli contorni da ricalcare nel tuo black book.

Tutto viene disegnato su un canvas nel tuo browser. Nessuna registrazione, nessuna filigrana, e nulla di ciò che scrivi viene inviato da nessuna parte.

Da un nome scritto a un’immagine finita

1. Scrivi la tua parola. Fino a 30 caratteri, e le lettere accentate come ä, ñ o é restano esattamente come le scrivi. I risultati migliori arrivano con 3–8 lettere, o con 2–5 lettere per le iniziali di una crew.
2. Confronta gli stili sulla tua parola. La lunghezza cambia tutto: le lettere bubble su NOVA sembrano grasse e simpatiche, mentre lo stesso stile su un nome di dieci lettere diventa sottile e affollato. Tocca una scheda per scegliere quello stile, oppure usa le quattro schede filtro per ridurre le 20 schede.
3. Imposta i colori. Parti da uno dei 12 preset di vernice, mostrati come tappi di bomboletta, poi regola separatamente riempimento, contorno, 3D od ombra, e sfondo. Lo sfondo può essere pieno, un muro di mattoni o trasparente.
4. Modella le lettere. Il rimbalzo alza e abbassa le lettere rispetto alla linea di base, l’inclinazione le ruota, e la sovrapposizione fa arretrare ogni lettera in modo che il contorno della lettera successiva stia sopra il riempimento di quella prima, come in un throw-up disegnato a mano. Il rimbalzo arriva fino al 20 % della dimensione delle lettere, l’inclinazione fino a 20° e la sovrapposizione fino al 30 %. Premi «Nuova variante» per tirare di nuovo i dadi finché il ritmo non ti convince.
5. Dimensioni ed esportazione. Scegli largo, quadrato o alto e una scala da 1× a 4×; una riga sotto l’immagine mostra la dimensione in pixel e la dimensione di stampa a 300 ppi. Scarica il PNG, copia l’immagine o copia un link che contiene tutte le tue impostazioni. Oppure passa al foglio di contorni e stampalo.

Gli stili del generatore di graffiti e come li chiamano i writer

I writer ordinano le lettere su una scala di impegno. Un tag è una firma stilizzata di un solo colore. Un throw-up è un contorno veloce con un riempimento, di solito in lettere bubble; togli il riempimento e hai un hollow. Un pezzo (piece) è un’opera più grande a più colori con il 3D, e un burner è un pezzo così rifinito che sembra saltare fuori dal muro. I termini sono raccolti nel glossario del graffiti (in inglese). Lo strumento divide i suoi 20 stili in quattro schede filtro: Throw-up e bubble (3), Blocchi e 3D (5), Pezzi ed effetti (8) e Wild e colature (4). Ecco come gli stili si collocano sulla scala:

Una parola onesta sul wildstyle. Il vero wildstyle intreccia le lettere, ne piega la struttura e fa crescere frecce e collegamenti finché solo i writer riescono a leggerlo. Qualsiasi generatore che parta da un font può solo avvicinarsi, anche con inclinazione e sovrapposizione. Considera il risultato uno scheletro e costruisci tu i collegamenti. Le differenze tra le forme sono spiegate in tag, throw-up, piece e wildstyle spiegati (in inglese).

Colori per lettere graffiti che si leggono dall’altra parte della strada

La regola che do a ogni principiante: il contorno è la cosa più scura del pezzo, il 3D è più scuro del riempimento, e la luce è più chiara del riempimento. Il contrasto di luminosità conta più della tinta. Un riempimento rosso con contorno rosso scuro sembra ricco da vicino e diventa una macchia dall’altro lato della strada; lo stesso riempimento con un contorno nero e un riflesso chiaro resta nitido.

Lo strumento ricava i toni del 3D e della luce dal tuo riempimento con due formule semplici, applicate a ogni canale RGB e arrotondate:

Se cambi il riempimento a mano, tieni lo sfondo almeno tanto lontano dal riempimento in luminosità quanto lo è il contorno. I campi esadecimali accettano #RGB (per esempio #f00), #RRGGBB o le sei cifre senza il #; qualsiasi altra cosa mostra un errore accanto al campo e mantiene l’ultimo colore. Altre combinazioni con i loro toni derivati sono in lettere 3D e combinazioni di colori leggibili da lontano (in inglese).

Dimensioni per stampa, adesivi e avatar

Il formato largo parte da 800 × 400 px, il quadrato da 540 × 540 e l’alto da 450 × 800; la scala moltiplica entrambi i lati, e ogni lato è limitato a 4096 px. I pixel diventano centimetri solo quando scegli una densità di stampa; 300 ppi è l’obiettivo abituale per una stampa nitida, e il file PNG è contrassegnato a 300 ppi. L’indicazione sotto l’immagine fa questo calcolo per te, per esempio «3200 × 1600 px · 27,1 × 13,5 cm (10,7 × 5,3 in) a 300 ppi»:

Esempio svolto: vuoi ZEST per tutta la larghezza di un foglio A4 in orizzontale, largo 29,7 cm. Riempirlo da bordo a bordo a 300 ppi richiederebbe 29,7 ÷ 2,54 × 300 ≈ 3508 px. L’esportazione a 4× dà 3200 px, che si stampano larghi 27,1 cm e lasciano circa 1,3 cm per lato, più o meno il margine di cui comunque hanno bisogno la maggior parte delle stampanti di casa.

Per adesivi e immagini del profilo usa il formato quadrato: a 2× è 1080 × 1080 px, che si stampa a 1080 ÷ 300 × 2,54 ≈ 9,1 cm, più che sufficiente per un adesivo da portatile. Il formato alto va bene per gli sfondi dello smartphone; a 4× è 1800 × 3200 px, cioè 15,2 × 27,1 cm. Scegli «Trasparente» come sfondo per ottenere un PNG trasparente, e controlla che l’anteprima mostri una scacchiera dietro le lettere prima di scaricare.

Dallo schermo al black book

L’immagine è un riferimento, non il tuo stile. Il foglio di contorni è fatto di linee nere su bianco, con linee facoltative per il blocco 3D, e si stampa su A4 o Letter; puoi anche salvarlo come PNG. Quello che dico ai principianti: stampa il foglio di contorni, ricalcalo una volta a matita per sentire le forme, poi ricalcalo ancora e comincia a cambiare le cose: allarga una lettera, accorciane un’altra, sposta il punto in cui si toccano, aggiungi una freccia tutta tua. Dal terzo o quarto foglio, disegna a mano libera.

Qui contano due regole della cultura. Copiare il nome, le lettere o i colori di un altro writer si chiama biting, e nessuno lo rispetta; inventa il tuo nome e tienilo. E dipingi solo dove hai il permesso: carta, tela, una tavola in camera tua o un muro legale. Lavorare sulla proprietà altrui senza permesso è illegale quasi ovunque. Per la tecnica di disegno, comincia da come disegnare lettere bubble graffiti, passo dopo passo (in inglese).

Dietro le lettere: livelli, calcoli e controlli

Ogni stile disegna ogni lettera come una pila di livelli, dal basso verso l’alto, così un livello successivo copre sempre uno precedente:

• Blocco 3D: copie della lettera spostate di 1,4 px ciascuna lungo la diagonale, in darken(fill, 0.55). Più profondità significa più passi.
• Contorno del throw-up: tratto esterno = spessore del contorno + 12 px, tratto interno = spessore del contorno + 6 px in lighten(outline, 0.35), ed è ciò che dà il doppio bordo.
• Lettere: ogni lettera viene posizionata da sola e centrata sull’altezza delle maiuscole. Lo spazio tra due lettere è la spaziatura meno la sovrapposizione in % × dimensione del carattere; la spaziatura 0 e 1 si disegnano quindi allo stesso modo, e 1 aggiunge esattamente 1 px per ogni spazio.
• Adattamento automatico: lo strumento sceglie la dimensione di lettera più grande, fino al tuo cursore «Dimensione max. lettere» (40–200 px, predefinito 120), con cui le lettere stanno nell’immagine meno un margine di 12 px. Contorno, 3D, ombra, colature, corona, frecce, rimbalzo e inclinazione vengono tutti contati. Il minimo è 18 px.
• Esportazione: dimensione dell’immagine = dimensione del canvas × scala, con ogni lato limitato a 4096 px. «Copia immagine» mette negli appunti la stessa immagine che salva il download, non la piccola anteprima. Ombre e bagliori del canvas ignorano la scala di disegno (MDN su shadowBlur, standard HTML sulle ombre del canvas), quindi lo strumento moltiplica da sé sfocatura e scostamenti per la scala; altrimenti un PNG a 4× sembrerebbe più piatto dell’anteprima. Le righe di scansione di Strisce retrò e Glitch cyber vengono dipinte solo dentro le lettere, così uno sfondo trasparente resta trasparente.
• Varianti: un generatore casuale con seed (mulberry32) guida rimbalzo, inclinazione e dettagli casuali come colature e scintille. Il seed predefinito è 42, «Nuova variante» ne sceglie un altro, e lo stesso seed riproduce sempre le stesse lettere.
• Link da condividere: «Copia il link di questo design» scrive ogni impostazione dopo un #gg& nel link. All’apertura di un link così ogni valore viene controllato in modo rigoroso (colori, numeri e nomi di stile), e il link non viene mai inviato da nessuna parte.