Mia Hartley 
Un efecto de texto es todo lo que le ocurre a una palabra después de haber elegido la tipografía: el relleno, el contorno, la sombra que hay detrás, el relieve que hay debajo, la luz sobre su superficie. La tipografía te da las formas de las letras. El efecto es lo que hace que esas formas parezcan oro, un rótulo de neón, algo ardiendo.
Hay tres maneras de conseguir uno. Escribes tu palabra en un generador y descargas una imagen, abres un PSD por capas en Photoshop, o escribes CSS y el resultado solo vive dentro de un navegador. Esta página va de la primera, con la vía del PSD más abajo para quien quiera las capas.
A continuación vienen doce familias, en el orden en que la gente las busca de verdad. Cada muestra se renderizó realmente con el generador de texto con efectos de TextStudio, usando el nombre del efecto como palabra, así que aquí no hay ninguna maqueta. Haz clic en cualquier imagen para abrir ese estilo exacto y poner dentro tus propias palabras. Ninguno de los doce es un estilo premium.
1. Efecto de texto 3D
La profundidad es el truco más antiguo del conjunto y sigue siendo el más útil: las letras ganan un lateral extruido, una fuente de luz y un suelo, así que dejan de ser tinta y empiezan a ser un objeto.
Una profundidad isométrica como esta se lee a cualquier tamaño, y por eso los logotipos y las miniaturas vuelven siempre a ella. La alternativa es una extrusión en perspectiva suave, que queda mejor en grande y se convierte en papilla en pequeño. Si quieres la versión más antigua y maciza de la misma idea, los estilos de Word Art la recogen.
Va bien para: logotipos, miniaturas de vídeo, carteles, cualquier cosa que tenga que sobrevivir a una reducción de tamaño.
2. Efecto de texto dorado
El oro no es un color, es una receta: un degradado cálido que va oscuro arriba y claro en el centro, un biselado duro en el borde y un brillo donde da la luz. Rellena una letra de amarillo plano y te sale un plátano.
El azul del fondo tampoco es decoración. El oro necesita un fondo frío y oscuro para parecer metal, y por eso los carteles de premios, las felicitaciones de año nuevo y las etiquetas de lujo acaban todos sobre azul marino o negro. Hay más en la guía de efectos de texto dorado.
Va bien para: invitaciones, publicaciones de año nuevo, diplomas, logotipos que quieren parecer caros.
3. Efecto de texto neón
Un efecto de neón es un trazo que emite luz: un núcleo brillante, un halo de color que se derrama hacia fuera y una superficie oscura sobre la que caiga esa luz. Sobre un fondo blanco desaparece, y no hay ajuste que lo arregle.
El neón de tubo, el de encima de un bar, conserva un contorno visible y un hueco fino sin luz dentro de la letra. Los estilos de rótulo LED prescinden del tubo y usan puntos de luz. Hay más estilos luminosos en la colección de fuentes de neón.
Va bien para: invitaciones de fiesta, superposiciones de streaming, cabeceras de web oscuras, cualquier cosa que quiera parecer un rótulo.
4. Efecto de texto de fuego
Hay dos formas de prender fuego a una palabra y no se parecen en nada. O se dibujan llamas que suben desde lo alto de las letras, o las letras mismas están hechas de brasa y brillan desde dentro.
Las llamas por encima de las letras mantienen la palabra legible, lo que importa si es un nombre. Las letras llenas de brasa parecen más calientes y se leen peor. Las ocho variaciones, incluidas la lava y el fuego de dibujos animados, están detalladas en la guía de fuentes de fuego.
Va bien para: miniaturas de gaming, carteles de deporte y de grupos de música, cualquier cosa que tenga que gritar.
5. Efecto de texto cromado
El cromo es un degradado con un horizonte dentro. El truco está en la línea dura que cruza el centro de cada letra, donde el cielo reflejado se junta con el suelo reflejado: quítala y te queda plástico gris.
Plata, acero y cromo son la misma familia con distintas cantidades de contraste. El revival del Y2K los recuperó todos a la vez, y hay más en fuentes de metal y cromo.
Va bien para: diplomas, logotipos de coches y de deporte, diseños Y2K, cualquier cosa metálica.
6. Efecto de texto con purpurina
La purpurina de verdad es una textura dentro de las letras más un polvo suelto que cae alrededor. La versión falsa es un degradado dorado liso con un destello dibujado encima, y una vez que has visto la diferencia ya no puedes dejar de verla.
La purpurina es el único efecto que pierde casi todo su sentido al imprimirse, porque el destello está hecho de píxeles diminutos y brillantes que la impresora promedia hasta hacerlos desaparecer. Está hecha para pantallas. La guía de fuentes de purpurina tiene la prueba para distinguir el brillo real del brillo pintado encima.
Va bien para: publicaciones de cumpleaños, invitaciones de fiesta, cabeceras de perfil, cualquier cosa pensada para la pantalla de un móvil.
7. Efecto de texto con contorno
Un solo trazo alrededor de una palabra la separa de lo que tenga detrás. Esa es exactamente la razón por la que lo usan los memes y las miniaturas: el texto sigue siendo legible sobre una fotografía que nadie controla.
Apila varios trazos de colores distintos y la palabra gana un halo lo bastante grueso como para posarse sobre cualquier cosa, que es el aspecto de pegatina. Cada contorno extra se come forma de letra, así que funciona en un cartel y falla a tamaño de miniatura. La mecánica está en la guía para añadir un contorno al texto.
Va bien para: memes, pegatinas, textos sobre fotos y vídeo.
8. Efecto de texto con sombra
Una sombra hace dos trabajos a la vez: despega la palabra del fondo y te dice dónde está la luz. Una sombra suave es una herramienta de contraste. Una sombra dura y desplazada es un estilo.
La sombra larga de arriba es la versión de diseño plano, una sola forma sólida a cuarenta y cinco grados, sin desenfoque. La sombra suave es la de todos los días, y debería ser lo bastante discreta como para que nadie la note: esa es la que explica la guía de sombra de texto.
Va bien para: carteles de diseño plano, pantallas de app, títulos de diapositiva, textos que necesitan contraste sin contorno.
9. Efecto de texto de color
El color es un efecto por derecho propio en cuanto deja de ser uniforme: un color por letra, o un degradado que recorre la palabra entera.
El color por letra es lo que piden en realidad las fiestas infantiles, las aulas y las publicaciones del orgullo cuando buscan texto de colores. Un degradado que cruza la palabra es lo habitual ahora mismo en el vídeo corto. Los ocho colores y dónde encaja cada uno están en efectos de texto de color.
Va bien para: material de cumpleaños y de aula, portadas de listas de reproducción, cualquier cosa que deba parecer amable.
10. Efecto de texto grafiti
El grafiti no es un estilo, es una familia de estilos: el tag rápido, el throw-up gordo, el blockbuster, el wildstyle que se supone que no puedes leer.
Un tag como este es una firma, así que quiere ser un nombre. Nueve estilos de lettering, con cómo se llama cada uno en la pared y para qué sirve, se muestran sobre la misma palabra en fuentes de graffiti.
Va bien para: portadas de música, streetwear, nombres de gaming, material de skate y de centros juveniles.
11. Efecto de texto burbuja
Las letras burbuja están infladas: hombros redondos, un contorno grueso y un brillo donde una luz suave toca la parte de arriba. Se leen como jóvenes y amables antes de que se lea una sola palabra.
Aquí hay una bifurcación importante. Las letras burbuja como imagen, como esta, son formas dibujadas que te descargas. Las letras burbuja para copiar y pegar son símbolos Unicode que viajan hasta una biografía pero no se pueden colorear nunca. La guía de letras burbuja cubre las dos, y cómo dibujarlas a mano.
Va bien para: tarjetas de cumpleaños, murales de aula, packs de pegatinas, cualquier cosa para niños.
12. Efecto de texto retro
Retro es una década, no un aspecto, y elegir la equivocada es el error más común de esta página. Los setenta groovy son redondos y cálidos. El arcade de los ochenta es cromo y rejillas. El Y2K es metal burbuja sobre un escritorio azul.
La versión de los setenta de arriba es la que volvió con más fuerza, tanto en el packaging de café como en los carteles de festival. Hay más estilos de ese revival en fuentes retro.
Va bien para: carteles de festival, packaging, merchandising de grupos, cualquier cosa nostálgica.
Dieciséis estilos más, una sola palabra
Las doce familias de arriba cubren lo que la gente busca. El catálogo no se acaba ahí, y el resto se juzga más fácilmente sobre una sola palabra que sobre doce.
Aquí es donde hay que mirar cuando el efecto tiene que encajar con un tema y no con un estado de ánimo: una tarjeta de Navidad, un cartel de deporte, un folleto de un centro de jardinería, una invitación de fiesta con la palabra escrita con flores.
De qué está hecho en realidad un efecto de texto
Todos los estilos de arriba son una pila de las mismas cuatro capas, aplicadas en el mismo orden. Una vez que puedes verlas por separado, puedes construir cualquiera de ellos, y puedes decir qué le falla a uno que no funciona.
Relleno es el color, el degradado o la textura dentro de las letras. Contorno es el trazo que las rodea, y es lo que hace que una palabra sobreviva a un fondo cargado. Sombra separa la palabra de la superficie y fija la dirección de la luz. Relieve extruye las letras hasta convertirlas en un sólido.
El oro es un relleno más un biselado. El neón es un contorno luminoso sin relleno. El texto de un meme es un relleno plano y un contorno grueso. No hay nada más.
Cómo hacer uno, en cinco pasos
Paso 1. Escribe primero tu palabra
El efecto se ajusta a la palabra, no al revés. Un estilo que queda perfecto con tres letras puede romperse con once, y conviene descubrirlo antes de haber elegido los colores.
Paso 2. Elige el estilo más cercano a lo que quieres
No empieces con un editor en blanco. Todos los estilos de esta página se abren como un efecto que ya funciona, con tu texto dentro, y ajustar uno es más rápido que construirlo.
Paso 3. Cambia los colores antes que nada
El color aporta la mayor parte del carácter. El mismo biselado que se lee como oro se lee como cromo en gris y como caramelo en rosa, sin tocar ningún otro ajuste.
Paso 4. Ajusta el tamaño al sitio donde se verá
Una miniatura se lee a unos trescientos píxeles de ancho en un móvil. Los contornos finos y las extrusiones pequeñas desaparecen a ese tamaño, así que comprueba el efecto en pequeño antes de decidir que funciona.
Paso 5. Descarga el archivo correcto
PNG para la web. PNG transparente si la palabra va a ir sobre tu propia imagen, y es la opción que más gente pasa por alto.
Todos los estilos de esta página son gratis y no hace falta ninguna cuenta. Abre TextStudio y pon tu propia palabra en cualquiera de ellos.
El alfabeto entero, en un solo efecto
Algunos trabajos necesitan letras, no palabras: un nombre deletreado en una pared, un adorno de tarta cortado letra a letra, un mural de aula. Cualquier estilo renderiza el alfabeto completo de una sola vez.
Vigila los pares que se tocan cuando un estilo tiene un contorno ancho. Si dos letras chocan, añade espaciado entre letras en vez de encoger el texto.
El PNG transparente
Un efecto descargado suele llegar con un rectángulo de fondo pegado. Por sí solo no molesta. Encima de tu propia fotografía es una caja gris en medio de tu imagen.
En el panel de descarga, el fondo se puede poner transparente antes de exportar. El archivo lleva entonces las letras con su resplandor, su sombra y su relieve, y nada más. Se posa sobre una foto, un vídeo, una diapositiva o un diseño de Canva y mantiene el efecto intacto.
Dónde acaban estas palabras
El mismo efecto se comporta de forma distinta según el soporte en el que acabe, y vale la pena verlo antes de comprometerse con un estilo.
En una miniatura de vídeo el enemigo es el tamaño: la palabra se lee pequeña, al lado de otras miniaturas, así que el contraste le gana al detalle. En una pegatina o en una impresión el enemigo es el borde: la palabra necesita un margen que la separe de aquello sobre lo que está pegada. Un PNG transparente resuelve las dos cosas.
Archivos PSD de Photoshop
Si lo que quieres son las capas y no una imagen terminada, TextStudio también regala los archivos fuente. La página de efectos de texto PSD gratis los describe como imágenes de efectos de texto en PSD de alta resolución para uso personal y profesional.
Necesitas algo que abra un PSD: Photoshop, o Photopea en un navegador, que es gratis y lee las capas. Tenemos un paso a paso de esa vía en editar un efecto de texto con Photopea.
Las capas compensan ese paso extra cuando el efecto tiene que ir dentro de una composición mayor, o cuando un cliente va a pedir que cambie el color la semana que viene.
Dentro de Canva
Los doce estilos de esta página también están disponibles en la app de efectos de texto para Canva, que mete el mismo motor dentro del editor de Canva. Escribes ahí la palabra y el efecto vuelve a tu diseño, sin ningún paso de subida en medio.
Los estilos de marca y de logotipo son la excepción: Canva no acepta logotipos de terceros dentro de sus apps, así que esos se quedan en la web y viajan como PNG transparente.
Lo que cuesta
Los doce estilos de arriba son estilos gratuitos, y renderizar uno no cuesta nada. Premium existe, y lo que se paga son otras cosas: calidad Ultra HD, todos los formatos de descarga incluidos el vectorial y el PSD, los efectos y las fuentes exclusivos, sin publicidad y sin obligación de atribución. Cuesta 9,99 EUR al mes, 49,99 EUR al año o 129,99 EUR en un pago único, comprobado el día en que se escribió esto.
Vale la pena decirlo claramente porque la mayoría de las herramientas comparables funcionan al revés: lo que está detrás del muro es el efecto en sí.
Los doce de un vistazo
| Efecto | De qué está hecho | Fondo que necesita | Va bien para |
|---|---|---|---|
| 3D | extrusión y una fuente de luz | cualquiera | logotipos, miniaturas |
| Oro | degradado cálido más biselado | oscuro y frío | invitaciones, premios |
| Neón | trazo luminoso, sin relleno | oscuro | rótulos, publicaciones de fiesta |
| Fuego | llamas encima o brasa dentro | oscuro | gaming, deporte |
| Cromo | degradado con línea de horizonte | oscuro o liso | diplomas, Y2K |
| Purpurina | grano dentro y polvo alrededor | oscuro, solo pantallas | cumpleaños, perfiles |
| Contorno | uno o varios trazos | fotos cargadas | memes, pegatinas |
| Sombra | forma desplazada, dura o suave | color plano | diapositivas, carteles |
| Color | un tono por letra, o un degradado | claro | aulas, fiestas |
| Grafiti | borde de spray, goteos, sobrespray | paredes, oscuro | música, streetwear |
| Burbuja | forma inflada, contorno grueso | claro | niños, tarjetas |
| Retro | los detalles de una década | cálido, apagado | packaging, carteles |
Elige la familia que encaje con el sitio donde se verá la palabra, y luego dedica tu tiempo a los colores. Abre el generador de texto con efectos y parte del estilo más cercano en vez de un lienzo vacío.
Preguntas frecuentes
¿Algo de esto es gratis? Los doce estilos de aquí lo son, y renderizarlos también. Premium cubre el Ultra HD, los formatos extra, los efectos exclusivos y quitar la obligación de atribución.
¿Puedo usar un efecto de texto comercialmente? Lee la licencia del estilo que hayas elegido antes de vender nada con él. Un estilo de logotipo de marca no es tuyo y no puedes licenciarlo, sea cual sea la herramienta que hizo la imagen.
¿Se pueden animar los efectos de texto? Sí, algunos. Los estilos animados se exportan como vídeo o GIF en vez de como imagen fija, y son una familia aparte de los de esta página.
¿Qué archivo obtengo? Un PNG por defecto, con una versión transparente disponible en el panel de descarga, y formatos vectoriales o PSD en el plan premium.
¿Necesito Photoshop? No, para nada de lo que hay en esta página. Photoshop solo importa si quieres los archivos PSD por capas, e incluso entonces Photopea los abre en un navegador.
¿Qué efecto debería usar? Parte de dónde se va a ver. Pequeño y cargado significa contorno o sombra. Oscuro y grande significa neón, oro o fuego. Impresión significa cualquiera menos purpurina.