Como ele é
Lembra a foto de um jornal antigo ou de um gibi vista de perto: a imagem é formada por pontos ciano, magenta, amarelo e azul-marinho sobre um papel quase branco, cada ponto maior onde a tinta é mais forte. No modo Bayer, vira um pontilhado de duas cores, com cara de computador antigo; no modo linhas, uma trama de traços inclinados. Uma lupa redonda, com borda branca e sombra suave, mostra a foto original levemente ampliada onde o cursor está. Sem cursor, a lupa passeia devagar sozinha pela imagem.
Você pode estar procurando isto se pediu algo assim
- foto com efeito de pontinhos de jornal antigo
- imagem com cara de impressão de gráfica, tipo retícula
- efeito de revista em quadrinhos na foto do site
- lupa que mostra a foto original quando passo o mouse
- deixar o portfólio de fotografia com estética de impressão
- foto pontilhada estilo pop art para a página da marca
Também chamado de
- efeito halftone
- retícula
- efeito retícula
- CMYK halftone
- dithering
- Bayer dither
- pontilhado
- efeito jornal
Quando usar
- Editoriais, revistas digitais e páginas de reportagem
- Portfólio de fotógrafo, gráfica ou estúdio de design
- Página de marca com identidade que remete à impressão
- Cases de design gráfico que mostram a foto por baixo da trama
Quando evitar
- Fotos de produto em que a pessoa precisa ver cor e detalhe com fidelidade
- Imagens de outro domínio sem CORS liberado, que não carregam como textura
Como pedir para a sua IA
Crie um efeito halftone em WebGL na foto principal do editorial: retícula de pontos CMYK com a tinta e o papel nas cores da marca e uma lupa que revela a foto original sob o cursor. Quero a lupa parada para quem prefere menos movimento, texto alternativo e pausa fora da tela.
Com o THM Componentes, você cola o prompt completo do catálogo, que já traz o código-fonte deste componente, e a IA reproduz este efeito exato em vez de improvisar.
Perguntas sobre Lambe-lambe
Quais estilos de retícula Lambe-lambe oferece?
Lambe-lambe tem três modos: pontos CMYK em quatro ângulos, como numa impressão colorida; pontilhado Bayer de duas cores, com aparência de computador antigo; e linhas inclinadas. O tamanho da célula, a cor da tinta e a cor do papel são props, e a lupa pode ser desligada para mostrar só a trama.
Lambe-lambe funciona no celular?
Funciona em navegadores com WebGL. Como o celular não tem cursor, a lupa de Lambe-lambe passeia sozinha pela foto, o que mantém o efeito vivo sem nenhum gesto. Por ser um componente Médio no THM Componentes, vale seguir o prompt: carregar sob demanda, prever um fallback estático no Nuxt e comparar LCP e INP.
Lambe-lambe respeita quem prefere menos movimento?
Sim. Com a redução de movimento ativada no sistema, a lupa de Lambe-lambe para de passear sozinha e fica num ponto fixo, acompanhando o cursor sem suavização. A trama em si é estática, então a foto continua legível. O componente também deixa de desenhar quando sai da tela.
