Sobreposição de imagem

Uma sobreposição de imagem é qualquer camada visual colocada sobre uma imagem-base: texto, formas, setas, um logotipo, uma moldura de dispositivo, um tom de cor ou outra imagem. A sobreposição e a imagem-base são combinadas no que o espectador vê.

As sobreposições são combinadas por composição alfa. Cada pixel da sobreposição tem um valor de opacidade, e o resultado mistura a cor da sobreposição com a cor da base na proporção desse valor. Com 100 por cento de opacidade, a sobreposição oculta a base. Com 50 por cento, as duas ficam visíveis.

Uma sobreposição pode continuar editável como uma camada separada ou ser achatada nos pixels quando a imagem é exportada. Uma sobreposição achatada não pode ser removida depois sem o arquivo original.

Tipos de sobreposição

• Anotações: setas, caixas, elipses, linhas, rótulos de texto e números de etapa.
• Destaques: cor semitransparente sobre uma área de interesse.
• Camadas de ocultação: desfoque ou caixas sólidas sobre conteúdo privado.
• Identidade visual: logotipos e marcas d'água.
• Molduras: molduras de dispositivo ou de navegador ao redor de uma captura de tela.
• Camadas de comparação: uma imagem sobre outra, com opacidade parcial.

Onde as sobreposições são usadas

Guias passo a passo usam setas e marcadores numerados para mostrar onde clicar. Relatórios de bugs usam caixas para apontar o problema. Imagens de marketing adicionam títulos e logotipos sobre capturas de tela, e revisões de design sobrepõem duas versões para identificar deslocamentos.

Como as sobreposições funcionam

Os editores mantêm as sobreposições como objetos com posição, tamanho, cor e ordem de empilhamento. A renderização desenha primeiro a imagem-base e depois cada sobreposição, da camada inferior para a superior. A exportação achata tudo em uma única imagem ou mantém as camadas em um formato de projeto.

No editor de Documents do Temposhot, as sobreposições incluem Text (T), Rectangle (R), Ellipse (O), Line (L), Arrow (A) e as ferramentas Pro Blur (B), Click Marker (M) e Step Numbers (N). As teclas [ e ] alteram a ordem de empilhamento. O editor mantém as anotações separadas da imagem capturada.

Erros comuns

• Cobrir o próprio controle que a sobreposição deveria apontar.
• Usar cores que desaparecem no fundo da captura de tela.
• Confiar em uma caixa semitransparente para ocultar dados privados.
• Compartilhar os quadros originais quando as sobreposições existem apenas na versão editada. O ZIP de quadros com anotações do Temposhot avisa que contém os arquivos originais sem edição.

Precisa corrigir uma imagem agora?

Adicione setas e rótulos no navegador com o Screenshot Annotation Tool ou coloque uma captura de tela sobre um fundo criado com o Social Image Composer.

Perguntas frequentes

Consigo remover uma sobreposição depois da exportação?

Somente se você ainda tiver o original sem achatamento ou o projeto editável.

Qual formato mantém uma sobreposição transparente?

PNG e WebP mantêm a transparência. JPG não.

Fontes

• Alpha compositing (Wikipedia)
• Blend modes (Wikipedia)

Recursos relacionados

• Anotações e enquadramento: ferramentas do editor de Documents.
• Anote capturas de tela para instruções no Mac: um exemplo prático.