Generador de graffiti: tu nombre en cada estilo

Crea tu nombre en letras de graffiti

Un generador de graffiti solo sirve si te enseña tu propia palabra, y este hace justo eso: escribe un nombre, una idea de tag o las iniciales de tu crew y cada tarjeta de estilo vuelve a dibujar esas letras, no un «ABC» de muestra. Eliges entre un throw-up o una pieza de bloque según cómo se comportan tus letras reales, ajustas los colores de relleno, contorno y 3D (o tomas una de las 12 paletas de pintura), mueves las letras con rebote, inclinación y solape, y luego descargas un PNG nítido, copias un enlace a tu diseño o imprimes una hoja solo de contornos para calcar en tu black book.

Todo se dibuja en un canvas dentro de tu navegador, así que los nombres en graffiti aparecen al instante. Sin registro, sin marca de agua, y nada de lo que escribes se envía a ningún sitio.

De un nombre escrito a una imagen terminada

1. Escribe tu palabra. Hasta 30 caracteres, y las letras con acento como ä, ñ o é se quedan exactamente como las escribes. Los mejores resultados salen con 3–8 letras, o con 2–5 letras si son iniciales de crew.
2. Compara los estilos con tu palabra. La longitud lo cambia todo: las letras bubble en NOVA se ven gordas y simpáticas, mientras que el mismo estilo en un nombre de diez letras queda fino y apretado. Toca una tarjeta para elegir ese estilo, o usa las cuatro pestañas de filtro para reducir las 20 tarjetas.
3. Ajusta los colores. Empieza con una de las 12 paletas de pintura, que se muestran como tapas de spray, y luego cambia por separado relleno, contorno, 3D o sombra, y fondo. El fondo puede ser liso, una pared de ladrillo o transparente.
4. Da forma a las letras. El rebote sube y baja las letras respecto a la línea base, la inclinación las gira, y el solape echa cada letra hacia atrás para que el contorno de la letra siguiente quede sobre el relleno de la anterior, como en un throw-up dibujado a mano. El rebote llega hasta el 20 % del tamaño de la letra, la inclinación hasta 20° y el solape hasta el 30 %. Pulsa «Nueva variación» para tirar los dados de nuevo hasta que el ritmo te convenza.
5. Tamaño y exportación. Elige horizontal, cuadrado o vertical y una escala de 1× a 4×; una línea bajo la imagen muestra el tamaño en píxeles y el tamaño de impresión a 300 ppi. Descarga el PNG, copia la imagen o copia un enlace que guarda todos tus ajustes. O cambia a la hoja de contornos e imprímela.

Estilos del generador de graffiti y cómo los llaman los writers

Los writers ordenan las letras en una escalera de esfuerzo. Un tag es una firma estilizada de un solo color. Un throw-up es un contorno rápido con un relleno, normalmente en letras bubble; si quitas el relleno, tienes un hollow. Una pieza (piece) es una obra más grande de varios colores con 3D, y un burner es una pieza tan pulida que parece saltar de la pared. Los términos están reunidos en el glosario de graffiti (en inglés). La herramienta reparte sus 20 estilos en cuatro pestañas de filtro: Throw-ups y bubbles (3), Bloques y 3D (5), Piezas y efectos (8) y Wild y chorreones (4). Así encajan los estilos en la escalera:

Una palabra sincera sobre el wildstyle. El wildstyle de verdad entrelaza las letras, dobla su estructura y hace crecer flechas y conexiones hasta que solo los writers pueden leerlo. Cualquier generador que parta de una tipografía solo lo aproxima, incluso con inclinación y solape. Trata el resultado como un esqueleto y construye tú mismo las conexiones. Las diferencias entre las formas están explicadas en tag, throw-up, piece y wildstyle explicados (en inglés).

Colores para letras de graffiti que se leen desde el otro lado de la calle

La regla que doy a todo principiante: el contorno es lo más oscuro de la pieza, el 3D es más oscuro que el relleno y el brillo es más claro que el relleno. El contraste de luminosidad importa más que el tono. Un relleno rojo con contorno rojo oscuro se ve rico de cerca y se vuelve una mancha desde la otra acera; el mismo relleno con contorno negro y un brillo pálido sigue nítido.

La herramienta deriva los tonos del 3D y del brillo a partir de tu relleno con dos fórmulas sencillas, aplicadas a cada canal RGB y redondeadas:

Si cambias el relleno a mano, mantén el fondo al menos tan lejos del relleno en luminosidad como lo está el contorno. Los campos hexadecimales aceptan #RGB (por ejemplo #f00), #RRGGBB o los seis dígitos sin la #; cualquier otra cosa muestra un error junto al campo y conserva tu último color. Hay más combinaciones con sus tonos derivados en letras 3D y combinaciones de color que se leen a distancia (en inglés).

Tamaños para imprimir, pegatinas y avatares

