Чому Helvetica [Neue] виглядає абсолютно жахливо в Illustrator?

Helvetica завжди виглядала жахливо в Illustrator CS4 + на моєму Mac, включаючи всі версії ОС, незалежно від розміру та одиниць. Нижче наведені скріншоти Helvetica у 12px, 24px та 36px.

Чи є спосіб протидіяти цьому? Інші шрифти виглядають чудово, але Helvetica (Neue чи інше) завжди виглядає жахливо, як ніби субпіксельна візуалізація вимкнена.

По-перше, дві поширені причини невмілого, нерівного, розчленованого тексту, коли символи не вирівнюються чи розмірами правильно відносно один одного, що не є причинами в цьому конкретному випадку :

• Неправильне вирівнювання піксельної сітки. Більш пізні версії Illustrator мають опцію "Вирівняти сітку пікселів", але вона впливає на все і має такі наслідки, як запобігання ширині обведення менше 1pt. Ви можете вирівняти пікселі окремих об'єктів без інших наслідків за допомогою сценарію 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, коли ви хочете натякнути, і використовувати Save For Web плюс сценарій вирівнювання Pixel, коли ви не хочете натякати, і, де це доречно, комбінуйте два зображення у Photoshop, наклавши їх та стираючи ділянки одного, де потрібно візуалізацію іншого. Або застосуйте текст у Photoshop та скористайтеся його засобами протизшивання.

Натяканий текст, як правило, краще для читабельності, але в таких випадках, як це, йде зовсім неправильно ...

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

Насправді OS X не використовує субпіксельну антиаліазію завжди, лише коли візуалізація знаходиться на непрозорому тлі:

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

- Посилання на клас CATextLayer від Apple

Крім того, Adobe використовує інший механізм візуалізації тексту для OS X та Windows, імовірно, щоб вони мали стійкі міжплатформенні результати.

Я не впевнений, чому Helvetica Neue особливо погана чи відрізняється. Це, мабуть, лише симптом ширших розбіжностей.

Моя пропозиція - раз у раз відкривати файл у Apple Preview. У ньому набагато краще відображення тексту. Це дозволяє вам хоча б подолати проблему, поки ви не вирішите експортувати.

Текст, який відображається на екрані, зазвичай має певний рівень натяку та застосованого антизшивання . Вони обидва призначені для того, щоб зробити текст читабельнішим на екрані.

Ілюстратор тут застосовує інший рівень натяку або протизвернення до того, що ви зазвичай бачите в своїй операційній системі, тому воно виглядає інакше (а вам, здається, неправильно, бо існує багато досліджень на тему, як люди звикають до способу обрана ними ОС відображає текст, а все інше виглядає неправильно).

Хороша новина в тому , що вона , як правило , не має значення для кінцевого результату; коли в Illustrator ви більше стурбовані тим, що він виробляє, а не про те, як це виглядає в Illustrator, растеризованому для вашого екрану. Якщо Illustrator зробив це набагато "приємніше" для вас, він все одно не дасть дуже гарного попереднього перегляду того, яким буде вихід, оскільки розсіяний дисплей екрану є дуже обмежуючим фактором; щоб отримати гарний попередній перегляд літерних форм, які вам потрібно збільшити в масштабному масштабі, і щоб отримати гарний попередній перегляд того, як це виглядає надруковано - вам потрібно роздрукувати його.

Згладжування з екранного тексту допомагає запобігти потворне лист форми в результаті растеризации , але є кілька типів згладжування. Більшість ОС сьогодні використовує антипіліазний піксель, який є найбільш «чітким» типом, оскільки він потроїть горизонтальну роздільну здатність, тоді як у вашому зразку не показано протизгладжування проти пікселів. Як результат, вертикальні «стебла» не виглядають дуже чіткими при невеликих розмірах.

Натякаючи з екранного тексту допомагає зробити стебла і стержні тексту більш виразного і гостріше, зрушуючи їх приведення у відповідність з піксельної сіткою. Операційні системи сильно різняться за рівнем свого натяку на те, що Windows робить це дуже сильно, а Mac OS X взагалі майже нічого не робить. Як наслідок, все, що відрізняється від того, до чого ви звикли, напевно виглядає неправильно (як і поганий натяк, також виглядає неправильно). Надані вами зразки показують текст, який сильно натякає, а помилка у верхній частині малого "х" приводить мене до думки, що Illustrator це автоматично натякає на це. Автонатяка може призвести до того, що деякі шрифти виглядають нормально, а інші - дуже погано. Особливо, якщо ви зазвичай використовуєте Mac OS X, це в будь-якому випадку виглядатиме вам зовсім неправильно .

Як би там не було, як сказано, це не впливає на кінцевий результат.

На моєму комп’ютері це виглядає досить добре:

Зважаючи на обмеження растрового тексту, це приблизно так само добре, як і виходить. Різні шрифти краще підходять для невеликих розмірів шрифту, і якщо ви не маєте субпіксельну візуалізацію, яка доступна лише для певного пристрою (наприклад, веб-сторінки та тексту інтерфейсу), вам потрібно жити з тим, що звичайному AA важкий час з високим контрастним текстом (а чорно-білий - приблизно настільки ж високий контраст, як він отримується) при низькій роздільній здатності, наприклад, типових 72ppi дисплеїв на робочому столі / ноутбуці.

Якщо ви використовуєте Helvetica для роздільної здатності друку 300dpi + або ви перетворюєте на РК-дисплеї з високою роздільною здатністю (або просто великі звичайні 72-дюймові РК-дисплеї, розроблені для перегляду здалеку), це не проблема.