Générateur de graffiti : ton prénom dans chaque style

Écrire son prénom en graffiti

Un générateur de graffiti n’est utile que s’il te montre ton propre mot, et celui-ci fait exactement ça : tape un prénom, une idée de tag ou les initiales de ta crew, et chaque carte de style redessine ces lettres, pas un « ABC » d’exemple. Tu choisis un throw-up ou une pièce en bloc selon le comportement de tes vraies lettres, tu règles les couleurs de remplissage, de contour et de 3D (ou tu prends l’un des 12 préréglages de peinture), tu bouscules les lettres avec le rebond, l’inclinaison et le chevauchement, puis tu télécharges un PNG net, tu copies un lien vers ton design ou tu imprimes une feuille de contours seuls à décalquer dans ton black book.

Tout est dessiné sur un canvas dans ton navigateur. Pas d’inscription, pas de filigrane, et rien de ce que tu tapes n’est envoyé nulle part.

D’un prénom tapé à une image terminée

1. Tape ton mot. Jusqu’à 30 caractères, et les lettres accentuées comme ä, ñ ou é restent exactement comme tu les tapes. Les meilleurs résultats viennent avec 3 à 8 lettres, ou 2 à 5 lettres pour des initiales de crew.
2. Compare les styles sur ton mot. La longueur change tout : des lettres bubble sur NOVA paraissent rondes et sympathiques, alors que le même style sur un prénom de dix lettres devient fin et serré. Touche une carte pour choisir ce style, ou utilise les quatre onglets de filtre pour réduire les 20 cartes.
3. Règle les couleurs. Pars de l’un des 12 préréglages de peinture, affichés comme des bouchons de bombe, puis ajuste séparément le remplissage, le contour, la 3D ou l’ombre, et le fond. Le fond peut être uni, un mur de briques ou transparent.
4. Façonne les lettres. Le rebond monte et descend les lettres par rapport à la ligne de base, l’inclinaison les fait pivoter, et le chevauchement fait reculer chaque lettre pour que le contour de la lettre suivante passe sur le remplissage de la précédente, comme dans un throw-up dessiné à la main. Le rebond va jusqu’à 20 % de la taille des lettres, l’inclinaison jusqu’à 20° et le chevauchement jusqu’à 30 %. Appuie sur « Nouvelle variante » pour relancer les dés jusqu’à trouver le bon rythme.
5. Taille et export. Choisis large, carré ou haut et une échelle de 1× à 4× ; une ligne sous l’image indique la taille en pixels et la taille d’impression à 300 ppp. Télécharge le PNG, copie l’image, ou copie un lien qui contient tous tes réglages. Ou passe à la feuille de contours et imprime-la.

Les styles du générateur de graffiti et comment les writers les appellent

Les writers classent les lettres selon une échelle d’effort. Un tag est une signature stylisée d’une seule couleur. Un throw-up est un contour rapide avec un remplissage, le plus souvent en lettres bubble ; sans le remplissage, c’est un hollow. Une pièce (piece) est une œuvre plus grande, en plusieurs couleurs, avec de la 3D, et un burner est une pièce si propre qu’elle semble jaillir du mur. Les termes sont rassemblés dans le glossaire du graffiti (en anglais). L’outil range ses 20 styles dans quatre onglets de filtre : Throw-ups et bulles (3), Blocs et 3D (5), Pièces et effets (8) et Wild et coulures (4). Voici comment les styles se placent sur l’échelle :

Un mot honnête sur le wildstyle. Le vrai wildstyle entrelace les lettres, tord leur structure et fait pousser flèches et connexions jusqu’à ce que seuls les writers puissent le lire. Un générateur qui part d’une police ne fait que s’en approcher, même avec l’inclinaison et le chevauchement. Prends son résultat comme un squelette et construis toi-même les connexions. Les différences entre ces formes sont détaillées dans tag, throw-up, piece et wildstyle expliqués (en anglais).

Des couleurs de lettres graffiti lisibles depuis l’autre côté de la rue

La règle que je donne à tous les débutants : le contour est l’élément le plus sombre de la pièce, la 3D est plus sombre que le remplissage, et la lumière est plus claire que le remplissage. Le contraste de luminosité compte plus que la teinte. Un remplissage rouge avec un contour rouge foncé paraît riche de près et devient une tache depuis l’autre côté de la route ; le même remplissage avec un contour noir et un reflet pâle reste net.

L’outil dérive les tons de la 3D et de la lumière à partir de ton remplissage avec deux formules simples, appliquées à chaque canal RVB et arrondies :

Si tu changes le remplissage à la main, garde le fond au moins aussi éloigné du remplissage en luminosité que l’est le contour. Les champs hexadécimaux acceptent #RGB (par exemple #f00), #RRGGBB ou les six chiffres sans le # ; tout le reste affiche une erreur à côté du champ et garde ta dernière couleur. D’autres combinaisons, avec leurs tons dérivés, sont dans lettres 3D et combinaisons de couleurs lisibles de loin (en anglais).

Tailles pour l’impression, les autocollants et les avatars

