Як я можу зробити так, щоб текст у Photoshop виглядав так, як це робиться в Інтернеті?


11

Чи дійсно мені потрібно все в Photoshop спроектувати з антизбудженням, встановленим на "none"? Я впевнений, що є кращий спосіб.

Мені б хотілося налаштувати так, що коли вибираєте базовий веб-сейф (наприклад, Tahoma) у Photoshop, щоб я міг бачити, як він насправді буде виглядати, коли в Інтернеті.

Наприклад: Різниця між Tahoma і анти-згладжуванням, встановленим на "чіткий" у Photoshop, і способом його відображення у Firefox є головною. Це виглядає красиво і гладко в Photoshop і виглядає як лайно в Інтернеті.

Чи є вибір згладжування, який найкраще почати з (який має найбільш подібний результат), коли планується розміщення вмісту в Інтернеті?


1
Як шрифт виглядає "в Інтернеті", повністю залежить від браузера, налаштувань браузера, ОС та налаштувань ОС. Іншими словами, це по-різному виглядає на різних людей.
DA01

Відповіді:


10

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

Псевдонімічне відображення тексту поширене в Windows XP, де ClearType відключений за замовчуванням. У Windows Vista та новіших версіях за замовчуванням увімкнено ClearType.


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


2
Відповідаючи на це запитання, Adobe додала параметри “Mac” та “Mac LCD” у Photoshop (плюс еквіваленти для Windows), які використовують візуалізацію шрифтів системи. Зараз він дуже близький або ідентичний Сафарі.
Марк Едвардс

8

Ні. Нова думка полягає в тому, щоб уникнути Photoshop для розробки дизайну та типографії та запустити в браузері якомога раніше.

Передаючи клієнту фактичну URL-адресу на відміну від комп’ютера Photoshop, ви уникаєте сподівань очікувань клієнта, коли кінцевий продукт робить дещо інший у своєму браузері за вибором порівняно з продуктами Photoshop.

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


1
У своїй компанії я створюю конструкції та передаю їх розробникові. Я ніколи не торкаюся коду. Зважаючи на це, мені потрібно рішення, яке не передбачає фактичного створення веб-сторінки, щоб побачити, як виглядає текст.
jonn_g

2

У Photoshop CC ми додали нові режими псевдоніму для ваших шрифтів. Замість "чіткого" або "сильного" спробуйте новий "Mac LCD". Ви отримаєте 100% безпечний веб-дизайн.


1
Не існує такого поняття, як "100% безпечний веб-дизайн", враховуючи, що немає такої можливості, як 100% -на узгодженість у веб-переглядачах, шрифтах та операційних системах.
DA01,

1

Короткий відповідь: Ви не можете.

Photoshop не тільки ніколи не ідеальний для того, щоб знати, як будуть відображатись ваші шрифти поза ним, він просто не ідеальний для роботи з шрифтами взагалі. (Коли я працював у дизайнерській фірмі / друкарні, все, що було розроблено в PS, з цієї ж причини потрібно було експортувати як PDF). Потім виходить питання про Інтернет, це браузери та ОС, які запускають ці браузери. Поки, наскільки мені відомо, OS X є найкращою з точки зору візуального відображення шрифтів, тоді як Linux займає друге місце, а Windows, звичайно, стає останнім. Реальність полягає в тому, що всі вони використовують різні алгоритми для відображення шрифтів, і ви не збираєтеся отримувати однаковий результат скрізь. Якщо б було рішення, ми б перейшли до Linux, Macs або чекаємо, поки Microsoft або наступного разу вдасться з Windows Metro (вибачте, ненавиджу називати це Windows 8) або повністю роздуває його,

Тільки мої 2 копійки,

Патч


0

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

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.