Para corrigir uma linha ou coluna extra em uma exportação de folha de sprites do Affinity no Mac, verifique a posição, as dimensões e a escala de saída do retângulo de exportação. Use uma fatia com dimensões exatas para uma folha já organizada e, em seguida, confira o PNG exportado antes de alterar o desenho.

Este guia aborda a interface atual do Affinity para desktop e o Estúdio de fatias. O objetivo é exportar uma grade de sprites existente com as dimensões de pixel desejadas. A ajuda atual do Affinity documenta retângulos de exportação personalizados e saídas de fatias individuais; as etapas abaixo usam esses controles diretamente.

Identifique se o pixel extra altera as dimensões do arquivo

Primeiro, diferencie dois sintomas: um arquivo com um pixel a mais e um arquivo com as dimensões corretas, mas que contém um pixel indesejado na borda. Eles exigem verificações diferentes. Anote a largura e a altura desejadas e, em seguida, abra o arquivo exportado separadamente para conferir suas dimensões e inspecionar as linhas e colunas externas.

Faça um cálculo simples do tamanho esperado. Como exemplo, uma folha com quatro quadros de 64 × 64 dispostos em uma única linha horizontal, sem margens nem espaçamentos, deve ter 256 × 64 pixels. Uma exportação de 256 × 65 tem uma diferença nas dimensões. Uma exportação de 256 × 64 com uma linha inferior colorida indesejada tem as dimensões corretas, mas o conteúdo ou o posicionamento precisa ser examinado.

O que você encontra O que verificar primeiro Próxima ação útil
A largura ou a altura está um pixel maior Os limites de exportação e sua posição Defina um retângulo de fatia exato
As dimensões diferem bastante A escala de exportação e o DPI do documento Confira a resolução de saída real da fatia
As dimensões estão corretas, mas uma borda parece errada A posição do desenho e o conteúdo visível Inspecione a borda sem redimensionar a folha
A exportação contém desenhos inesperados O tipo de fatia ou a área de exportação Escolha o limite de conteúdo desejado

O Affinity diferencia fatias desenhadas de fatias criadas a partir de camadas. Uma fatia desenhada inclui todas as camadas visíveis dentro de seu retângulo; uma fatia derivada de camada inclui apenas o conteúdo da camada de origem. Essa diferença importa quando um objeto próximo ou o fundo aparece na folha exportada. Consulte Exportar usando o Estúdio de fatias.

Confira a posição em pixels, além da largura e da altura

Uma largura inteira não garante que o retângulo comece em um limite de pixel. Em uma ilustração geométrica, um retângulo de 256 pixels de largura que começa em X = 10,5 termina em X = 266,5. Ambas as bordas ficam entre limites de pixel. Isso ilustra por que verificar apenas a largura pode deixar passar um problema de alinhamento; não é uma afirmação sobre a fórmula exata de rasterização do Affinity.

Para inspecionar os valores numericamente no Mac, abra Janela > Geral > Transformar. O painel oferece X, Y, L e A, além de um seletor de ponto de ancoragem. Escolha a âncora superior esquerda ao conferir a posição do canto superior esquerdo de uma área retangular de exportação. As medidas usam as unidades atuais da régua e são relativas à origem da régua. Esses controles estão documentados em Painel Transformar.

Se necessário, exiba as réguas com Exibir > Mostrar > Réguas e, em seguida, clique com a tecla Control na interseção delas e escolha pixels. Se você tiver movido a origem da régua, clique duas vezes na interseção para redefini-la antes de diagnosticar as coordenadas. O Affinity documenta as duas ações em Réguas.

Inspecione a posição e o tamanho do limite de exportação, em vez de selecionar todos os desenhos dos sprites e arredondar todos os valores. Para a folha ilustrativa de quatro quadros, o retângulo desejado poderia ser X = 0, Y = 0, L = 256, A = 64. Sua folha existente pode começar em outro ponto; use a posição que realmente engloba a grade de quadros.

Se a exibição numérica ocultar pequenas frações, a ajuda do painel Transformar indica Configurações > Interface do usuário como o local para ajustar as casas decimais. Aumente a precisão exibida durante a verificação. Evite alterar as dimensões do desenho apenas para deixar os números mais organizados: um redimensionamento pode modificar o conteúdo dos quadros.

