Para manter consistentes as linhas finas de checklist, crie o design nas dimensões PNG desejadas, use a mesma geometria para elementos repetidos e verifique o posicionamento em pixels antes de exportar. Uma configuração de espessura do traçado, por si só, não garante resultados visualmente iguais em todos os tamanhos de saída.

Este guia aborda um gráfico de checklist criado no app desktop atual do Affinity em um Mac: caixas vazias repetidas, linhas horizontais e rótulos neutros como “Item A”. O objetivo é produzir um PNG limpo em um tamanho específico. Os caminhos dos menus seguem a documentação atual da Central de Ajuda do Affinity.

Por que linhas com a mesma espessura podem parecer diferentes?

Comece separando a geometria do desenho da sua pré-visualização em pixels. A visualização Vetorial do Affinity exibe bordas vetoriais suaves, independentemente do zoom. A visualização em Pixels representa o desenho vetorial como pixels individuais, enquanto a visualização em Pixels Retina representa sua aparência em telas de alta densidade. Use Visualizar > Modo > Pixels para inspecionar o design destinado à saída de imagem comum. Modos de visualização

Duas linhas podem ter espessuras de traçado idênticas e, ainda assim, ocupar posições diferentes em relação à grade de pixels. O Affinity permite explicitamente posições parciais de pixel quando a opção Forçar alinhamento de pixels está desativada. A documentação também alerta que ajustar ao pixel um objeto que está fora da grade de pixels pode produzir um resultado desalinhado, mesmo com o alinhamento de pixels ativado. Forçar alinhamento de pixels

Na prática, igualar a espessura é apenas parte do trabalho. Iguale também o posicionamento, a orientação e a escala de saída. Em um checklist, compare elementos equivalentes: lados retos de caixas com lados retos de caixas, e linhas horizontais com linhas horizontais. Cantos arredondados e marcas diagonais têm geometrias diferentes e não devem ser avaliados pela expectativa de ocuparem padrões de pixels idênticos.

Defina um tratamento de linha reproduzível

Selecione uma caixa de seleção ou linha representativa e abra Janela > Vetor > Traçado. O painel oferece controles para estilo da linha, espessura, extremidade, junção, alinhamento e pressão. Para um checklist simples, use uma linha sólida e inspecione qualquer perfil de pressão antes de considerar o valor da espessura como prova de uniformidade. Mantenha iguais as configurações dos elementos equivalentes. Painel Traçado

Para formas fechadas de caixas de seleção, escolha um alinhamento de traçado e use-o de forma consistente. As opções documentadas posicionam o traçado no centro, dentro ou fora da borda do objeto. Portanto, o alinhamento altera a posição da borda visível em relação à geometria da forma. Verifique também Ordem: desenhar o traçado atrás de uma forma fechada preenchida pode ocultar sua metade interna. Painel Traçado

Verifique o comportamento ao redimensionar antes de ajustar um conjunto de caixas. Escalar com objeto controla se o traçado acompanha a escala de uma forma fechada. O painel Transformar também tem a opção Substituição de escala, que pode forçar o escalonamento da espessura do traçado e de outras propriedades durante o redimensionamento. Se caixas redimensionadas anteriormente estiverem diferentes, verifique esses dois controles antes de definir uma espessura final comum. Painel Traçado, Painel Transformar

Para linhas horizontais simples, outra construção compatível é usar um retângulo preenchido e estreito. A Ferramenta Retângulo oferece controles de preenchimento e traçado; o estilo Nenhum do painel Traçado remove o contorno. Assim, você define a espessura da linha pela altura do retângulo, sem precisar levar em conta um traçado centralizado. Esta é uma recomendação editorial para linhas retas, não um recurso especial de exportação. Ferramenta Retângulo, Painel Traçado

Posicione as linhas com precisão na grade de pixels

Abra Janela > Geral > Transformar. Escolha deliberadamente um ponto de ancoragem antes de inserir coordenadas: as alterações de posição e tamanho no painel dependem dessa âncora. O painel oferece valores exatos de X, Y, largura, altura, rotação e inclinação, medidos em relação ao ponto zero da régua. Mantenha essa origem consistente ao comparar objetos repetidos. Painel Transformar

Para posicionar os elementos em pixels, abra Visualizar > Ajuste e ative Forçar alinhamento de pixels. Examine também os outros alvos de ajuste; uma guia ou um objeto fora da grade de pixels pode interferir no alinhamento. Essa configuração se aplica à criação, movimentação ou modificação de objetos, portanto inspecione o desenho existente em vez de presumir que ativá-la corrigiu todos os objetos. Forçar alinhamento de pixels

Considere Mover por pixels inteiros uma restrição de movimento. A documentação do Affinity explica que essa opção preserva os pixels parciais que um objeto já ocupa enquanto o move por distâncias de pixels inteiros. Ela pode preservar um deslocamento fracionário indesejado. Primeiro defina a posição pretendida e depois use o movimento por pixels inteiros quando esse comportamento ajudar a mantê-la. Forçar alinhamento de pixels

Para inspecionar os limites de perto, ative Visualizar > Mostrar > Grade de pixels e amplie a imagem. A grade é um recurso visual e não é exportada. Use-a junto com a visualização em Pixels para examinar bordas equivalentes e, em seguida, volte a um tamanho de visualização normal para avaliar o checklist como um todo. Grades

Uma verificação ilustrativa da geometria

