Gerador de padrões animados
Crie padrões de luz animados no navegador: curve as linhas, escolha as cores e exporte loops perfeitos em MP4, WebM, GIF, PNG ou código. Grátis.
Partir de um estilo
Dar forma às linhas
Um PNG ou SVG com fundo transparente dá o melhor resultado. O ficheiro fica no seu dispositivo.
Arraste os quatro nós na imagem para curvar as linhas.
Arraste a imagem para mover o centro do padrão.
Escolher as cores
Cores das linhasDefinir o movimento
Dar o acabamento
Efeito de impressãoExportar
Exporta o fotograma mostrado na imagem. Mova o cursor de tempo para escolher outro.
Este navegador não consegue codificar vídeo. Use a versão mais recente do Chrome, Edge, Firefox ou Safari, ou exporte um GIF.
O GIF está limitado a 256 cores. Para gradientes suaves e ficheiros leves, exporte um vídeo.
Cole este código em qualquer página web para executar o padrão em direto. Não precisa de nenhuma biblioteca, mantém-se nítido em qualquer tamanho e pára fora do ecrã.
Os padrões de texto e de logótipo ainda não podem correr como código. Exporte-os como vídeo ou imagem.
Este formato não suporta transparência: é usada a cor de fundo.
Esta ferramenta precisa de WebGL 2, que o seu navegador ou dispositivo desativou. Ative a aceleração de hardware nas definições do navegador ou experimente outro navegador.
Criado no seu dispositivo, nada é enviado.
Saved designs
0Sobre Gerador de padrões animados
O Gerador de padrões animados é um estúdio gratuito para criar padrões de luz em movimento. As linhas de cor são desenhadas em direto pela sua placa gráfica, por isso cada alteração aparece de imediato: leques, túneis, espirais, flores, curvas de nível, um globo a rodar, um chip eletrónico e muito mais. Parta de um estilo já pronto e ajuste as linhas, as cores e o movimento até o padrão combinar com a sua marca.
Pode curvar as linhas à mão, fazê-las correr ao longo do contorno de qualquer palavra ou logótipo, tirar a paleta de uma imagem ou colar as cores da sua marca. Cada animação é feita de ciclos inteiros, por isso o último fotograma liga-se diretamente ao primeiro e o loop nunca dá um salto.
Exporte um vídeo em MP4 ou WebM até 4K, um GIF ou uma imagem fixa em PNG, JPG ou WebP até 8K, com fundo transparente quando o formato o permite. Também pode copiar um código que executa o padrão em direto em qualquer site, sem bibliotecas. Tudo acontece no seu dispositivo: nada é enviado.
Como usar Gerador de padrões animados
- Escolha um estilo de partida ou carregue em Surpreenda-me para obter um novo design.
- Escolha um padrão e ajuste as suas linhas. Arraste a imagem para mover o centro ou escreva uma palavra para que as linhas a contornem.
- Escolha uma paleta, cole os seus códigos hex ou retire as cores de uma imagem.
- Defina o movimento, a duração do loop e a velocidade e depois dê o acabamento com brilho difuso, um tubo 3D, vidro canelado ou grão de película.
- Escolha a forma da moldura: 16:9, quadrado, vertical, story, banner ou um tamanho personalizado.
- Exporte um vídeo, um GIF ou uma imagem, ou copie o código para o executar em direto no seu site.