L'image est embossée une fois convertie en SVG


35

J'ai converti une image raster en vecteur d'Illustrator CS6 à l'aide de l'option Trace, puis de l'option Développer, bien que, lorsque j'enregistre sous un format SVG, l'image paraisse en relief. Je suppose que cela est dû au fond blanc de la couche et au fait que les chemins ne s'alignent pas, mais je ne sais pas comment le corriger ou prouver cette théorie sans devoir ajuster manuellement chaque chemin.

Voici à quoi cela ressemble dans Illustrator avant de l'exporter:

entrez la description de l'image ici

L'image ressemble à ceci lorsqu'elle est enregistrée / exportée avec l'option art optimisée:

entrez la description de l'image ici


Quel est votre processus d'image raster en SVG? Je suppose que vous utilisez la trace d'image. Pourriez-vous poster des captures d'écran de l'image raster et de la trace d'image avant de développer ou d'exporter?
Cai

@CaiMorris J'ai modifié ma question pour y inclure une capture d'écran de son apparence dans Illustrator et une note sur Image Trace.
CreativeMind

Pouvez-vous télécharger à nouveau ces images, si vous les avez toujours? Le site Web que vous avez utilisé pour les héberger est en panne.
MD XF

1
Remarque: @WELZ a ajouté une nouvelle image.
joojaa

Réponses:


43

Ils sont appelés des artefacts de fusion, si vous voulez voir comment réagissent les différents vecteurs, voir ici . Si vous voulez comprendre la raison technique de certaines discussions, voir ici . En gros, la confusion se produit parce que nous convertissons la couverture en opacité, et cela ne fonctionne pas. Si vous sautez l'anti-aliasing basé sur la couverture, vous ne rencontrerez aucun problème de confusion *, pour la même raison, le super-échantillonnage ne pose aucun problème.

Pour contourner ce problème, il convient de toujours laisser l'objet derrière se chevaucher avec l'objet ci-dessus. Pensez à cela comme si vous superposiez manuellement des morceaux de papier les uns sur les autres. Si vous coupez une forme avec des ciseaux qui correspond exactement au trou d'une autre forme, vous obtiendrez un écart et il sera difficile de les aligner. Sur l'ordinateur, en raison d'une hypothèse erronée, un avantage partagé parfait est une mauvaise idée.

Préfère ne pas couper la forme ci-dessous

Image 1 : Préférez ne pas couper ou partager les bords avec la forme ci-dessous.

Cette technique de chevauchement doit être prise en compte au début du processus. Et cela signifie que vous ne devez pas utiliser de découpage fractionné ni de fusion dans Pathfinder si vous visez une publication Web. Le cas a été discuté dans cette réponse , c'est presque dupliquer.

Dans votre cas spécifique, la solution rapide consisterait à appliquer un léger décalage sur chacun des chemins. Sélectionnez tout et choisissez Effet → Tracé → Décalage, puis entrez une petite valeur. De plus, vous pouvez organiser les couleurs de manière à ce que la couleur la plus sombre soit à l'avant.

* Pour cette raison, une imprimante n'aurait pas de problème. En fait, la découpe est importante pour le procédé d'impression sur plaque.


4
@joojaa On dirait que le problème est lié aux artefacts, merci pour cette formation. J'ai essayé l' option Chemin décalé , mais j'ai fini par ouvrir le fichier d'origine, puis à nouveau essayer le traçage d'image et trouvé une option de réglage avancé sous Traçage d'image , appelée Méthode , qui modifiait les chemins d'accès en empilement.
CreativeMind

2
Un bel effet secondaire (IMHO) est que l’image de gauche a moins de points, le SVG résultant serait donc plus petit. :)
Andrea Lazzarotto
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.