Типографика в Photoshop: интерлиньяж, трекинг и кернинг без ошибок
Текст вроде бы ровный, но выглядит дешёво.
Причина почти всегда в одном: три настройки перепутаны между собой, и каждая тянет не туда.
Три настройки
Практика: их легко запомнить по направлению.
Leading — вертикаль, расстояние между строками. Kerning — расстояние между двумя конкретными буквами. Tracking — расстояние между всеми буквами выделенного фрагмента.
Практика: если вы понимаете, что именно меняете, дальше всё сводится к паре ползунков.
Где панели
Документация: Character и Paragraph — соседние вкладки одной группы.
Открываются через Window → Character и Window → Paragraph.
Практика: кнопка на панели параметров инструмента Type тоже открывает эту группу.
Leading
Документация: по умолчанию стоит Auto, что означает 120 % от кегля.
Значение можно ввести вручную или выбрать из списка.
Практика: 120 % — разумная отправная точка для мелкого текста, но для заголовков её часто хочется уменьшить.
Изменение Auto Leading
Документация: процент автоматического интерлиньяжа меняется в диалоге Justification панели Paragraph.
Практика: это глобальная настройка для файла, а не для одного слоя. Меняйте её осознанно.
Kerning
Документация: по умолчанию стоит Metrics — встроенные пары шрифта.
Optical включает автоматическую оценку по форме букв. Ручное значение задаётся в позиции между двумя символами.
Практика: ручной кернинг нужен для логотипов и крупных заголовков: пары вроде «AV» или «To» всегда требуют внимания.
Клавиши
Документация: Alt + стрелка влево/вправо (Option на macOS) уменьшает или увеличивает кернинг между символами.
Практика: это быстрее, чем каждый раз лезть в поле ввода.
Tracking
Документация: значение трекинга задаётся для выделенного диапазона или всего слоя.
Отрицательные значения сжимают, положительные раздвигают.
Практика: трекинг и ручной кернинг складываются. Поэтому сначала трекинг, потом кернинг — иначе ваша ручная работа поедет.
Точечный и абзацный текст
Практика: это два разных объекта.
Точечный текст (щелчок инструментом Type) живёт строкой и не переносится. Абзацный (протяжка рамки) переносится по ширине рамки.
Практика: для вёрстки блока — только абзацный: иначе при правке текста всё разъедется.
Paragraph
Документация: панель Paragraph отвечает за выравнивание, отступы и интервалы между абзацами.
Практика: интервал между абзацами задавайте здесь, а не пустыми строками: пустые строки разваливаются при переносе.
Порядок работы
- Создайте текстовый слой.
- Выберите кегль.
- Задайте leading под плотность.
- Настройте tracking для всего блока.
- Пройдите кернинг в проблемных парах.
- Проверьте абзацные отступы.
- Сравните с уменьшенным видом.
Практика: шаг 7 обязателен: ошибки интерлиньяжа видны именно на мелком масштабе.
Где ломается
Строки «слипаются». Слишком маленький leading.
Текст разъехался. Использован точечный текст вместо абзацного.
Между буквами дыры. Перебор с положительным трекингом.
Кернинг не работает. Выделен диапазон, а не позиция между символами.
Отступы сбились. Пустые строки вместо настройки абзаца.
FAQ
Где включить панели?
Window → Character и Window → Paragraph.
Что такое Auto Leading?
Автоматический интерлиньяж 120 % от кегля.
Чем кернинг отличается от трекинга?
Кернинг — между двумя буквами, трекинг — между всеми.
Что выбрать: Metrics или Optical?
Metrics по умолчанию, Optical для крупных кеглей и проблемных пар.
Как быстро подвинуть пару букв?
Alt/Option + стрелка влево или вправо.
Размер и масштаб
Практика: масштабировать текст инструментом Free Transform — плохая идея.
Растровый слой после масштабирования теряет чёткость, а кегль перестаёт соответствовать введённому значению. Меняйте размер в панели.
Практика: если нужен нестандартный масштаб, лучше подобрать кегль, чем тянуть за угол.
Вертикальный и горизонтальный масштаб
Практика: поля Vertical Scale и Horizontal Scale есть, но пользоваться ими стоит осторожно.
Они растягивают буквы, и шрифт перестаёт быть тем шрифтом, который выбрал дизайнер. Иногда без этого не обойтись в логотипе, но в теле текста — почти никогда.
Практика: исключение — подгонка ширины строки в заголовке на одну-две десятых.
Цвет и обводка
Практика: оформление текста живёт в двух местах.
Цвет — в панели Character или на панели свойств, обводка и тени — в стилях слоя.
Практика: не дублируйте: если обводка сделана стилем, не добавляйте вторую через Character.
Сглаживание шрифта
Практика: у мелкого текста важен параметр сглаживания.
На тёмном фоне тонкий шрифт с резким сглаживанием выглядит чище, на светлом — мягче. Проверять нужно на том носителе, где текст будет жить.
Практика: для печати и для экрана настройки разные, и «универсальной» нет.
Проверка на реальном размере
Практика: смотрите текст в масштабе 100 %, а не «по ощущениям».
Именно там видно, что интерлиньяж слишком тесный, а трекинг — слишком широкий. Уменьшенный вид врёт: он сглаживает проблемы.
Практика: и не забудьте проверить, как текст читается на телефоне, если макет уйдёт в интернет.
Что запомнить
Практика: leading — вертикаль, tracking — весь блок, kerning — пара букв.
Дальше: Auto Leading 120 %, сначала tracking, потом kerning, абзацный текст для блоков и настройка отступов в панели Paragraph, а не пустыми строками.
Текст на кривой и в фигуре
Практика: Photoshop умеет и то, и другое.
Текст по контуру ставится инструментом Type на границе фигуры или контура, текст внутри фигуры — щелчком внутри замкнутой области.
Практика: для логотипов это удобно, для вёрстки — нет: Illustrator и InDesign справляются лучше.
Кегль и оптический размер
Практика: крупный текст требует не только другого кегля, но и других пропорций.
Те же значения трекинга, что хороши для 12 пунктов, на 72 выглядят разреженно. Варьируйте: у заголовков трекинг чаще отрицательный.
Практика: проверьте пару вариантов и оставьте тот, где строка читается как единое целое.
Файл и шрифты
Практика: перед сдачей макета проверьте, какие шрифты использованы.
Если шрифт не встроен в PDF или не переведён в кривые, на чужой машине текст заменится. Для печати это критично, для веба — просто неприятно.
Практика: держите список использованных гарнитур в заметках проекта.