L'immagine appare in rilievo quando convertita in SVG


35

Ho convertito un'immagine raster in vettoriale in Illustrator CS6 usando Image Trace, quindi l'opzione Espandi, anche se quando salvo come svg l'immagine appare in rilievo. Sospetto sia dovuto al fatto che lo sfondo del livello è bianco e che i percorsi non si allineano, ma non sono sicuro su come risolverlo o dimostrare tale teoria senza dover regolare manualmente ogni percorso.

Ecco come appare in Illustrator prima di esportarlo:

inserisci qui la descrizione dell'immagine

L'immagine appare così quando viene salvata / esportata con un'opzione ottimizzata per l'arte:

inserisci qui la descrizione dell'immagine


Qual è il tuo processo dall'immagine raster a SVG? Suppongo che tu usi la traccia dell'immagine. Potresti pubblicare schermate dell'immagine raster e della traccia dell'immagine prima di espanderla o esportarla?
Cai,

@CaiMorris Ho modificato la mia domanda per includere una schermata di come appare in Illustrator e una nota su Image Trace.
CreativeMind

Puoi ricaricare queste immagini se le hai ancora? Il sito Web che hai usato per ospitarli è inattivo.
MD XF,

1
Nota: @WELZ ha aggiunto una nuova foto.
joojaa,

Risposte:


43

Si chiamano artefatti di conflazione, se vuoi vedere come reagiscono i diversi motori vettoriali vedi qui . Se vuoi capire il motivo tecnico di qualche discussione, vedi qui . Fondamentalmente la conflazione si verifica perché convertiamo la copertura in opacità e ciò non funziona. Se dovessi saltare l'anti-aliasing basato sulla copertura, non avresti problemi di conflazione *, per lo stesso motivo il super campionamento non ha problemi.

Per aggirare questo problema, si dovrebbe sempre sovrapporre l'oggetto dietro con l'oggetto sopra. Pensa a questo come a sovrapporre manualmente pezzi di carta uno sopra l'altro. Se tagli una forma con le forbici che corrisponde esattamente al foro di un'altra forma, ottieni uno spazio vuoto e allinearlo è difficile. Sul computer a causa di un presupposto errato, un bordo condiviso perfetto è una cattiva idea.

Preferisco non tagliare la forma in basso

Immagine 1 : preferisci non tagliare o condividere i bordi con la forma in basso.

Questa tecnica di sovrapposizione dovrebbe essere presa in considerazione all'inizio del processo. Ciò significa che non dovresti usare il taglio diviso o l'unione in pathfinder, se miri alla pubblicazione sul web. Il caso è stato discusso in questa risposta , quasi duplicata.

Nel tuo caso specifico, la soluzione rapida sarebbe quella di applicare un leggero offset su ciascuno dei percorsi. Quindi seleziona tutto e scegli Effetto → Percorso → Offset percorso ... quindi digita un piccolo valore. Inoltre, è possibile disporre i colori in modo che il colore più scuro sia davanti.

* Per questo motivo una stampante non avrebbe problemi. In effetti, il taglio è importante per il processo di stampa della lastra.


4
@joojaa Sembra che il problema fosse legato ai manufatti, grazie per la scolarizzazione. Ho provato l' opzione Offset Path , ma ho finito per aprire il file originale e ho provato di nuovo Image Trace e ho trovato un'opzione di impostazione avanzata in Image Trace , chiamata Method , che ha cambiato i percorsi da ritaglio a impilati.
CreativeMind

2
Un piacevole effetto collaterale (IMHO) è che l'immagine a sinistra ha meno punti, quindi l'SVG risultante sarebbe più piccolo. :)
Andrea Lazzarotto,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.