Use as configurações corretas de alinhamento de pixels

Abra Exibir > Encaixe e ative Forçar alinhamento de pixels. O Affinity documenta que essa opção ajusta objetos vetoriais, nós, alças e áreas de seleção de pixels a pixels inteiros quando são criados, movidos ou modificados. Também alerta que o encaixe em um objeto, guia ou grade fora do pixel pode gerar um resultado fora do pixel; por isso, desative temporariamente os modos de encaixe conflitantes durante a correção. Consulte Forçar alinhamento de pixels.

Para corrigir uma posição fracionária existente, deixe Mover em incrementos de pixels inteiros desativado. Essa opção restringe a distância do movimento e pode preservar o deslocamento fracionário de um objeto. Por exemplo, somar 10 a X = 10,5 resulta em X = 20,5. O Affinity distingue explicitamente esse comportamento de Forçar alinhamento de pixels na mesma documentação de alinhamento de pixels.

Use o encaixe como auxílio durante a edição. Depois de mover ou ajustar o limite pertinente, confira novamente os valores numéricos. Ativar uma opção de encaixe, por si só, não garante que todos os objetos existentes tenham sido corrigidos.

Exporte a folha organizada por meio de uma única fatia exata

Para uma folha existente, uma fatia desenhada personalizada oferece uma forma documentada de controlar o retângulo exportado sem fazer as dimensões dependerem da extensão variável de um grupo de sprites. O Affinity recomenda especificamente usar o painel Transformar no Estúdio de fatias para posicionar a fatia com precisão e definir dimensões exatas. Consulte Exportar fatias.

  1. Abra Gerenciador de estúdios, ative a opção Estúdio de fatias, se necessário, e mude para esse estúdio. A ativação das entradas de Estúdio está documentada em Personalizar Estúdios.
  2. Selecione a Ferramenta Fatia e arraste um retângulo ao redor da folha já organizada. A ferramenta está disponível por padrão no Estúdio de fatias; seu atalho é S. Consulte Ferramenta Fatia.
  3. Com a fatia desenhada selecionada, use Transformar para definir a posição, a largura e a altura desejadas. Para a folha ilustrativa, use L = 256 px e A = 64 px, posicionando-a sobre os quatro quadros.
  4. Abra Janela > Geral > Fatias, expanda a entrada da fatia e escolha PNG como formato do arquivo. Confira a escala de tamanho e a resolução de saída exibida.
  5. Exporte o tamanho desejado usando o controle de exportação desse tamanho ou deixe marcada apenas a fatia desejada e use Exportar fatias. Escolha a pasta de destino e clique em Exportar.

A documentação do painel Fatias descreve a seleção de formato de arquivo, a escala de tamanho e as entradas de exportação marcadas. As instruções separadas para Exportar fatias distinguem a exportação de um tamanho, um formato ou todas as saídas de fatia marcadas. Para a primeira exportação de diagnóstico, escolha uma única saída PNG para que o arquivo inspecionado seja inequívoco.

Antes de exportar, confira as camadas visíveis dentro do retângulo. Uma fatia desenhada inclui o conteúdo delas. Se, em vez disso, você criar uma fatia a partir de um grupo ou camada, seus limites iniciais acompanharão a extensão desse item, e a saída conterá apenas o item de origem. Use o tipo de fatia adequado à folha desejada, conforme explicado em Exportar usando o Estúdio de fatias.

Preserve os espaços vazios intencionais dentro de cada quadro. No exemplo de quatro quadros, cada um deve manter sua área de 64 × 64, mesmo que o gráfico dentro dele seja bem menor. Ajustar a exportação apenas ao desenho visível alteraria a grade que você pretende entregar.

Confira o DPI antes de presumir que 1x corresponde à quantidade de pixels esperada

O Affinity documenta a relação entre o DPI do documento e os tamanhos 1x, 2x e 3x do Estúdio de fatias. O exemplo mostra um documento de 64 × 64 px sendo exportado como 64 × 64 em 1x quando o documento está em 72 ou 96 DPI. Em 144 DPI, a saída documentada em 1x é 32 × 32, enquanto 2x produz 64 × 64. Consulte a tabela em Exportar usando o Estúdio de fatias.

