A imagem parece em relevo quando convertida para SVG

35

Eu converti uma imagem rasterizada em vetor no Illustrator CS6 usando o Image Trace e a opção Expandir, mas quando eu salvo como svg, a imagem fica em relevo. Eu suspeito que é devido ao fundo da camada ser branco e os caminhos não estarem alinhados, mas não tenho certeza de como corrigi-lo ou provar essa teoria sem precisar ajustar manualmente todos os caminhos.

É assim que fica no Illustrator antes de exportá-lo:

insira a descrição da imagem aqui

A imagem fica assim quando salva / exportada com a opção otimizada para arte:

insira a descrição da imagem aqui

Mente criativa
fonte
Qual é o seu processo de imagem rasterizada para SVG? Suponho que você use rastreamento de imagem. Você poderia publicar capturas de tela da imagem rasterizada e do rastreamento da imagem antes de expandir ou exportar?
Cai
@CaiMorris Editei minha pergunta para incluir uma captura de tela da aparência no Illustrator e uma observação sobre o Image Trace.
CreativeMind
Você pode reenviar essas imagens, se ainda as tiver? O site que você usou para hospedá-los está inoperante.
MD XF
11
Nota: @WELZ adicionou uma nova foto.
31418 joojaa

Respostas:

43

Eles são chamados de artefatos de fusão, se você quiser ver como diferentes mecanismos de vetores reagem, veja aqui . Se você quiser entender o motivo técnico de alguma discussão, consulte aqui . Basicamente, a confusão acontece porque convertemos a cobertura em opacidade, e isso não funciona. Se você pular o anti-aliasing baseado em cobertura, não terá nenhum problema de conflação *, pelo mesmo motivo a super amostragem não apresenta problemas.

Para contornar esse problema, deve-se sempre deixar o objeto por trás se sobrepor ao objeto acima. Pense nisso como camadas de papel sobrepostas manualmente. Se você cortar uma forma com uma tesoura que corresponde exatamente ao buraco de outra forma, é possível obter uma lacuna e alinhá-las é difícil. No computador, devido a uma suposição incorreta, uma borda compartilhada perfeita é uma má idéia.

Prefira não cortar a forma abaixo

Imagem 1 : Prefira não cortar ou compartilhar bordas com a forma abaixo.

Essa técnica de sobreposição deve ser levada em consideração no início do processo. E isso significa que você não deve usar a divisão de corte ou mesclagem no pathfinder, se você deseja publicar na web. O caso foi discutido nesta resposta , que está quase duplicado.

No seu caso específico, a solução rápida seria aplicar um pequeno deslocamento em cada um dos caminhos. Então selecione tudo e escolha Efeito → Caminho → Caminho de deslocamento ... e digite um valor pequeno. Além disso, você pode organizar as cores para que a cor mais escura fique na frente.

* Por esse motivo, uma impressora não teria problemas. De fato, o corte é importante para o processo da chapa de impressão.

joojaa
fonte
4
@joojaa Parece que o problema estava relacionado aos artefatos, obrigado pela instrução. Tentei a opção Caminho do deslocamento , mas acabei abrindo o arquivo original, tentei o Image Trace novamente e encontrei uma opção de configuração avançada no Image Trace , chamada Method , que alterava os caminhos do recorte para o empilhado.
CreativeMind
2
Um bom efeito colateral (IMHO) é que a imagem à esquerda tem menos pontos, portanto o SVG resultante seria menor. :)
Andrea Lazzarotto