Por que Helvetica [Neue] parece absolutamente horrível no Illustrator?

A Helvetica sempre pareceu horrível no Illustrator CS4 + no meu Mac, incluindo todas as versões do sistema operacional, independentemente do tamanho ou das unidades. Abaixo estão as capturas de tela do Helvetica em 12px, 24px e 36px.

Existe uma maneira de combater isso? Outras fontes parecem ótimas, mas Helvetica (Neue ou não) sempre parece horrível, como se a renderização de subpixel estivesse desativada.

Primeiro, duas causas comuns de texto desequilibrado, desalinhado e desarticulado, onde os caracteres não se alinham ou dimensionam corretamente em relação um ao outro, que não são as causas nesse caso específico :

• Desalinhamento da grade de pixels. As versões mais recentes do Illustrator têm a opção 'Alinhar à grade de pixels', mas isso afeta tudo e tem consequências como impedir larguras de traçado inferiores a 1 pt. Você pode alinhar objetos individuais em pixels sem outras consequências com o script Alinhamento de pixels (download) do Wundes .
• Verifique novamente se o texto não está muito ligeiramente girado, pois isso deixará a dica louca.

Esse caso específico , no entanto, é uma combinação do tipo específico de anti-aliasing e sugestão. No Illustrator CS5 +, há opções de como o tipo é anti-aliasing semelhante ao do Photoshop, para que possamos comparar as combinações (as linhas superiores são 10 Helvetica Neue Light, as linhas inferiores 14pt), das quais o CS4 parece usar apenas 'Sharp':

Com dicas (ou seja, visualização na tela ou, no CS5 +, salve na Web com "Tipo otimizado" selecionado)

Sem dicas (ou seja, 'Arte otimizada', salve na web ou menos que CS4, salve na web):

Você pode ver a distorção feia, abaixando letras de topo plano e levantando letras de topo redondo, aparecendo quando a dica está ativada e quando o anti-aliasing é 'Nítido' , independentemente de o objeto estar alinhado à grade de pixels - porque a dica (ajustar detalhes para ajustar a grade de pixels) está acontecendo no nível de cada detalhe de cada caractere, não no objeto de texto em si.

(Não consigo encontrar nada explicando exatamente o que cada método de suavização de serrilhado faz - parece que 'Crisp' e 'Strong' podem realmente estar desativando a dica do Illustrator, ou pelo menos, diminuindo-a)

Observe também como alinhar o objeto de texto à grade de pixels faz uma pequena diferença quando a dica está desativada (por exemplo, o "il" no Evil no caso Sharp). Mas há uma certa quantidade de aleatoriedade nisso. Às vezes será uma melhoria, às vezes poderá piorar a renderização do texto, às vezes não fará diferença.

No CS6, você tem controle sobre essas coisas. No CS4 para texto em imagem para saída da Web, a solução alternativa que eu recomendo é copiar as capturas de tela da visualização na tela em 100% para o Photoshop quando você desejar sugestões e usar Salvar para a Web mais o script Alinhar pixels quando desejar não queira dicas e, quando apropriado, combine as duas imagens no Photoshop, sobrepondo-as e apagando as áreas de uma onde você deseja renderizar a outra. Ou aplique o texto no Photoshop e faça uso de seus controles de suavização de serrilhado.

O texto sugerido geralmente é melhor para facilitar a leitura, mas em alguns casos como esse, ele dá muito errado ...

O Adobe Illustrator e o Adobe Photoshop não usam antialiasing de subpixel. Esse é um dos motivos pelos quais os dois tendem a renderizar o tipo pior que o texto da interface do usuário no OS X. As páginas da Web no Safari, Chrome e Firefox também são processadas com antialiasing de subpixel na maioria dos casos também (depende da página da web, técnicas e CSS embora).

De fato, o OS X não usa antialiasing de subpixel em todos os momentos, apenas quando a renderização está em um fundo opaco:

O texto só pode ser desenhado usando antialiasing de sub-pixel quando é composto em um plano de fundo opaco existente ao mesmo tempo em que é rasterizado.

- Referência da classe CATextLayer da Apple

Além disso, a Adobe usa um mecanismo de renderização de texto diferente do OS X e do Windows, presumivelmente para que eles possam ter resultados consistentes entre plataformas.

Não sei por que a Helvetica Neue é particularmente ruim ou diferente. Provavelmente é apenas um sintoma de diferenças maiores.

Minha sugestão é abrir o arquivo no Apple Preview de vez em quando. Tem uma renderização de texto muito melhor. Isso permite que você pelo menos contorne o problema até decidir exportar.

O texto renderizado na tela geralmente possui algum nível de sugestão e suavização de serrilhado aplicado. Ambos destinam-se a tornar o texto mais legível na tela.

O Illustrator aqui está aplicando um nível diferente de sugestão ou suavização de serrilhado ao que você normalmente vê em seu sistema operacional, para que pareça diferente (e para você pareça errado, pois há muita pesquisa sobre o assunto de pessoas se acostumando) o sistema operacional escolhido renderiza texto e tudo parece errado).

A boa notícia é que geralmente não importa para o resultado final; quando no Illustrator, você se preocupa mais com a saída vetorial produzida, não com a aparência no Illustrator rasterizada para sua tela. Se o Illustrator o tornasse muito mais "agradável" para você, ainda assim não forneceria uma visualização muito boa do que seria a saída, pois a exibição rasterizada da tela é um fator limitante; para obter uma boa visualização das formas das letras, você precisa aumentar muito o zoom e obter uma boa visualização da aparência da impressão - é necessário imprimi-la.

A suavização de serrilhado do texto na tela ajuda a evitar formas feias de letras como resultado da rasterização, mas existem vários tipos de suavização de serrilhado. Atualmente, a maioria dos sistemas operacionais utiliza antialiasing de sub-pixel, que é o tipo mais "nítido" porque triplica a resolução horizontal, enquanto sua amostra não mostra anti-aliasing de sub-pixel. Como resultado, as "hastes" verticais não parecem muito nítidas em tamanhos pequenos.

A sugestão de texto na tela ajuda a tornar as hastes e barras do texto mais distintas e mais nítidas, deslocando-as para alinhar com a grade de pixels. Os sistemas operacionais variam muito em seu nível de sugestão, com o Windows fazendo isso muito fortemente e o Mac OS X quase sem fazer nada. Como conseqüência, qualquer coisa diferente do que você está acostumado provavelmente parece errada (assim como sugestões ruins também parecem erradas). As amostras que você forneceu mostram um texto com muita sugestão e o erro na parte superior do "x" minúsculo me leva a acreditar que o Illustrator está dando uma dica automática . A sugestão automática pode fazer com que algumas fontes pareçam OK e outras com uma aparência muito ruim. Especialmente se você costuma usar o Mac OS X, isso parecerá errado para você de qualquer maneira.

De qualquer forma, como dito, isso não afeta o resultado final.

Parece muito bom no meu computador:

Dadas as limitações do texto rasterizado, isso é o melhor possível. Tipos de letra diferentes são mais adequados para tamanhos de fonte pequenos e, a menos que você tenha renderização com subpixel, disponível apenas para renderizações específicas de dispositivo (por exemplo, página da web e texto da interface do usuário), será necessário conviver com o fato de que AA comum tem dificuldade com texto de alto contraste (e preto no branco é o mais alto contraste possível) em baixas resoluções, como monitores de desktop / laptop comuns de 72ppi.

Se você usa Helvetica para resoluções de impressão de 300 dpi + ou está renderizando em LCDs de alta resolução (ou apenas grandes LCDs de 72 PPI regulares projetados para serem vistos à distância), isso não é problema.