Como evitar linhas nas bordas superior e esquerda de arquivos png exportados do Illustrator

15

Quando exporto o trabalho artístico do Illustrator como um arquivo png, recebo uma borda cinza de um pixel nas bordas superior e esquerda.

Não há objeto em segundo plano, mas eu exporto (Salvar para Web e Dispositivos) com fundo branco fosco e sem transparência. Também tentei com um objeto de fundo branco, que se encaixou na prancheta e também maior que a prancheta em 10 pixels em cada direção. Ainda tenho as linhas na parte superior e esquerda da imagem exportada.

Também tentei criar um novo arquivo, com a prancheta em unidades de pixel, e selecionei a opção de fazer com que os objetos se ajustassem à grade de pixels, e depois copiar e colar a arte do arquivo original. Eu ainda tenho as linhas.

adobe-illustrator export paradroid
fonte
3
Você pode postar um dos arquivos para que possamos dar uma olhada?
Farray

Respostas:

12

Depois de muito rasgar o cabelo, o seguinte funciona para mim:

  1. Selecione Exibir> Visualização de pixel .
  2. Exibir> Ajustar ao pixel deve estar marcado.
  3. Você deve usar pranchetas
  4. As pranchetas devem ser dispostas pelo Illustrator e não por você; portanto, se você criou, copiou ou posicionou alguma: Objetos> Pranchetas> Reorganizar e escolha um valor inteiro de pixel para espaçamento. Isso colocará as pranchetas em pixels exatos.
  5. Escolha Exibir> Visualização de pixel e verifique se há suavização de serrilhado indesejada nas bordas do trabalho artístico. Às vezes, ajuda a estender as formas além das bordas da prancheta.
  6. Quando estiver satisfeito com a aparência, escolha Arquivo> Exportar e marque Usar pranchetas
  7. A seleção do tipo de suavização de borda parece ter pouco efeito sobre esse problema, mas afetará a aparência da obra de arte.
Undistraction
fonte
Eu recomendo o uso de fatias em vez de pranchetas. As fatias estão sempre alinhadas com o limite de pixels, as pranchetas não.
Marc Edwards
2
@ MarcEdwards Embora isso seja verdade, infelizmente as fatias são muito complicadas e difíceis de usar. As pranchetas são alinhadas por pixels se você permitir que o Illustrator as expanda.
Undistraction
11
No meu caso, devo redimensionar minha prancheta para ter o tamanho exato do pixel ANTES DE REARRANGENÁ- las, por exemplo, width = 50, height = 40 (não algo como 40.3333). E por rectângulos dentro pranchetas, eles devem ter valor inteiro de x, y e posição TDO INTEIRO valor de largura e altura (por exemplo, 171, 135, 170 não, 134)
Haiphong
11
O ODD INTEGER se deve à sua posição x, y estar no local padrão da âncora (o centro) do retângulo. Escolha um local de ancoragem diferente (por exemplo, canto inferior esquerdo) e suas coordenadas ficarão uniformes.
Henry Chan
Você é um gênio. Obrigado por arrancar o cabelo para não precisar.
Aron
1

Com base em uma pergunta duplicada que acabou de ser encerrada, eu diria que o problema é que seu gráfico não está alinhado com pixels, portanto, você tem um artefato anti-alias aparecendo. Tente criar um novo documento, ativando "Alinhar novos objetos à grade de pixels" e recrie.

Alan Gilbertson
fonte
11
Infelizmente, isso faz parte da solução. Veja minha resposta.
Undistraction
1

Se bem me lembro, escolher "usar pranchetas" ao exportar contorna essa situação.

George C
fonte
-2

Eu tive o mesmo problema e percebi que havia configurado meu documento com uma sangria, então, quando desabilitei a sangria e tentei exportar novamente para PNG, não tive problema com a borda branca aparecendo. clique em "usar pranchetas" na exportação.

bhenderson
fonte