Pourquoi Helvetica [Neue] est-elle absolument horrible dans Illustrator?

Helvetica a toujours été horrible dans Illustrator CS4 + sur mon Mac, y compris toutes les versions de système d'exploitation, quelle que soit la taille ou les unités. Vous trouverez ci-dessous des captures d'écran d'Helvetica à 12 pixels, 24 pixels et 36 pixels.

Y a-t-il un moyen de contrer cela? Les autres polices ont fière allure, mais Helvetica (Neue ou autre) a toujours l'air horrible, comme si le rendu en sous-pixels était désactivé.

Premièrement, deux causes courantes de texte bancal, mal aligné et décousu où les caractères ne s'alignent pas ou ne se dimensionnent pas correctement les uns par rapport aux autres ne sont pas les causes dans ce cas spécifique :

• Désalignement sur la grille de pixels. Les versions plus récentes d'Illustrator ont une option "Aligner sur la grille de pixels", mais cela affecte tout et a des conséquences telles que la prévention des largeurs de trait inférieures à 1 pt. Vous pouvez aligner des objets individuels au pixel près sans autres conséquences avec le script Pixel Align (téléchargement) de Wundes .
• Vérifiez à nouveau que le texte n'est pas très légèrement tourné, car cela rendra l'allusion folle.

Ce cas particulier , cependant, est une combinaison du type particulier d'anti-aliasing et d'indication. Dans Illustrator CS5 +, il existe des options sur la façon dont le type est anti-aliasé, similaires à celles de Photoshop, nous pouvons donc comparer les combinaisons (les lignes du haut sont 10 Helvetica Neue Light, les lignes du bas 14 pt), dont CS4 semble utiliser uniquement `` Sharp '':

