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

12

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

Selecione Exibir> Visualização de pixel .
Exibir> Ajustar ao pixel deve estar marcado.
Você deve usar pranchetas
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.
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.
Quando estiver satisfeito com a aparência, escolha Arquivo> Exportar e marque Usar pranchetas
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