Confira a resolução exibida na fatia e as dimensões do arquivo resultante. Se a escala explicar a diferença, ajuste a configuração de exportação antes de modificar o tamanho dos quadros. Alterar a geometria da folha para compensar uma configuração de escala de exportação torna o arquivo de origem mais difícil de manter.

Use a caixa de diálogo Exportar quando a folha já preencher uma prancheta

Se a folha inteira ocupar uma prancheta, você pode usar Arquivo > Exportar > Exportar, escolher uma predefinição PNG e definir Área como essa prancheta pelo nome. Confira a prévia e as dimensões de saída, escolha Perguntar localização, exporte e salve. Mostrar no Finder pode revelar o destino depois. Essas são as etapas atuais para Mac em Caixa de diálogo Exportar.

Escolha a área deliberadamente. A documentação atual de Configurações de exportação informa que a saída do documento inteiro, quando ele contém pranchetas, produz arquivos de imagem separados para cada prancheta. Exportar várias pranchetas dessa forma não as reúne em uma única imagem de folha de sprites. Para uma única folha, organize os quadros dentro de um só retângulo desejado e exporte esse retângulo.

A caixa de diálogo Exportar também permite definir largura e altura alternativas de saída, com bloqueio da proporção. Use esses campos para conferir as dimensões desejadas. Evite forçar uma saída de 256 × 65 para 256 × 64 como primeira correção: alterar as dimensões de saída pode reamostrar a imagem, em vez de corrigir o limite original. O Affinity descreve esses controles de tamanho e reamostragem em Configurações de exportação.

Considere as limitações de formato e exportação

PNG é uma escolha adequada quando a folha precisa de transparência; o Affinity lista explicitamente o suporte à transparência de PNG em Formatos de arquivo compatíveis. Se você ampliar intencionalmente desenhos de pixel com bordas nítidas, o Affinity descreve Vizinho mais próximo como a opção de reamostragem para imagens com bordas nítidas. Essa é uma escolha de escala, não uma correção para um retângulo de exportação posicionado incorretamente. Consulte Configurações de exportação.

Confira também Incluir sangria, quando disponível. O Affinity documenta essa opção para PNG e informa que ativá-la inclui a área de sangria configurada no documento. Deixe-a desativada quando a saída desejada corresponder exatamente ao retângulo da grade de sprites. A mesma documentação alerta que uma exportação que exceda as dimensões máximas de um formato será reduzida para caber, com um aviso na caixa de diálogo Exportar. Consulte Configurações de exportação.

O fluxo de trabalho documentado para fatias exporta áreas definidas; ele não oferece instruções para empacotamento automático de quadros, temporização de animação ou metadados genéricos de atlas de sprites. Em particular, o Criador de lotes é documentado especificamente para lotes JSON do Xcode a partir de fatias de ícones da Apple. Para esta tarefa, o caminho compatível é organizar os quadros manualmente e exportar o retângulo que os contém, em vez de usar o Criador de lotes como gerador de atlas. Consulte Painel Fatias.

Confira o PNG corrigido antes de alterar qualquer outra coisa

Abra a nova exportação separadamente e confirme três coisas: suas dimensões exatas em pixels, as linhas e colunas externas e os limites dos quadros. Na folha ilustrativa de 256 × 64, as divisões verticais entre quadros devem ficar a 64, 128 e 192 pixels da borda esquerda. Esses valores decorrem diretamente do layout de quatro quadros descrito.

Se o arquivo agora tiver o tamanho correto, mas ainda houver um pixel indesejado, inspecione o conteúdo visível de origem nesse local. Se ainda estiver um pixel maior, confira novamente a fatia selecionada, os valores X/Y/L/A, a escala de saída e a configuração de sangria. Essa sequência separa um problema de limite de um problema de conteúdo sem redimensionar o desenho repetidamente.

Mantenha o retângulo de exportação corrigido e a configuração de exportação junto ao documento. O resultado desejado é um PNG cujas dimensões e grade de quadros correspondam ao layout planejado. Quando as duas verificações forem aprovadas, não será necessário remover às cegas uma linha ou coluna do arquivo final.

Fontes