Згладження шрифту (анти) у Photoshop

Я використовую Photoshop для створення веб-сайтів, і коли я порівнюю дизайн фотошопу з попереднім попереднім переглядом браузера, шрифти, як видається, відображаються по-різному.

В основному будь-який метод згладжування, який я вибираю у Photoshop, текст завжди створює враження жирного тексту . Тому я завжди змушений вимикати антиалійний (для звичайного тексту 12 пікселів / 14 пікселів).

Чи є метод, яким я можу досягти такого ж видання шрифту в Photoshop, як той, який використовує Windows з розумним типом?

Якщо ні, чи є там шрифти, які виглядають краще, ніж Arial, коли вимкнення згладжування вимкнено?

Є дві причини, чому текст ClearType настільки чіткий.

1. він використовує субпіксельну візуалізацію . Я не думаю, що Photoshop це підтримує.
2. він використовує агресивний натяк, щоб вписати лінії в піксельну сітку

Ви можете набрати текст у Блокноті, скріншотувати його за допомогою якогось зручного зручного інструменту та вставити його у Photoshop у режимі змішування Множиться (адже це чорний текст на білому тлі). Але це не зручно. Редагувати: це також може бути майже неможливим з будь-яким кольором переднього плану, окрім чорного.

Цей хлопець описав метод ручного візуалізації субпікселів, і на мій погляд, це покращує чіткість шрифту, роблячи його ближчим до ClearType. Але він все ще використовує натяк на Photoshop, тому він не такий різкий, як ClearType.

Вам справді потрібна візуалізація стилю ClearType у Photoshop? Якщо ви експортуєте будь-яку графіку, що містить текст для використання у вашому веб-дизайні, вони не повинні містити субпіксельну візуалізацію, оскільки це не підходить для деяких дисплеїв (CRT, повернутий телефон). І якщо ви не експортуєте текст, а просто дивитесь на нього, візуалізація Photoshop здається нормальною.

Photoshop не є програмою веб-дизайну. Щоб отримати текст у веб-переглядачі такий самий, як у графічному (jpg, gif тощо), ви повинні використовувати один і той же шрифт в обох програмах. Деякі шрифти використовуються не у всіх браузерах.

Залежно від розміру тексту, гарним шрифтом середнього розміру може бути Tahoma, Helvetica, Trebuchet або Georgia. Перегляньте на цьому веб-сайті кілька хороших ідей: http://www.snaphow.com/10-most-popular-web-fonts-used-in-web-safe-design/

Більш масштабні шрифти - це там, де починається значення щодо антизбудження.

Якщо ви намагаєтеся змусити текст злитися з текстом на сторінці, я пропоную використовувати CSS-позиціонування для досягнення своїх цілей. CSS дозволяє розміщувати текст із веб-сторінки поверх зображень і використовує відносне та абсолютне позиціонування для візуалізації сторінки саме так, як вам потрібно. Ось приклад та підручник: http://css-tricks.com/text-blocks-over-image/

На жаль, Photoshop не підтримує жодного виду субпіксельної візуалізації. Як і будь-яке інше програмне забезпечення Adobe - за винятком Dreamweaver . (Ну, це не зовсім технологія Dreamweaver, оскільки вона просто виводить HTML, а потім передає текст для операційної системи для рендерингу.)

Пропонований робочий процес може полягати в тому, що ви створите та розріжте ваш дизайн у Photoshop, а потім відкриєте його в Dreamweaver. Якщо дизайн потребує додаткових виправлень, ви могли б одночасно відкрити файл у Photoshop, зробіть зміни, збережіть та оновіть подання у Dreamweaver. Додайте остаточну справжню копію у Dreamweaver. Ви також можете замінити Photoshop на феєрверки; або навіть запустити каркасне з'єднання у Fireworks → продовжуйте у Photoshop → публікуйте через Dreamweaver. (Зрозуміло, чому видання Creative Suite зазвичай купуються в комплекті, чи не так?)

Якщо дизайн у перегляді Dreamweaver виглядає інакше, ніж у веб-переглядачах, це інша, невдала справа (і я говорю не лише про типографію, а про візуалізацію в цілому). Чим раніше ви зможете підняти з Photoshop живу демонстрацію - будь то через Dreamweaver чи ні - тим краще. Я б хотів, щоб Photoshop мав повноваження щодо надання субпікселів (але в той же час сподіваюся, що він не буде представлений у CS6, або, принаймні, сподіваюся, що до цього часу я стану багатим)!

Лише бічна примітка: ClearType захищений 10-ма патентами, тому точно таке ж відображення малоймовірне. Також варто відзначити, що OS X використовує різні візуалізації (Quartz) за замовчуванням, а також графічні інтерфейси в дистрибутивах Linux.

Дизайн в HTML та CSS. Якщо ОБОВ'ЯЗКОВО повернути його у макет PhotoShop, екран зніме його з браузера, а потім поверніть його у документ PhotoShop.

Тип налаштування в PhotoShop - це взагалі біль.

Можливою обробкою може бути використання "різкого" методу розгладження та встановлення внутрішнього світіння на глибині 0 на текстовому шарі:

Для цього зразка я використовував білий колір, непрозорість 85%, режим накладання «екран», 0 дросель, 0 розмір. Не так добре, як пані чіткого типу, але виглядає менш сміливо ...

(перший рядок = відсутність розгладжування, останній рядок = різке згладжування без внутрішнього світіння)