Как сделать так, чтобы текст в Photoshop отображался так же, как в Интернете?

11

Действительно ли мне нужно все проектировать в Фотошопе, если для сглаживания установлено значение «нет»? Я уверен, что есть лучший способ.

Мне бы хотелось иметь настройку, чтобы при выборе основного веб-сейфа (такого как Tahoma) в Photoshop я мог видеть, как он будет выглядеть в Интернете.

Например: разница между Tahoma с сглаживанием, установленным на «четкость» в Photoshop, и тем, как она отображается в Firefox, является существенной. Это выглядит красиво и гладко в Photoshop и выглядит как дерьмо в Интернете.

Существует ли выбор сглаживания, с которого лучше всего начинать (с наиболее похожим результатом) при планировании размещения контента в Интернете?

jonn_g
источник
1
То, как шрифт выглядит «в Интернете», полностью зависит от браузера, настроек браузера, ОС и настроек ОС. Другими словами, это выглядит по-разному для разных людей.
DA01

Ответы:

10

Большинство операционных систем и браузеров визуализируются с сглаживанием или субпиксельным сглаживанием. Субпиксельное сглаживание распространено на настольных платформах, таких как Windows (с ClearType) и OS X. Стандартное монохромное сглаживание распространено на мобильных платформах, где порядок субпикселей устройства может изменяться в зависимости от ориентации устройства и где субпиксельный рендеринг не ' Это очень важно, потому что они часто имеют дисплеи с более высокой плотностью пикселей.

Отображение текста с псевдонимами распространено в Windows XP, где ClearType по умолчанию отключен. В Windows Vista и новее ClearType включен по умолчанию.


Рендеринг в Фотошопе против Windows против OS X против iOS против Android против WebKit против Firefox (Gecko) обычно отличается. Таким образом, абсолютно невозможно создать что-либо в Photoshop и знать, что визуализация текста будет такой же, если только вы не сделаете снимок экрана и не добавите его в документ в качестве растрового слоя.

Марк Эдвардс
источник
2
После ответа на этот вопрос Adobe добавила в Photoshop параметры «Mac» и «Mac LCD» (плюс эквиваленты в Windows), которые используют рендеринг системных шрифтов. Это часто очень близко или идентично Safari сейчас.
Марк Эдвардс
8

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

Передавая клиенту фактический URL-адрес, а не комп из Photoshop, вы избегаете того, чтобы ожидания клиента были разбиты, когда конечный продукт немного отличается в выбранном браузере по сравнению с компоновкой Photoshop.

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

Водитель
источник
1
В моей компании я создаю дизайн и передаю его внешнему разработчику. Я никогда не касаюсь кода. С учетом сказанного, мне нужно решение, которое не включает в себя создание веб-страницы, чтобы увидеть, как выглядит текст.
jonn_g
2

В Photoshop CC мы добавили новые режимы алиасинга для ваших шрифтов. Вместо «четкого» или «сильного», попробуйте новый «Mac LCD». Вы получите 100% безопасный веб-дизайн.

Майкл Чейз
источник
1
Нет такой вещи, как «100% веб-безопасный дизайн», поскольку нет такой вещи, как 100% -ная согласованность между браузерами, шрифтами и операционными системами.
DA01
1

Краткий ответ: вы не можете.

Фотошоп не только не идеален для понимания того, как ваши шрифты будут отображаться вне его, но и не идеален для работы со шрифтами в целом. (Когда я работал в дизайнерской фирме / типографии, все, что было разработано в PS, пришлось экспортировать в формате PDF по той же причине). Затем идет вопрос о сети, это браузеры и ОС, которая работает эти браузеры. До сих пор, насколько я знаю, OS X является лучшим с точки зрения рендеринга шрифтов соответственно, в то время как Linux приходит второй, и Windows, конечно, приходит последним. Реальность такова, что все они используют разные алгоритмы для рендеринга шрифтов, и вы не получите одинаковый результат везде. Если бы было решение, мы бы все переключились на Linux, Mac или подождали, пока Microsoft в следующий раз не преуспеет с Windows Metro (извините, я ненавижу называть это Windows 8) или полностью взорвется,

Просто мои 2 цента,

заплата

заплата
источник
0

На мой взгляд, рендеринг в браузере находится где-то между Photoshop «Sharp» и «Crisp» на Mac, и между «Crisp» и «Strong» в Windows. Я предлагаю использовать "Crisp" для живого текста графическим дизайнерам, с которыми я работаю. По умолчанию «Сильный» всегда настраивает их на разочарование. ;)

Грег Перхам
источник