¿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

Respuestas:

12

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

  1. Seleccione Ver> Vista previa de píxeles .
  2. Ver> Ajustar a píxel debe estar marcado.
  3. Deberías usar Artboards
  4. 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.
  5. 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.
  6. Cuando esté satisfecho con su aspecto, elija Archivo> Exportar y marque Usar mesas de trabajo
  7. 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