Le format large part de 800 × 400 px, le carré de 540 × 540 et le haut de 450 × 800 ; l’échelle multiplie les deux côtés, et chaque côté est plafonné à 4096 px. Les pixels ne deviennent des centimètres qu’une fois la densité d’impression choisie ; 300 ppp est la cible habituelle pour une impression nette, et le fichier PNG est marqué à 300 ppp. L’indication sous l’image fait ce calcul pour toi, par exemple « 3200 × 1600 px · 27,1 × 13,5 cm (10,7 × 5,3 in) à 300 ppp » :

Exemple chiffré : tu veux ZEST sur toute la largeur d’une feuille A4 en paysage, soit 29,7 cm. La remplir bord à bord à 300 ppp demanderait 29,7 ÷ 2,54 × 300 ≈ 3508 px. L’export en 4× donne 3200 px, qui s’impriment sur 27,1 cm de large et laissent environ 1,3 cm de chaque côté, à peu près la marge dont la plupart des imprimantes domestiques ont besoin de toute façon.

Pour les autocollants et les photos de profil, prends le format carré : en 2× il fait 1080 × 1080 px, soit 1080 ÷ 300 × 2,54 ≈ 9,1 cm à l’impression, largement assez pour un autocollant d’ordinateur portable. Le format haut convient aux fonds d’écran de téléphone ; en 4× il fait 1800 × 3200 px, soit 15,2 × 27,1 cm. Choisis « Transparent » comme fond pour obtenir un PNG transparent, et vérifie que l’aperçu montre un damier derrière les lettres avant de télécharger.

De l’écran au black book

L’image est une référence, pas ton style. La feuille de contours est faite de lignes noires sur fond blanc, avec des lignes facultatives pour le bloc 3D, et elle s’imprime en A4 ou en Letter ; tu peux aussi l’enregistrer en PNG. Ce que je dis aux débutants : imprime la feuille de contours, décalque-la une fois au crayon pour sentir les formes, puis décalque-la encore et commence à changer des choses — élargis une lettre, raccourcis-en une autre, déplace l’endroit où elles se touchent, ajoute ta propre flèche. À la troisième ou quatrième feuille, dessine à main levée.

Deux règles de la culture comptent ici. Copier le nom, les lettres ou les couleurs d’un autre writer, c’est du biting, et personne ne respecte ça ; invente ton propre nom et garde-le. Et ne peins que là où tu as la permission : papier, toile, une planche dans ta chambre ou un mur légal. Travailler sur la propriété d’autrui sans autorisation est illégal presque partout. Pour la technique de dessin, commence par comment dessiner des lettres bubble de graffiti, pas à pas (en anglais).

Derrière les lettres : couches, calculs et vérifications

Chaque style dessine chaque lettre comme une pile de couches, de bas en haut, si bien qu’une couche plus haute recouvre toujours une couche plus basse :

• Bloc 3D : copies de la lettre décalées de 1,4 px chacune le long de la diagonale, en darken(fill, 0.55). Plus de profondeur, c’est plus de copies.
• Contour du throw-up : trait extérieur = épaisseur du contour + 12 px, trait intérieur = épaisseur du contour + 6 px en lighten(outline, 0.35), ce qui donne le double bord.
• Lettres : chaque lettre est placée séparément et centrée sur la hauteur des capitales. L’écart entre deux lettres est l’espacement moins le chevauchement en % × taille de police ; un espacement de 0 et de 1 s’affichent donc de la même façon, et 1 ajoute exactement 1 px par écart.
• Ajustement automatique : l’outil choisit la plus grande taille de lettre, jusqu’à ton curseur « Taille max. des lettres » (40–200 px, 120 par défaut), pour laquelle les lettres tiennent dans l’image moins une marge de 12 px. Le contour, la 3D, l’ombre, les coulures, la couronne, les flèches, le rebond et l’inclinaison sont tous comptés. Le minimum est de 18 px.
• Export : taille de l’image = taille du canvas × échelle, chaque côté plafonné à 4096 px. « Copier l’image » place dans le presse-papiers la même image que celle enregistrée par le téléchargement, pas le petit aperçu. Les ombres et lueurs du canvas ignorent l’échelle de dessin (MDN sur shadowBlur, norme HTML sur les ombres du canvas), donc l’outil multiplie lui-même le flou et les décalages par l’échelle ; sinon un PNG en 4× paraîtrait plus plat que l’aperçu. Les lignes de balayage de Rayures rétro et de Glitch cyber sont peintes uniquement à l’intérieur des lettres, de sorte qu’un fond transparent reste transparent.
• Variantes : un générateur aléatoire à graine (mulberry32) pilote le rebond, l’inclinaison et des détails aléatoires comme les coulures et les scintillements. La graine par défaut est 42, « Nouvelle variante » en choisit une autre, et une même graine redonne toujours les mêmes lettres.
• Lien de partage : « Copier le lien de ce design » écrit chaque réglage après un #gg& dans le lien. À l’ouverture d’un tel lien, chaque valeur est vérifiée strictement (couleurs, nombres et noms de style), et le lien n’est jamais envoyé nulle part.