Noções básicas de desenho: anotação que permanece legível

Técnica prática para marcar capturas de tela e fotografias para que o resultado fique legível para alguém que não estava presente quando você o fez.

Anote em uma camada separada, sempre

Antes de desenhar qualquer coisa em uma fotografia ou captura de tela, adicione uma nova camada. Suas marcas ficam acima da imagem e não nela, e você pode movê-las, esmaecê-las, ocultá-las ou excluí-las sem destruir nada por baixo.

Isso não custa nada e economiza muito. A frustração mais comum na edição de imagens é descobrir, vinte golpes depois, que uma seta está no lugar errado e o desfazer não chega mais tão longe. Em uma camada separada, você simplesmente limpa a camada.

Quando estiver satisfeito, nivele antes de exportar ou apenas exporte diretamente – o editor compõe as camadas visíveis automaticamente.

Abra sua captura de tela.
Escolha Adicionar camada no painel de camadas.
Desenhe suas anotações na nova camada.
Ajuste a opacidade da camada se as marcas sobrecarregarem a imagem.
Exporte como PNG.

Dimensione seu pincel de acordo com a imagem, não com a tela

O tamanho do pincel é medido em pixels de imagem, não em pixels de tela. Um pincel de 12 pixels em uma fotografia com 4000 pixels de largura é uma linha fina; o mesmo pincel em uma captura de tela de 600 pixels é um marcador grosso.

Um ponto de partida confiável é aproximadamente um centésimo da largura da imagem: cerca de 20 pixels em uma imagem de 4000 pixels, cerca de 3 em uma imagem de 600 pixels. Ajuste a partir daí.

Se você aumentar o zoom para trabalhar nos detalhes, lembre-se de que o pincel não mudou de tamanho em relação à imagem, apenas em relação ao que você vê. Este é o comportamento correto e é por isso que os traços permanecem consistentes quando você diminui o zoom.

Escolha uma cor que sobreviva ao fundo

A falha de anotação clássica é uma seta vermelha em uma mensagem de erro vermelho escuro. Antes de escolher uma cor, observe o que está por baixo dela.

O vermelho puro saturado é um padrão ruim: é a cor mais difícil de ser distinguida pelos daltônicos vermelho-verde e desaparece em fundos quentes. Ciano brilhante, magenta e verde-amarelo são raros em fotografias e capturas de tela, por isso são lidos claramente em quase tudo.

Se sua marca precisar cruzar áreas claras e escuras, desenhe-a duas vezes: primeiro um traço mais grosso em uma cor contrastante e depois um traço mais fino na parte superior. O resultado é lido como uma linha contornada e permanece visível em todos os lugares.

As formas superam a mão livre para qualquer coisa precisa

Um retângulo desenhado à mão em torno de um botão parece apressado; um retângulo desenhado parece deliberado. Use as ferramentas retângulo e elipse para qualquer coisa que você esteja apontando e guarde o pincel para esboços genuínos.

Segure Shift enquanto arrasta para restringir um retângulo a um quadrado ou uma elipse a um círculo. O quadrado segue a direção que você arrastou mais, para que você possa construí-lo em qualquer direção a partir do ponto inicial.

As formas contornadas geralmente são melhores do que as preenchidas para anotação, porque o preenchimento oculta aquilo para o qual você está chamando a atenção. Ative Preencher formas somente quando desejar mascarar algo.

Redação não é o mesmo que encobrir algo

Se você estiver ocultando informações confidenciais, desenhe um retângulo preenchido com SOLID sobre elas e nivele a imagem antes de exportar. Uma forma preenchida em uma imagem achatada e recodificada destrói genuinamente os pixels abaixo.

Não confie em uma forma semitransparente, em um desfoque ou em uma marca em uma camada oculta. A redução da opacidade deixa os valores originais recuperáveis matematicamente e uma camada oculta ainda contém os dados até que a imagem seja nivelada.

Exporte para PNG ou JPEG em vez de comcomcompartilhar um arquivo de projeto e verifique a imagem exportada antes de enviá-la. Esta ferramenta nunca carrega nada, mas depois que você compartilha um arquivo, seu conteúdo fica fora de seu controle.

Adicione uma camada e desenhe um retângulo sólido preenchido sobre a área sensível.
Defina a opacidade da camada para 100% e confirme se nada aparece.
Escolha Flatten no painel de camadas.
Exporte, abra o arquivo exportado e confirme se a área está realmente em branco.

Texto que permanece legível

Digite seu texto na barra de ferramentas, escolha um tamanho e toque na tela onde deseja que ele fique. O ponto de toque é o centro vertical do texto, o que facilita o alinhamento com algo.

Dimensione o texto em relação à imagem pelo mesmo motivo que os pincéis. Em uma captura de tela ampla, qualquer coisa abaixo de cerca de 2% da largura da imagem torna-se ilegível quando a imagem é reduzida em uma janela de bate-papo ou documento.

Somente fontes do sistema são oferecidas. Essa é uma decisão de privacidade: buscar uma lista de fontes de um serviço de terceiros enviaria uma solicitação sempre que a ferramenta de texto fosse aberta, que é exatamente o tipo de vazamento silencioso que esta ferramenta existe para evitar.

Corte por último, exporte deliberadamente

Corte depois de anotar e não antes. O corte descarta pixels permanentemente e é comum descobrir que você precisava de um pouco mais de contexto do que pensava.

Escolha o formato do trabalho: PNG para capturas de tela e qualquer coisa com texto ou bordas nítidas, JPEG ou WebP para fotografias. Salvar uma captura de tela como JPEG produz manchas visíveis ao redor do texto, que é a perda de qualidade evitável mais comum em imagens compartilhadas.

Questões

Por que meu pincel fica diferente depois de aplicar zoom?

Não altera o tamanho da imagem; só parece diferente em relação à tela. O tamanho do pincel é medido em pixels da imagem para que os traços permaneçam consistentes, independentemente de quanto você aumentou o zoom.

Desfocar é suficiente para ocultar uma senha?

Não. Trate o desfoque e a opacidade reduzida apenas como cosméticos. Use uma forma preenchida sólida e nivele a imagem antes de exportar.

Posso mover algo depois de desenhá-lo?

Não dentro de uma camada: os traços tornam-se pixels assim que são desenhados. É por isso que desenhar em uma camada separada é importante, já que você pode limpar essa camada e redesenhar sem perturbar a imagem abaixo.

Limitações

Os traços são rasterizados imediatamente: não há objetos vetoriais editáveis para reposicionar posteriormente.
O texto torna-se pixels uma vez colocado e não pode ser reeditado.
Não há ferramenta de movimentação ou transformação para seleções; uma camada não pode ser deslocada após o desenho.
Somente fontes do sistema, porque nenhuma fonte da web é buscada.
Sem desfoque, pixelização ou outros efeitos de filtro, portanto a redação deve ser feita com uma forma preenchida sólida.