¿Cómo evito las líneas en los bordes superior e izquierdo de los archivos png exportados desde Illustrator?

15

Cuando exporto ilustraciones de Illustrator como un archivo png, obtengo un borde gris de un píxel en los bordes superior e izquierdo.

No hay ningún objeto de fondo, pero exporto (Guardar para Web y Dispositivos) con fondo blanco mate y sin transparencia. También probé con un objeto de fondo blanco, que se ajustaba a la mesa de trabajo y también era más grande que la mesa de trabajo en 10 píxeles en cada dirección. Todavía tengo las líneas en la parte superior e izquierda de la imagen exportada.

También intenté crear un nuevo archivo, con la mesa de trabajo en unidades de píxeles, y seleccioné la opción para que los objetos se ajustaran a la cuadrícula de píxeles, y luego copié y pegué la ilustración del archivo original. Todavía tengo las líneas.

adobe-illustrator export

— paradroid
fuente

3

¿Puedes publicar uno de los archivos para que podamos echar un vistazo?

— Farray

12

Después de mucho desgarro del cabello, lo siguiente me funciona:

Seleccione Ver> Vista previa de píxeles .
Ver> Ajustar a píxel debe estar marcado.
Deberías usar Artboards
Illustrator debe diseñar las mesas de trabajo, no usted, por lo que si ha creado, copiado o posicionado alguno: Objetos> Mesas de trabajo> Reorganizar y elija un valor de píxel completo para el espaciado. Esto colocará las mesas de trabajo en píxeles exactos.
Elija Ver> Vista previa de píxeles y compruebe los bordes de la ilustración en busca de suavizado no deseado. A veces ayuda a extender formas más allá de los bordes de la mesa de trabajo.
Cuando esté satisfecho con su aspecto, elija Archivo> Exportar y marque Usar mesas de trabajo
La selección del tipo de antialias parece tener poco efecto en este tema, pero afectará la apariencia de su obra de arte.

— Distracción
fuente

Recomiendo usar Slices en lugar de Artboards. Las secciones siempre están alineadas con los límites de píxeles, las mesas de trabajo no.

— Marc Edwards

2

@MarcEdwards Si bien esto es cierto, desafortunadamente las rebanadas son demasiado complicadas y difíciles de usar. Las mesas de trabajo están alineadas en píxeles si deja que Illustrator las distribuya.

— Desvío

1

En mi caso, debo cambiar el tamaño de mi mesa de trabajo para que tenga un tamaño de píxel exacto ANTES DE RECARGARLOS, por ejemplo, ancho = 50, altura = 40 (no algo así como 40.3333). Y para los rectángulos dentro de las mesas de trabajo, deben tener un valor entero para la posición x, y y el valor INTEGER ODD para el ancho y la altura (por ejemplo, 171, 135, no 170, 134)

— Hải Phong

1

ODD INTEGER se debe a que su posición x, y está en la ubicación de anclaje predeterminada (el centro) del rectángulo. Elija una ubicación de anclaje diferente (p. Ej., Abajo a la izquierda) y sus coordenadas se nivelarán.

— Henry Chan

Eres un genio. Gracias por arrancarte el pelo para no tener que hacerlo.

— Aron

1

Basado en una pregunta duplicada que acaba de cerrarse, diría que el problema es que su gráfico no está alineado con píxeles, por lo que aparece un artefacto anti-alias. Intente crear un nuevo documento, active "Alinear nuevos objetos a la cuadrícula de píxeles" y vuelva a crear.

— Alan Gilbertson
fuente

1

Lamentablemente esto es parte de la solución. Mira mi respuesta.

— Desvío

1

Si no recuerdo mal, elegir "usar mesas de trabajo" al exportar evita esta situación.

— George C
fuente

-2

Tuve el mismo problema y me di cuenta de que había configurado mi documento con un sangrado, así que cuando desactivé los sangrados e intenté exportar nuevamente a PNG, no tuve ningún problema con la aparición del borde blanco. haga clic en "usar mesas de trabajo" en la exportación.

— Bhenderson
fuente