Почему Helvetica [Neue] выглядит абсолютно ужасно в Illustrator?

Helvetica всегда выглядела ужасно в Illustrator CS4 + на моем Mac, включая все версии ОС, независимо от размера или единиц измерения. Ниже приведены скриншоты Helvetica в 12, 24 и 36 пикселей.

Есть ли способ противодействовать этому? Другие шрифты выглядят великолепно, но Helvetica (Neue или иначе) всегда выглядит ужасно, как будто субпиксельный рендеринг отключен.

Во-первых, две распространенные причины непонятного, смещенного, несвязанного текста, когда символы не выстраиваются в линию или имеют неправильный размер относительно друг друга, которые не являются причинами в данном конкретном случае :

• Неправильное выравнивание по пиксельной сетке. Более поздние версии Illustrator имеют параметр «Выровнять по пиксельной сетке», но он влияет на все и имеет такие последствия, как предотвращение ширины обводки менее 1 пт. Вы можете выравнивать пиксели отдельных объектов без каких-либо последствий с помощью скрипта Pixel Align (скачать) от Wundes .
• Дважды проверьте, что текст не очень слегка повернут, так как это сделает подсказку сумасшедшей.

Этот частный случай , однако, представляет собой сочетание определенного типа сглаживания и хинтинга. В Illustrator CS5 + есть варианты того, как тип сглаживается аналогично тем, которые есть в Photoshop, поэтому мы можем сравнить комбинации (верхние строки - 10 Helvetica Neue Light, нижние ряды 14pt), из которых CS4 использует только Sharp:

С подсказкой (т.е. предварительный просмотр на экране или, в CS5 +, сохранение для веб-сайтов с выбранным «Оптимизированный тип»)

Без подсказок (т. Е. «Оптимизировано для искусства» - сохранение в Интернете или менее чем в CS4 - в Интернете):

Вы можете видеть уродливое искажение, опускание букв с плоскими вершинами и повышение букв с круглыми вершинами, появляющиеся, когда намеки на включении и когда сглаживание имеет «Резкий» , независимо от того, выровнен ли сам объект по пиксельной сетке - потому что намеки (настройка деталей для соответствия пиксельной сетке) происходит на уровне каждой детализации каждого символа, а не самого текстового объекта.

(Я не могу найти ничего, что точно объясняет, что делает каждый метод сглаживания - похоже, что «Crisp» и «Strong» могут фактически отключить намеки Illustrator или, по крайней мере, уменьшить их)

Обратите также внимание на то, как выравнивание текстового объекта по пиксельной сетке имеет небольшую разницу, когда подсказка отключена (например, «il» в Evil в случае Sharp). Но в этом есть определенная случайность. Иногда это будет улучшением, иногда это может ухудшить отображение текста, иногда это не будет иметь никакого значения.

На CS6 у вас есть контроль над этими вещами. На CS4 для текста в изображении для веб-вывода я бы порекомендовал обходной путь - скопировать скриншоты экранного предварительного просмотра на 100% в Photoshop, когда вы хотите использовать подсказки, и использовать «Сохранить для Web» плюс сценарий «Выравнивание пикселей», когда вы не хотите намеков, и при необходимости комбинируйте два изображения в Photoshop, накладывая их и стирая области одного, где вы хотите визуализировать другое. Или примените текст в Photoshop и используйте его элементы управления сглаживанием.

Подсказанный текст обычно лучше для читабельности, но в некоторых случаях, как это, он идет не так, как надо ...

Adobe Illustrator и Adobe Photoshop не используют субпиксельное сглаживание. Это одна из причин того, что они оба имеют тенденцию отображать текст хуже, чем текст пользовательского интерфейса в OS X. Веб-страницы в Safari, Chrome и Firefox также визуализируются с субпиксельным сглаживанием в большинстве случаев (это зависит от веб-страницы, методов и CSS хотя).

Фактически, OS X не использует субпиксельное сглаживание всегда, только когда рендеринг находится на непрозрачном фоне:

