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

15

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.

Helvetica à 12px Helvetica à 24px Helvetica à 36px

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é.

Andrew
la source
2
Cela peut ne pas apporter de réponse solide, mais je pense que votre question exacte est en cours de discussion sur le forum d'Adobe. Ici: forums.adobe.com/message/2443391
Henrik
1
Merci pour le lien! La discussion est cependant très ancienne. J'ai du mal à croire que mes polices ont été corrompues sur plusieurs ordinateurs, via plusieurs systèmes d'exploitation, via plusieurs versions de CS. Suis-je vraiment le seul que cela affecte?
Andrew
FWIW J'ai fait un test de comparaison sur le rendu png interne vs exporté pour voir comment la police se rend sur mon système (ce qui n'est pas trop bon). On pourrait s'attendre à ce que le rendu "optimisé pour le type" soit meilleur, mais curieusement, c'est le rendu "optimisé pour l'art" qui se rapproche le plus de la satisfaction. i.imgur.com/izTuj.png
Henrik
1
@hced, votre rendu décrit très précisément ce que je vois. Ces r minuscules sont ridicules!
Andrew

Réponses:

10

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é)

entrez la description de l'image ici


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

entrez la description de l'image ici


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 ...

user56reinstatemonica8
la source
Wow, quelle excellente réponse! Je suis désolé de ne pas l'avoir marqué comme tel plus tôt! Vos expériences ont été extrêmement utiles pour aller au fond des choses, et je suis heureux d'apprendre que dans CS6, nous avons en fait le contrôle.
Andrew
6

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.

Marc Edwards
la source
2

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.

Client
la source
2

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.

thomasrutter
la source
J'utilise souvent Illustrator dans le but explicite d'exporter vers un format numérique, et je l'utilise rarement pour l'impression. Donc, même si je comprends que cela semblera bien une fois imprimé, avec les écrans Retina-esque, cela ne devrait vraiment plus être un problème. Je préférerais presque qu'Illustrator utilise simplement le rendu de police système natif pour l'affichage. Bien qu'il s'agisse de plates-formes différentes, il serait au moins cohérent par plate-forme.
Andrew
Le problème est que vous créez une image raster, où les sous-pixels n'existent pas. Le rendu sous-pixel est une capacité du matériel.
horatio
@horatio ce n'est pas tout à fait vrai, vous pouvez faire un rendu de sous-pixels si vous connaissez l'ordre et la configuration des pixels de l'écran au préalable.
joojaa
Il est possible d'être intelligent et de créer une image optimisée en sous-pixels à partir d'Illustrator: exporter à 3 fois la sortie finale prévue, puis dans Photoshop, etc. déplacer le canal rouge à droite d'un pixel et le canal bleu à gauche d'un pixel sans modifier la taille de la toile, redimensionner à la taille de sortie prévue et le tour est joué. Cependant, il n'aura pas le filtrage ou l'indication que les rendus de texte à l'écran ont, donc toujours pas la même apparence.
thomasrutter
-1

Cela semble assez bien sur mon ordinateur:

entrez la description de l'image ici

É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.

Lèse majesté
la source
le noir sur jaune est plus contrasté que le noir sur blanc
Ryan
3
@Ryan: Pas vraiment. Le noir sur blanc (ou vice versa) est considéré comme un contraste à 100% (pour les systèmes d'imagerie numérique et les tests d'acuité visuelle). Le remplacement du blanc par du jaune réduit la différence de luminance. Le jaune, comme le rouge, attire bien l'attention, c'est pourquoi le jaune et le noir sont les couleurs d'avertissement standard. Mais pour AA noir sur jaune dans un affichage RVB 8 bits typique, il faut passer par 255 niveaux dans les canaux vert et bleu tandis que sur blanc, cela doit être fait pour les 3 canaux.
Lèse majesté