Generador de patrones animados
Cree patrones de luz animados en su navegador: curve las líneas, elija sus colores y exporte bucles perfectos en MP4, WebM, GIF, PNG o código. Gratis.
Partir de un estilo
Dar forma a las líneas
Un PNG o SVG con fondo transparente da el mejor resultado. El archivo se queda en su dispositivo.
Arrastre los cuatro nodos de la imagen para curvar las líneas.
Arrastre la imagen para mover el centro del patrón.
Elegir los colores
Colores de las líneasAjustar el movimiento
Dar el acabado
Efecto de impresiónExportar
Exporta el fotograma mostrado en la imagen. Mueva el control de tiempo para elegir otro.
Este navegador no puede codificar vídeo. Use la última versión de Chrome, Edge, Firefox o Safari, o exporte un GIF.
El GIF se limita a 256 colores. Para degradados suaves y archivos ligeros, exporte un vídeo.
Pegue este código en cualquier página web para ejecutar el patrón en directo. No necesita ninguna biblioteca, se ve nítido a cualquier tamaño y se detiene fuera de pantalla.
Los patrones de texto y de logotipo aún no se pueden ejecutar como código. Expórtelos como vídeo o imagen.
Este formato no admite transparencia: se usa el color de fondo.
Esta herramienta necesita WebGL 2, que su navegador o dispositivo tiene desactivado. Active la aceleración por hardware en los ajustes del navegador o pruebe con otro.
Creado en su dispositivo, no se sube nada.
Saved designs
0Acerca de Generador de patrones animados
El Generador de patrones animados es un estudio gratuito para crear patrones de luz en movimiento. Su tarjeta gráfica dibuja en directo líneas de color, así que cada cambio se ve al instante: abanicos, túneles, espirales, flores, curvas de nivel, un globo giratorio, un chip electrónico y mucho más. Parta de un estilo terminado y ajuste las líneas, los colores y el movimiento hasta que el patrón encaje con su marca.
Puede curvar las líneas a mano, hacerlas rodear el contorno de cualquier palabra o logotipo, tomar la paleta de una imagen o pegar los colores de su marca. Cada animación se construye con ciclos completos, de modo que el último fotograma enlaza directamente con el primero y el bucle nunca da un salto.
Exporte un vídeo en MP4 o WebM de hasta 4K, un GIF o una imagen fija en PNG, JPG o WebP de hasta 8K, con fondo transparente cuando el formato lo permite. También puede copiar un código que ejecuta el patrón en directo en cualquier sitio web, sin bibliotecas. Todo ocurre en su dispositivo: no se sube nada.
Cómo usar Generador de patrones animados
- Elija un estilo de partida o pulse Sorpréndame para obtener un diseño nuevo.
- Elija un patrón y ajuste sus líneas. Arrastre la imagen para mover su centro o escriba una palabra para que las líneas la rodeen.
- Elija una paleta, pegue sus códigos hex o tome los colores de una imagen.
- Ajuste el movimiento, la duración del bucle y la velocidad, y dé el acabado con resplandor, un tubo 3D, vidrio acanalado o grano de película.
- Elija la forma del marco: 16:9, cuadrado, vertical, story, banner o un tamaño personalizado.
- Exporte un vídeo, un GIF o una imagen, o copie el código para ejecutarlo en directo en su sitio web.