Como ele é
Lembra uma peça de cromo polido refletindo um céu que se mexe. O formato do logo ganha volume, mais alto no meio e mais fino nas bordas, e por cima dele correm faixas de branco e de cinza quase preto, como reflexos em metal molhado. As faixas deslizam devagar e ondulam de leve, e as bordas separam um pouco as cores, como num vidro grosso. Fora do desenho, o fundo fica transparente. Enquanto o logo é preparado, aparece um aviso de processamento; depois, a animação segue em ciclo contínuo.
Você pode estar procurando isto se pediu algo assim
- meu logo com efeito de metal líquido se mexendo
- logo cromado animado para a abertura do site
- aquele efeito de logo espelhado que parece mercúrio
- deixar a marca com cara de peça de metal brilhando
- animação de logo para a tela de lançamento do produto
- efeito líquido em cima do logo, sem usar vídeo
Também chamado de
- liquid metal logo
- logo de metal líquido
- chrome logo effect
- logo cromado
- efeito mercúrio
- shader de logo
Quando usar
- Abertura de marca ou tela de lançamento com o logo em destaque
- Página de apresentação de agência, estúdio ou produto premium
- Seção sobre a marca em que o logo é o elemento principal
- Eventos e campanhas com estética metálica ou futurista
Quando evitar
- Logos com detalhes finos ou texto pequeno, que se perdem no efeito
- Páginas que já usam outro efeito em WebGL ou público com celulares antigos
- Marcas que precisam manter as cores originais do logo
Como pedir para a sua IA
Crie um efeito de metal líquido em WebGL2 sobre o logo da minha marca na abertura do site: reflexos cromados que escorrem devagar, cores do metal ajustáveis, pausa quando sai da tela e imagem estática do logo para movimento reduzido e navegadores sem WebGL2.
Com o THM Componentes, você cola o prompt completo do catálogo junto com o código deste componente, e a IA reproduz este efeito exato em vez de improvisar.
Perguntas sobre Liquid Logo
Que tipo de imagem o Liquid Logo aceita?
O Liquid Logo lê o formato do desenho a partir da imagem: pixels brancos ou transparentes viram fundo, e o resto vira metal. Funciona com logos em SVG ou PNG de uma cor e formas cheias. As cores originais do logo não aparecem no resultado, porque o shader pinta tudo com os tons do metal.
O Liquid Logo deixa o site lento?
Pode pesar. O Liquid Logo processa o formato do logo no navegador antes de começar, roda um shader WebGL2 quadro a quadro e desenha num canvas de alta resolução. É Pesado no THM Componentes: use um por página, e o prompt orienta a IA a carregar sob demanda e a pausar a animação fora da tela.
O Liquid Logo respeita quem prefere menos movimento?
O Liquid Logo original anima sempre e não lê essa preferência. O prompt do THM Componentes pede à IA uma versão estática para quem ativa a redução de movimento, o que aqui pode ser uma imagem parada do logo metálico ou o próprio logo em SVG no lugar do canvas.