Avec indication (c.-à-d. Aperçu à l'écran ou, dans CS5 +, enregistrez pour le Web avec "Type optimisé" sélectionné)

Sans allusion (c.-à-d. Sauvegarde «optimisée pour l'art» pour le Web ou inférieure à la sauvegarde CS4 pour le Web):

Vous pouvez voir la distorsion laide, abaisser les lettres à sommet plat et augmenter les lettres à sommet rond, apparaissant lorsque l'indication est activée et lorsque l'anticrénelage est `` net '' , que l'objet lui-même soit aligné sur la grille de pixels - car l'indication (ajuster les détails pour qu'ils correspondent à la grille de pixels) se produit au niveau de chaque détail de chaque caractère, pas de l'objet texte lui-même.

(Je ne trouve rien expliquant exactement ce que fait chaque méthode d'anticrénelage - il semble que `` Crisp '' et `` Strong '' puissent en fait désactiver l'indication d'Illustrator, ou du moins, l'atténuer)

Notez également comment l'alignement de l'objet texte sur la grille de pixels fait une petite différence lorsque l'indication est désactivée (par exemple, le "il" dans Evil dans le cas Sharp). Mais il y a un certain caractère aléatoire à cela. Parfois, ce sera une amélioration, parfois cela pourrait aggraver le rendu du texte, parfois cela ne fera aucune différence.

Sur CS6, vous contrôlez ces choses. Sur CS4 pour le texte dans l'image pour la sortie Web, la solution de contournement que je recommanderais est de copier des captures d'écran de l'aperçu à l'écran à 100% dans Photoshop lorsque vous souhaitez faire des suggestions, et d'utiliser Save For Web plus le script Pixel Align lorsque vous ne voulez pas d'indication et, le cas échéant, combinez les deux images dans Photoshop, en les superposant et en effaçant les zones de l'une où vous souhaitez le rendu de l'autre. Ou, appliquez le texte dans Photoshop et utilisez ses contrôles anti-aliasing.

Le texte suggéré est généralement meilleur pour la lisibilité, mais dans certains cas comme ceux-ci, il se passe très mal ...

Adobe Illustrator et Adobe Photoshop n'utilisent pas l'anticrénelage sous-pixel. C'est l'une des raisons pour lesquelles ils ont tous deux tendance à rendre le type pire que le texte de l'interface utilisateur dans OS X. Les pages Web dans Safari, Chrome et Firefox sont également rendues avec un anticrénelage sous-pixel dans la plupart des cas (cela dépend de la page Web, des techniques et CSS cependant).

En fait, OS X n'utilise pas l'anticrénelage sous-pixel à tout moment, uniquement lorsque le rendu est sur un fond opaque:

Le texte ne peut être dessiné en utilisant l'anticrénelage sous-pixel que lorsqu'il est composé dans un arrière-plan opaque existant en même temps qu'il est pixellisé.

- Référence de classe CATextLayer d'Apple

De plus, Adobe utilise un moteur de rendu de texte différent de celui d'OS X et de Windows, vraisemblablement afin qu'ils puissent avoir des résultats multiplateformes cohérents.

Je ne sais pas pourquoi Helvetica Neue est particulièrement mauvaise ou différente. C'est probablement juste un symptôme de différences plus larges.

Ma suggestion est d'ouvrir le fichier dans Apple Preview de temps en temps. Son rendu de texte est nettement meilleur. Cela vous permet au moins de contourner le problème jusqu'à ce que vous décidiez d'exporter.

Le texte rendu à l'écran a généralement un certain niveau d' indication et d' anti-aliasing . Ils sont tous deux destinés à rendre le texte plus lisible à l'écran.

Illustrator applique ici un niveau différent d'indices ou d'anti-aliasing à ce que vous voyez normalement dans votre système d'exploitation. le système d'exploitation choisi rend le texte et tout le reste semble incorrect).

La bonne nouvelle est que cela n'a généralement pas d'importance pour le résultat final; lorsque dans Illustrator, vous êtes plus préoccupé par la sortie vectorielle qu'elle produit, et non par son apparence dans Illustrator tramée pour votre écran. Si Illustrator vous l'a rendu beaucoup plus "agréable", il ne donnerait toujours pas un très bon aperçu de ce que serait la sortie, car l'affichage tramé de l'écran est un facteur limitant; pour obtenir un bon aperçu des formes de lettre dont vous avez besoin pour zoomer très près et pour obtenir un bon aperçu de l'apparence de l'impression - vous devez l'imprimer.

L' anticrénelage du texte à l'écran permet d'éviter les formes de lettres laides à la suite de la pixellisation, mais il existe plusieurs types d'anticrénelage. La plupart des systèmes d'exploitation utilisent de nos jours l'anti-crénelage sous-pixel qui est le type le plus "net" car il triple la résolution horizontale, tandis que votre échantillon n'affiche pas d'anti-crénelage anti-sous-pixel. En conséquence, les "tiges" verticales ne semblent pas très nettes à de petites tailles.

L' ajout de texte à l'écran permet de rendre les tiges et les barres du texte plus distinctes et plus nettes, en les décalant pour les aligner sur la grille de pixels. Les systèmes d'exploitation varient énormément dans leur niveau d'indication, Windows le faisant très fortement et Mac OS X ne faisant pratiquement rien du tout. Par conséquent, tout ce qui est différent de ce à quoi vous êtes habitué semble probablement faux (tout comme les mauvais indices semblent également mauvais). Les exemples que vous avez fournis montrent du texte fortement suggéré, et l'erreur sur le haut du "x" minuscule me porte à croire qu'Illustrator l'indique automatiquement . L'indication automatique peut rendre certaines polices correctes, et d'autres vraiment mauvaises. En particulier, si vous utilisez généralement Mac OS X, cela vous semblera tout à fait faux .

Quoi qu'il en soit, comme dit, cela n'affecte pas le résultat final.

Cela semble assez bien sur mon ordinateur:

Étant donné les limites du texte tramé, c'est à peu près aussi bon que possible. Différentes polices de caractères conviennent mieux aux petites tailles de police, et à moins que vous n'ayez un rendu sous-pixel, qui n'est disponible que pour les rendus spécifiques à l'appareil (par exemple, page Web et texte de l'interface utilisateur), vous devez vivre avec le fait que les AA ordinaires ont du mal avec du texte à contraste élevé (et le noir sur blanc est à peu près aussi contrasté que possible) à de faibles résolutions, comme les écrans de bureau / ordinateur portable typiques de 72 ppp.

Si vous utilisez Helvetica pour des résolutions d'impression de 300 ppp + ou si vous effectuez un rendu sur des écrans LCD haute résolution (ou simplement de grands écrans LCD 72 PPI réguliers conçus pour être vus à distance), ce n'est pas un problème.