El formato horizontal parte de 800 × 400 px, el cuadrado de 540 × 540 y el vertical de 450 × 800; la escala multiplica ambos lados, y cada lado tiene un tope de 4096 px. Los píxeles solo se convierten en centímetros cuando eliges una densidad de impresión; 300 ppi es el objetivo habitual para una impresión nítida, y el archivo PNG va marcado con 300 ppi. La lectura bajo la imagen hace esta cuenta por ti, por ejemplo «3200 × 1600 px · 27,1 × 13,5 cm (10,7 × 5,3 in) a 300 ppi»:

Ejemplo resuelto: quieres ZEST a lo ancho de una hoja A4 apaisada, que mide 29,7 cm de ancho. Llenarla de borde a borde a 300 ppi requeriría 29,7 ÷ 2,54 × 300 ≈ 3508 px. La exportación a 4× da 3200 px, que se imprimen a 27,1 cm de ancho y dejan unos 1,3 cm a cada lado, más o menos el margen que la mayoría de las impresoras domésticas necesita de todos modos.

Para pegatinas y fotos de perfil usa el formato cuadrado: a 2× son 1080 × 1080 px, que se imprimen a 1080 ÷ 300 × 2,54 ≈ 9,1 cm, de sobra para una pegatina de portátil. El formato vertical sirve para fondos de pantalla del móvil; a 4× son 1800 × 3200 px, es decir, 15,2 × 27,1 cm. Elige «Transparente» como fondo para un PNG transparente, y comprueba que la vista previa muestra un tablero de ajedrez detrás de las letras antes de descargar.

De la pantalla al black book

La imagen es una referencia, no tu estilo. La hoja de contornos son líneas negras sobre blanco, con líneas opcionales para el bloque 3D, y se imprime en A4 o Letter; también puedes guardarla como PNG. Lo que digo a los principiantes: imprime la hoja de contornos, calcala una vez a lápiz para sentir las formas, y luego vuelve a calcarla y empieza a cambiar cosas: ensancha una letra, acorta otra, mueve dónde se tocan, añade una flecha propia. A la tercera o cuarta hoja, dibújala a mano alzada.

Aquí importan dos reglas de la cultura. Copiar el nombre, las letras o los colores de otro writer es biting, y nadie lo respeta; inventa tu propio nombre y quédate con él. Y pinta solo donde tengas permiso: papel, lienzo, un tablero en tu cuarto o un muro legal. Trabajar en una propiedad ajena sin permiso es ilegal en la mayoría de los lugares. Para la técnica de dibujo, empieza con cómo dibujar letras bubble de graffiti, paso a paso (en inglés).

Tras las letras: capas, cálculos y comprobaciones

Cada estilo dibuja cada letra como una pila de capas, de abajo arriba, de modo que una capa posterior siempre cubre a una anterior:

• Bloque 3D: copias de la letra desplazadas 1,4 px cada una a lo largo de la diagonal, en darken(fill, 0.55). Más profundidad significa más pasos.
• Contorno del throw-up: trazo exterior = grosor del contorno + 12 px, trazo interior = grosor del contorno + 6 px en lighten(outline, 0.35), que es lo que da el borde doble.
• Letras: cada letra se coloca por separado y se centra en la altura de las mayúsculas. El hueco entre dos letras es el espaciado menos el solape en % × tamaño de fuente, así que el espaciado 0 y 1 se dibujan igual y el 1 añade exactamente 1 px por hueco.
• Ajuste automático: la herramienta elige el tamaño de letra más grande, hasta tu control «Tamaño máx. de letra» (40–200 px, por defecto 120), con el que las letras caben en la imagen menos un margen de 12 px. Se cuentan contorno, 3D, sombra, chorreones, corona, flechas, rebote e inclinación. El mínimo es 18 px.
• Exportación: tamaño de imagen = tamaño del canvas × escala, con cada lado limitado a 4096 px. «Copiar imagen» pone en el portapapeles la misma imagen que guarda la descarga, no la vista previa pequeña. Las sombras y el brillo del canvas ignoran la escala de dibujo (MDN sobre shadowBlur, estándar HTML sobre sombras del canvas), así que la herramienta multiplica ella misma el desenfoque y los desplazamientos por la escala; si no, un PNG a 4× se vería más plano que la vista previa. Las líneas de barrido de Rayas retro y Glitch cyber se pintan solo dentro de las letras, así que un fondo transparente sigue siendo transparente.
• Variaciones: un generador aleatorio con semilla (mulberry32) controla el rebote, la inclinación y detalles aleatorios como chorreones y destellos. La semilla por defecto es 42, «Nueva variación» elige otra, y una misma semilla reproduce siempre las mismas letras.
• Enlace para compartir: «Copiar enlace a este diseño» escribe cada ajuste tras un #gg& en el enlace. Al abrir un enlace así se comprueba cada valor de forma estricta (colores, números y nombres de estilo), y el enlace nunca se envía a ningún sitio.