Suponha que o tamanho de saída desejado para o checklist seja 800 × 600 pixels. Para um teste sintético, crie três retângulos horizontais preenchidos, sem traçado. Defina a largura de cada um como 240 px e a altura como 1 px, usando as seguintes posições do canto superior esquerdo. Estes são valores ilustrativos, não resultados medidos em testes do Affinity.

Linha X Y Largura Altura
A 80 px 100 px 240 px 1 px
B 80 px 124 px 240 px 1 px
C 80 px 148 px 240 px 1 px

Use a âncora superior esquerda em Transformar, insira esses valores e mantenha a rotação e a inclinação em zero. Agora as linhas repetidas têm dimensões correspondentes e espaçamento em pixels inteiros. Este exemplo usa os controles de preenchimento da Ferramenta Retângulo e o posicionamento numérico do painel Transformar; ele não depende de um comando “linhas nítidas” não documentado. Ferramenta Retângulo, Painel Transformar

O cálculo da escala explica por que o tamanho final importa. Exportar este layout de 800 pixels de largura com 400 pixels de largura dá um fator de escala de 400 ÷ 800 = 0,5. Uma linha com 1 pixel de altura passa então a corresponder geometricamente a meio pixel de saída; uma linha com 2 pixels de altura corresponde a um pixel de saída. Esses cálculos descrevem a geometria, não garantem o sombreado exato do renderizador. Se a entrega tiver 400 pixels de largura, avalie e refine as linhas para esse tamanho de saída.

Exporte o PNG no tamanho de que você realmente precisa

Abra Arquivo > Exportar > Exportar e escolha uma predefinição de PNG. Defina Área deliberadamente: use a prancheta identificada pelo nome ou a área apropriada do documento para incluir o checklist completo. Área da seleção inclui camadas sobrepostas que não foram selecionadas, enquanto Somente seleção as exclui. Portanto, escolhas diferentes de área podem gerar conteúdos diferentes. Caixa de diálogo Exportar

Confira a largura e a altura exportadas. A configuração Tamanho do Affinity mostra inicialmente as dimensões nativas e permite escolher outras; mantenha Bloquear proporção ativado para redimensionar proporcionalmente. No teste ilustrativo, exporte primeiro em 800 × 600. Teste separadamente qualquer versão destinada a um tamanho menor. Configurações de exportação

Inspecione a pré-visualização da exportação antes de salvar. No Mac, pressione Command-1 durante a pré-visualização para chegar a 100%; Command-3 mostra a imagem em 400% para uma inspeção mais detalhada. Procure linhas repetidas que fiquem mais escuras ou pareçam ter espessuras diferentes e verifique se alguma borda foi cortada no limite de exportação escolhido. Depois, exporte e inspecione o PNG propriamente dito no tamanho de exibição pretendido. Caixa de diálogo Exportar

Se for necessário redimensionar, o Affinity oferece vários métodos de reamostragem. A ajuda indica Vizinhança mais próxima para imagens com bordas definidas e Bilinear para reduzir o tamanho. Considere essas finalidades documentadas e depois compare a pré-visualização do seu desenho. Nenhum método de reamostragem é documentado como garantia de que linhas finas de checklist terão aparência idêntica. Configurações de exportação

O que as configurações de exportação podem corrigir e quais são seus limites?

O limite relevante depende do formato. O Affinity documenta Rasterizar: Nada / Tudo / Propriedades não compatíveis para PDF, SVG e EPS. Esse controle não é listado para PNG. Da mesma forma, a opção DPI de rasterização é documentada para efeitos rasterizados nesses formatos orientados a vetor. Não procure uma solução chamada “Rasterizar tudo” para PNG; use as dimensões de saída do PNG e corrija a geometria do desenho. Configurações de exportação

Use esta sequência de diagnóstico para decidir o que alterar. Ela serve como auxílio à decisão, com base nos controles documentados, e não afirma que uma única configuração identifica todo problema de exportação.

O que você observa O que verificar em seguida Resposta prática
Algumas caixas têm larguras numéricas diferentes Configurações do traçado e controles de redimensionamento Defina um tratamento final comum para os traçados
Linhas iguais ficam diferentes na visualização em Pixels Posições, dimensões e alvos de ajuste Corrija bordas equivalentes e repita seu posicionamento de forma consistente
As linhas ficam irregulares apenas na exportação menor Dimensões de saída e fator de escala Refine o desenho para esse tamanho menor
Uma linha desaparece ou encontra um fundo inesperado Área de exportação e camadas incluídas Selecione o documento, a prancheta ou o escopo de seleção pretendido
A visualização Vetorial parece suave, mas o PNG parece diferente Visualização em Pixels e pré-visualização da exportação Avalie a imagem rasterizada usando sua representação em pixels

Quando uma combinação funcionar, salve as opções de exportação usando Preferências > Criar predefinição na caixa de diálogo Exportar. Uma predefinição permite reutilizar essas opções; o desenho ainda precisa ter geometria e posicionamento correspondentes. Caixa de diálogo Exportar

Faça uma verificação final simples: inspecione uma caixa e uma linha representativas, confirme que os elementos correspondentes repetidos estão iguais, verifique as dimensões do PNG e examine a imagem salva no tamanho em que será usada. Se precisar de outra resolução de saída, repita a verificação nesse novo tamanho. A consistência depende do controle conjunto da geometria e da escala.

Fontes