Come evitare le linee in alto e i bordi a sinistra dei file png esportati da Illustrator

15

Quando esporto la grafica di Illustrator come file png, ottengo un bordo grigio di un pixel sui bordi superiore e sinistro.

Non esiste alcun oggetto di sfondo, ma esporto (Salva per Web e dispositivi) con uno sfondo bianco opaco e senza trasparenza. Ho anche provato con un oggetto di sfondo bianco, che è stato agganciato alla tavola da disegno e anche più grande della tavola da disegno di 10 pixel in ogni direzione. Ho ancora le linee in alto e a sinistra dell'immagine esportata.

Ho anche provato a creare un nuovo file, con la tavola da disegno in unità di pixel, e ho selezionato l'opzione per fare in modo che gli oggetti si agganciassero alla griglia di pixel, quindi copiando e incollando il disegno dal file originale. Ho ancora le linee.

adobe-illustrator export

— Paradroid
fonte

3

Puoi pubblicare uno dei file in modo che possiamo dare un'occhiata?

— Farray

12

Dopo molte lacrime di capelli, il seguente funziona per me:

Seleziona Visualizza> Anteprima pixel .
Visualizza> Aggancia a Pixel dovrebbe essere spuntato.
Dovresti usare le tavole da disegno
Le tavole da disegno dovrebbero essere disposte da Illustrator non da te, quindi se hai creato, copiato o posizionato uno qualsiasi: Oggetti> Tavole da disegno> Riorganizza e scegli un valore di pixel intero per la spaziatura. Questo posizionerà le tavole da disegno in pixel esatti.
Scegli Visualizza> Anteprima pixel e controlla i bordi del disegno per l'antialiasing indesiderato. A volte aiuta a estendere le forme oltre i bordi della tavola da disegno.
Quando sei soddisfatto dell'aspetto, scegli Archivio> Esporta e seleziona Usa tavole da disegno
La selezione del tipo di antialiasing sembra avere un effetto limitato su questo problema, ma influirà sull'aspetto della grafica.

— Undistraction
fonte

Consiglierei di usare le fette anziché le tavole da disegno. Le sezioni sono sempre allineate al contorno dei pixel, le tavole da disegno no.

— Marc Edwards,

2

@MarcEdwards Anche se questo è vero, purtroppo le sezioni sono troppo complicate e difficili da usare. Le tavole da disegno sono allineate ai pixel se lasci che Illustrator le disponga.

— Distrazione

1

Nel mio caso, devo ridimensionare la mia tavola da disegno per avere le dimensioni esatte dei pixel PRIMA DI Riorganizzarli , ad esempio larghezza = 50, altezza = 40 (non qualcosa come 40.3333). E per i rettangoli all'interno delle tavole da disegno, devono avere un valore intero per x, y position e ODD INTEGER per larghezza e altezza (es. 171, 135, non 170, 134)

— Hải Phong,

1

ODD INTEGER è dovuto alla posizione x, y nella posizione di ancoraggio predefinita (al centro) del rettangolo. Scegli una posizione di ancoraggio diversa (ad es. In basso a sinistra) e le tue coordinate diventeranno pari.

— Henry Chan,

Sei un genio. Grazie per strapparti i capelli, quindi non devo.

— Aron,

1

Sulla base di una domanda duplicata che è stata appena chiusa, direi che il problema è che la tua grafica non è allineata ai pixel, quindi hai un artefatto anti-alias che appare. Prova a creare un nuovo documento, attivando "Allinea nuovi oggetti alla griglia pixel" e ricrea.

— Alan Gilbertson
fonte

1

Purtroppo questo fa parte della soluzione. Vedi la mia risposta

— Distrazione

1

Se ricordo bene, scegliere "usa tavole da disegno" quando si esporta elude questa situazione.

— George C.
fonte

-2

ho avuto lo stesso problema e mi sono reso conto di aver impostato il mio documento con un bleed, quindi quando ho disabilitato bleeds e ho provato a esportare di nuovo in PNG, non ho avuto problemi con la visualizzazione del bordo bianco. fai clic su "usa tavole da disegno" all'esportazione.

— bhenderson
fonte