¿Por qué Helvetica [Neue] se ve absolutamente horrible en Illustrator?

Helvetica siempre se ha visto horrible en Illustrator CS4 + en mi Mac, incluidas todas las versiones del sistema operativo, independientemente del tamaño o las unidades. A continuación se muestran capturas de pantalla de Helvetica a 12px, 24px y 36px.

¿Hay alguna manera de contrarrestar esto? Otras fuentes se ven geniales, pero Helvetica (Neue o no) siempre se ve horrible, como si el renderizado de subpíxeles estuviera desactivado.

Primero, dos causas comunes de texto torcido, desalineado y desarticulado donde los caracteres no se alinean o dimensionan correctamente entre sí que no son las causas en este caso específico :

• Desalineación a la cuadrícula de píxeles. Las versiones más recientes de Illustrator tienen la opción 'Alinear a la cuadrícula de píxeles', pero afecta a todo y tiene consecuencias como evitar anchos de trazo de menos de 1 punto. Puede alinear píxeles objetos individuales sin otras consecuencias con la secuencia de comandos Pixel Align (descarga) de Wundes .
• Verifique que el texto no esté ligeramente girado, ya que esto hará que la sugerencia se vuelva loca.

Este caso particular , sin embargo, es una combinación del tipo particular de suavizado y sugerencias. En Illustrator CS5 + hay opciones sobre cómo el tipo es suavizado similar al de Photoshop, por lo que podemos comparar las combinaciones (las filas superiores son 10 Helvetica Neue Light, las filas inferiores 14pt), de las cuales CS4 parece usar solo 'Sharp':

Con sugerencias (es decir, vista previa en pantalla o, en CS5 +, guardar para la web con "Tipo optimizado" seleccionado)

Sin sugerencias (es decir, 'Arte optimizado' guardar para web, o menos de CS4 guardar para web):

Puede ver la distorsión fea, bajando las letras de la parte superior plana y elevando las letras de la parte superior redonda, apareciendo cuando la sugerencia está activada y cuando el suavizado es 'Sharp' , independientemente de si el objeto en sí está alineado con la cuadrícula de píxeles, porque la sugerencia (ajustar los detalles para ajustarse a la cuadrícula de píxeles) está sucediendo en el nivel de cada detalle de cada carácter, no en el objeto de texto en sí.

(No puedo encontrar nada que explique exactamente lo que hace cada método anti-aliasing: parece que 'Crisp' y 'Strong' en realidad pueden estar apagando las sugerencias de Illustrator, o al menos, atenuándolas)

Observe también cómo la alineación del objeto de texto con la cuadrícula de píxeles hace una pequeña diferencia cuando la sugerencia está desactivada (por ejemplo, "il" en Evil en el caso de Sharp). Pero hay una cierta cantidad de aleatoriedad en esto. A veces será una mejora, a veces puede empeorar la representación del texto, a veces no hará ninguna diferencia.

En CS6, tienes control sobre estas cosas. En CS4 para texto en imagen para salida web, la solución que recomiendo es copiar capturas de pantalla de la vista previa en pantalla al 100% en Photoshop cuando desee insinuar, y usar Guardar para Web más el script Pixel Align cuando no quiere insinuar, y cuando sea apropiado, combine las dos imágenes en Photoshop, superponiéndolas y borrando las áreas de una donde desee la representación de la otra. O aplique el texto en Photoshop y utilice sus controles de suavizado.

El texto insinuado generalmente es mejor para la legibilidad, pero en algunos casos como estos, sale muy mal ...

Adobe Illustrator y Adobe Photoshop no utilizan antialiasing subpixel. Esta es una de las razones por las que ambos tienden a representar el tipo peor que el texto de la interfaz de usuario en OS X. Las páginas web en Safari, Chrome y Firefox también se renderizan con antialiasing subpixel en la mayoría de los casos, también (depende de la página web, las técnicas y CSS sin embargo).

De hecho, OS X no usa antialiasing subpixel en todo momento, solo cuando el renderizado está en un fondo opaco:

