Comment éviter les lignes en haut et à gauche des fichiers png exportés depuis Illustrator


15

Lorsque j'exporte une illustration Illustrator sous forme de fichier png, j'obtiens une bordure grise d'un pixel sur les bords supérieur et gauche.

Il n'y a pas d'objet d'arrière-plan, mais j'exporte (Enregistrer pour le Web et les appareils) avec un fond blanc mat et sans transparence. J'ai également essayé avec un objet à fond blanc, avec un cliché sur le plan de travail et également plus grand que le plan de travail de 10 pixels dans chaque direction. J'ai toujours les lignes en haut et à gauche de l'image exportée.

J'ai également essayé de créer un nouveau fichier, avec le plan de travail en unités de pixels, et sélectionné l'option pour que les objets s'accrochent à la grille de pixels, puis copiant et collant l'illustration à partir du fichier d'origine. J'ai toujours les lignes.


3
Pouvez-vous publier l'un des fichiers afin que nous puissions y jeter un œil?
Farray

Réponses:


12

Après beaucoup de cheveux déchirés, les travaux suivants me conviennent:

  1. Sélectionnez Affichage> Aperçu des pixels .
  2. Afficher> Snap to Pixel doit être coché.
  3. Vous devez utiliser des plans de travail
  4. Les plans de travail doivent être disposés par Illustrator et non par vous, donc si vous en avez créé, copié ou positionné: Objets> Plans de travail> Réorganiser et choisissez une valeur de pixel entière pour l'espacement. Cela mettra les plans de travail en pixels exacts.
  5. Choisissez Affichage> Aperçu des pixels et vérifiez les bords de l'illustration pour l'anti-crénelage indésirable. Il est parfois utile d'étendre les formes au-delà des bords du plan de travail.
  6. Lorsque vous êtes satisfait de son apparence, choisissez Fichier> Exporter et cochez Utiliser les plans de travail
  7. La sélection du type d'anticrénelage semble avoir peu d'effet sur ce problème, mais affectera l'apparence de votre illustration.

Je recommanderais d'utiliser des tranches plutôt que des plans de travail. Les tranches sont toujours alignées sur les limites des pixels, contrairement aux plans de travail.
Marc Edwards

2
@MarcEdwards Bien que cela soit vrai, les tranches sont malheureusement trop compliquées et difficiles à utiliser. Les plans de travail sont alignés en pixels si vous laissez Illustrator les disposer.
Undistraction

1
Dans mon cas, je dois redimensionner mon plan de travail pour avoir la taille exacte des pixels AVANT DE LES RÉARRANGER , par exemple largeur = 50, hauteur = 40 (pas quelque chose comme 40,3333). Et pour les rectangles à l'intérieur des plans de travail, ils doivent avoir une valeur entière pour la position x, y et une valeur ODD INTEGER pour la largeur et la hauteur (par exemple 171, 135, pas 170, 134)
Hải Phong

1
L'ODD INTEGER est dû au fait que votre position x, y est à l'emplacement d'ancrage par défaut (le centre) du rectangle. Choisissez un emplacement d'ancrage différent (par exemple en bas à gauche) et vos coordonnées tourneront même.
Henry Chan

Tu es un génie. Merci d'avoir arraché vos cheveux, donc je n'ai pas à le faire.
Aron

1

Sur la base d'une question en double qui vient d'être fermée, je dirais que le problème est que votre graphique n'est pas aligné sur les pixels, vous avez donc un artefact anti-alias qui apparaît. Essayez de créer un nouveau document, en activant «Aligner les nouveaux objets sur la grille de pixels» et recréez.


1
Malheureusement, cela fait partie de la solution. Voir ma réponse.
Undistraction

1

Si je me souviens bien, choisir "utiliser les plans de travail" lors de l'exportation contourne cette situation.


-2

J'ai eu le même problème et j'ai réalisé que j'avais configuré mon document avec un fond perdu, donc quand j'ai désactivé les fonds perdus et essayé à nouveau d'exporter en PNG, je n'ai eu aucun problème avec la bordure blanche. cliquez sur "utiliser les plans de travail" lors de l'exportation.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.