Guía · Texto

Texto animado hecho de caracteres

Escribe una palabra y rellénala con un patrón que se mueve, o haz que un mensaje se escriba, se borre y se descifre letra por letra. Para portadas, pantallas de carga, videos y redes.

Animar una palabra Cómo funciona

Gratis · sin cuenta · acentos y eñes incluidos

La palabra GLYPHOS hecha de caracteres que van del rosa al cian, con las letras en ola
Render real del motor: la palabra «GLYPHOS» con el estilo «Ola» (letras que se mueven en ola, relleno de ondas y color del rosa al cian). En vivo: pasa el cursor para hacer ondas en las letras.

Qué puedes hacer

Palabras como materia.

Tu palabra, tu tipografía

Martian Mono, JetBrains Mono, Instrument Serif, VT323, Press Start y más, con grosor, tamaño, espaciado, varias líneas y cursiva.

Relleno de patrón

Las letras se llenan de plasma, franjas, nubes o cáusticas en movimiento, con tu paleta y tus caracteres.

Mensajes que se animan

Fijo, máquina de escribir, descifrar o marquesina, con velocidad, pausa antes de borrar, posición y cursor de bloque.

Disolver en el patrón

Cada cierto tiempo, la palabra se deshace en el fondo y vuelve a formarse.

Dibujar con palabras

El modo «Palabras» construye la imagen repitiendo la frase que elijas en lugar de símbolos sueltos.

Reacciona al cursor

Ondas, lupa, empuje, remolino o caos: las letras responden cuando pasas por encima.

Cómo funciona

Tres pasos, sin instalar nada.

  1. Escribe

    En el espacio Texto del estudio, escribe tu palabra (Enter para otra línea) y elige tipografía.

  2. Anímala

    Elige un relleno en «Relleno», un mensaje en «Mensaje» o pulsa «Azar» (R) para que el estudio proponga.

  3. Llévatela

    Pulsa «Exportar» (E): imagen, vector, video, GIF o código para tu web.

Formatos y límites

Qué te llevas, y qué no.

MP4, WebM y GIF
Clips renderizados fotograma a fotograma; con «Bucle perfecto», se repiten sin corte.Límite: MP4 depende del codificador H.264 de tu navegador; el GIF llega a 25 fps y 128 colores.
PNG y SVG
Un fotograma en alta resolución, o en vector con el contorno real de cada carácter.Límite: el SVG deja fuera los efectos de píxel, como el bloom y el resplandor.
HTML, Web Component y React
La palabra animada viva en tu web, con el motor incluido.Límite: se dibuja en un lienzo: para buscadores y lectores de pantalla, añade también el texto real (por ejemplo, un título visualmente oculto).
Piezas de interfaz
Si quieres el efecto sobre texto HTML de verdad, que se puede seleccionar y que los lectores de pantalla leen completo, el espacio Piezas tiene «Descifrar» y «Máquina de escribir» listos para copiar.Límite: son efectos sobre letras, no rellenos de patrón.
Enlace y receta
Guardan la palabra y todos los ajustes para reabrirla tal cual.

Todo ocurre en tu navegador

Tus textos no se envían a ningún servidor y no necesitas cuenta. El historial y la colección se guardan en este navegador; guarda la sesión en un archivo para llevártelos a otro equipo.

Preguntas frecuentes

Antes de empezar.

¿Admite acentos, eñes y signos?

Sí: la palabra se dibuja con la tipografía elegida, así que «PIÑATA», «¿Qué?» o «Él» salen tal cual.

¿Puedo usar la animación en un logo o una campaña?

Sí. Lo que creas es tuyo, y las tipografías que trae el estudio tienen licencia OFL, que permite usarlas para crear imágenes y videos. Más en Licencia y uso.

¿Por qué mi frase larga se ve pequeña?

La palabra se ajusta al lienzo. Usa varias líneas, sube el tamaño o baja el tamaño de celda para ganar detalle.

¿Puedo animar un texto largo?

Para párrafos, usa «Mensaje» con máquina de escribir o marquesina: se escribe sobre el patrón, con placa detrás para que se lea.

Dale movimiento a una palabra.

Animar una palabra Conocer GLYPHOS

Otras guías