Текст может быть нарисован только с использованием субпиксельного сглаживания, когда он скомпонован в существующий непрозрачный фон одновременно с растеризацией.

- Справочник Apple по классу CATextLayer

Кроме того, Adobe использует механизм рендеринга текста, отличный от OS X и Windows, предположительно, чтобы они могли иметь согласованные кроссплатформенные результаты.

Я не уверен, почему Helvetica Neue особенно плоха или отличается. Это, вероятно, просто симптом более широких различий.

Мое предложение состоит в том, чтобы время от времени открывать файл в Apple Preview. У него значительно лучше рендеринг текста. Это позволяет вам по крайней мере обойти проблему, пока вы не решите экспортировать.

Текст, отображаемый на экране, обычно имеет некоторый уровень хинтинга и сглаживания . Они оба предназначены для того, чтобы сделать текст более читабельным на экране.

Здесь Illustrator применяет другой уровень намеков или сглаживания к тому, что вы обычно видите в своей операционной системе, так что это выглядит иначе (и для вас это выглядит неправильно, поскольку существует много исследований на тему того, как люди привыкли к тому, как это делается. их выбранная ОС отображает текст, а все остальное выглядит неправильно).

Хорошая новость в том , что она , как правило , не имеет значения для конечного результата; когда в Illustrator вас больше волнует вывод вектора, который он производит, а не то, как он выглядит в Illustrator, растеризованном для вашего экрана. Если бы Illustrator сделал его более «приятным» для вас, он все равно не дал бы очень хороший предварительный просмотр того, каким будет выходной сигнал, поскольку растеризация экрана является очень ограничивающим фактором; чтобы получить хороший предварительный просмотр формы буквы, вам нужно очень близко приблизиться к ней, а чтобы получить хороший предварительный просмотр того, как она выглядит, вы должны распечатать ее.

Сглаживание из экранного текста помогает предотвратить уродливое письмо формы в результате растеризации , но есть несколько типов сглаживания. В настоящее время большинство ОС используют субпиксельное сглаживание, которое является наиболее «четким» типом, поскольку оно утроивает горизонтальное разрешение, в то время как ваш образец не показывает антипиксельное сглаживание. В результате вертикальные «стебли» не выглядят очень четкими при небольших размерах.

Намекая из экранного текста помогает сделать стебли и стержни текста более отчетливого и острее, сдвигая их приведение в соответствие с пиксельной сеткой. Операционные системы сильно различаются по уровню подсказок, поскольку Windows делает это очень сильно, а Mac OS X практически ничего не делает. Как следствие, все, что отличается от того, к чему вы привыкли, вероятно, выглядит неправильно (как и плохой намек, также выглядит неправильно). В предоставленных вами примерах показан текст, который сильно намекает, а ошибка в верхнем регистре «x» заставляет меня поверить, что Illustrator автоматически намекает на него. Автоматическая подсказка может заставить некоторые шрифты выглядеть хорошо, а другие - очень плохо. В частности, если вы обычно используете Mac OS X, это в любом случае будет выглядеть неправильно для вас.

Во всяком случае, как сказано, это не влияет на конечный результат.

Это выглядит довольно хорошо на моем компьютере:

Учитывая ограничения растеризованного текста, это примерно так же хорошо, как и получается. Различные шрифты лучше подходят для шрифтов небольшого размера, и если у вас нет субпиксельного рендеринга, который доступен только для рендеринга, специфичного для устройства (например, веб-страница и текст пользовательского интерфейса), то вам придется смириться с тем, что обычному AA приходится нелегко с высококонтрастным текстом (а черный на белом примерно такой же высокий контраст, как он получает) при низких разрешениях, таких как типичные дисплеи 72ppi для настольных ПК / ноутбуков.

Если вы используете Helvetica для печати с разрешением 300 точек на дюйм + или выполняете рендеринг на жидкокристаллических экранах с высоким разрешением (или на обычных обычных ЖК-экранах с разрешением 72 PPI, которые предназначены для просмотра на расстоянии), это не проблема.