El texto solo se puede dibujar con antialiasing subpíxel cuando se compone en un fondo opaco existente al mismo tiempo que se rasteriza.

- Referencia de clase CATextLayer de Apple

Además, Adobe utiliza un motor de representación de texto diferente para OS X y Windows, presumiblemente para que puedan tener resultados consistentes en varias plataformas.

No estoy seguro de por qué Helvetica Neue es particularmente mala o diferente. Probablemente sea solo un síntoma de diferencias más amplias.

Mi sugerencia es abrir el archivo en Apple Preview de vez en cuando. Tiene una representación de texto mucho mejor. Esto le permite al menos solucionar el problema hasta que decida exportar.

El texto que se muestra en pantalla generalmente tiene algún nivel de insinuación y suavizado aplicado. Ambos están destinados a hacer que el texto sea más legible en la pantalla.

Aquí, Illustrator está aplicando un nivel diferente de insinuación o suavizado a lo que normalmente ve en su sistema operativo, por lo que se ve diferente (y para usted, se ve mal, porque hay mucha investigación sobre el tema de las personas que se están acostumbrando a la forma su sistema operativo elegido representa el texto, y todo lo demás se ve mal).

La buena noticia es que generalmente no importa el resultado final; cuando en Illustrator está más preocupado por el resultado vectorial que produce, no por cómo se ve en Illustrator rasterizado para su pantalla. Si Illustrator lo hiciera mucho más "agradable" para usted, todavía no estaría dando una muy buena vista previa de cuál sería la salida, ya que la visualización rasterizada de la pantalla es un factor limitante; para obtener una buena vista previa de las formas de las letras, necesita acercarse muy de cerca, y para obtener una buena vista previa de cómo se ve impresa, debe imprimirla.

El suavizado del texto en pantalla ayuda a prevenir formas de letras feas como resultado de la rasterización, pero existen múltiples tipos de suavizado. En la actualidad, la mayoría de los sistemas operativos emplean antialiasing subpíxel, que es el tipo más "nítido" porque triplica la resolución horizontal, mientras que su muestra no muestra anti-aliasing anti subpíxel. Como resultado, los "tallos" verticales no se ven muy nítidos en tamaños pequeños.

La sugerencia de texto en pantalla ayuda a hacer que los tallos y las barras del texto sean más distintos y nítidos, al cambiarlos para alinearlos con la cuadrícula de píxeles. Los sistemas operativos varían enormemente en su nivel de insinuación, ya que Windows lo hace con mucha fuerza y ​​Mac OS X apenas lo hace. Como consecuencia, cualquier cosa diferente a lo que está acostumbrado probablemente se vea mal (al igual que las malas sugerencias también se ven mal). Las muestras que proporcionó muestran texto muy insinuado, y el error en la parte superior de la "x" minúscula me hace creer que Illustrator lo insinúa automáticamente . Las sugerencias automáticas pueden hacer que algunas fuentes se vean bien y otras se vean realmente mal. Particularmente si usas Mac OS X, esto te parecerá bastante incorrecto de cualquier manera.

De todos modos, como se dijo, no afecta el resultado final.

Se ve bastante bien en mi computadora:

Dadas las limitaciones del texto rasterizado, esto es casi tan bueno como parece. Diferentes tipos de letra son más adecuados para tamaños de fuente pequeños, y a menos que tenga una representación de subpíxeles, que solo está disponible para representaciones específicas del dispositivo (por ejemplo, página web y texto de interfaz de usuario), entonces debe vivir con el hecho de que AA normal tiene dificultades con texto de alto contraste (y el negro sobre blanco tiene el mayor contraste posible) a bajas resoluciones, como las típicas pantallas de escritorio / portátil de 72ppi.

Si usa Helvetica para resoluciones de impresión de 300 ppp o más, o está renderizando en pantallas LCD de alta resolución (o simplemente pantallas LCD grandes de 72 PPI que están diseñadas para verse desde la distancia), entonces no hay problema.