Vetores: Como você lida com o 'derramamento' de fundo nas bordas sobrepostas?

Ao cobrir uma forma de vetor com outra; se as bordas se sobrepuserem, a cor da forma de plano de fundo será usada como um efeito pseudo-anti-alias (aparência desagradável) na borda da forma de primeiro plano, em vez de a cor da forma de primeiro plano se misturar com a cor do que estiver fora das duas formas. (Uau, não tenho certeza se fiz algum sentido em descrever isso.)

Eu posso lidar com isso acontecendo no Illustrator, mas por que isso também ocorre em qualquer formato vetorial exportado? Por exemplo, ao renderizar logotipos no formato .EPS, como você lida com esse fenômeno irritante? Existe alguma maneira de contorná-lo sem precisar compensar manualmente (prender?) A borda do objeto de plano de fundo para não obter esse efeito indesejado?

Escolher "Salvar para a Web" no Illustratos parece sempre render resultados perfeitos. Mas, de alguma forma (talvez alguém possa explicar a razão técnica), os formatos de vetor não consideram o objeto por trás inteiramente coberto pelo objeto mais à frente (isto é, desconsideram a borda inferior do objeto), mas insistem em "derramar" sua cor na borda do objeto mais à frente.

Para finalizar:

Estou procurando principalmente conselhos / abordagens ao lidar com isso, especialmente no contexto da criação de logotipo, onde os produtos finais podem ser solicitados com frequência no formato .EPS, além dos formatos normais de bitmap.

EDIT: uma coisa que acho interessante é que, ao fazer o "Save for Web" e alternar entre Art Optimized e Type Optimized, o último também exibirá esse fenômeno indesejado.

Este não é realmente um problema do Illustrator, mas um problema geral quando a arte vetorial é rasterizada. A exibição de arte vetorial em uma tela baseada em pixel envolve a rasterização, assim como a exportação de arte vetorial para um formato de imagem baseado em pixel.

Por que o "Save for Web" é melhor nisso? Difícil dizer, mas pode exigir cálculos relativamente lentos e complexos para obter o melhor resultado, o que seria inaceitavelmente lento se aplicado em tempo real durante a edição.

Eu imagino que existem trabalhos acadêmicos sobre isso, se você quiser aprofundar o assunto.

Ao fornecer logotipos vetoriais, seria definitivamente uma prática recomendada eliminar a possibilidade de ocorrência do problema.

Nos seus exemplos, você pode deslocar o objeto de primeiro plano para cima e para a esquerda ou subtrair uma cópia do objeto de primeiro plano do objeto de segundo plano e garantir que nenhum vestígio do objeto de segundo plano permaneça no canto superior esquerdo.

Fiz alguns testes duplicando seu cenário no AI CS5.1, e o efeito de franja era (quase) visível na minha grande tela de cinema buzinando quando diminui o zoom, mas não é visível quando aumenta o zoom. Meu monitor secundário tem um tom mais grosso que o Big Cara, e era mais visível lá. Isso tende a confirmar o que eu suspeitava ser o problema e é mais ou menos o que o e100 apontou: este é um artefato de antialiasing do aplicativo na resolução relativamente grossa do seu monitor. É um pouco como as linhas finas que às vezes aparecem em PDFs e fazem com que os clientes façam ligações frenéticas para o designer.

Por razões óbvias, o efeito é visível principalmente nas bordas curvas e diagonais, não existe nas bordas verticais e horizontais que caem nos limites dos pixels e está presente quando uma borda cai entre os pixels, forçando a suavização de serrilhado.

Você pode atenuar o problema marcando "Alinhar novos objetos à grade de pixels" na seção "Avançado" da caixa de diálogo Novo arquivo, mas descobri que o efeito desapareceu completamente quando desliguei "Arte anti-alias" na Preferences > Generalseção. Você acaba com "jaggies", mas sem artefatos de cores falsas.

Não aparece no SfW porque não está realmente lá. Também não está no PDF se você aumentar o zoom . O PDF "sabe" que há uma forma por trás e tenta neutralizá-lo na resolução da tela, para que apareça em tamanhos pequenos de imagem e desapareça à medida que você aumenta o zoom. Ele também não será exibido na exportação para jpeg se você alterar "Otimizado para texto (dica)" na caixa de diálogo de exportação para "Otimizado para arte".

O SVG está à mercê do mecanismo de renderização do navegador. Nenhum deles (IE9, Chrome, FF, Opera e Safari) está à altura da tarefa, com base nos meus testes. O EPS, da mesma forma, é processado de acordo com o aplicativo, mas será impresso ou exportado para formatos rasterizados sem problemas.

Eu sugeriria tentar algumas coisas:

• Desloque o objeto superior apenas o suficiente para cobrir essa linha extra
• Adicione uma borda ao objeto superior da mesma cor que o preenchimento.

Usar o Illustrator é tanto criar a ilusão de forma quanto criar a própria forma, e isso requer um pouco de estratégia para funcionar corretamente.

Perguntar por que o Illustrator faz isso não pode ser respondido.