Если вы интересуетесь дизайном, то наверняка не раз слышали слово кернинг. Особенно его любят использовать на форумах, правда половина не понимает его значение, но замечание насчет кернинга звучит очень авторитетно и устрашающе. Конечно, можно вбить нужный запрос в поисковик и почитать теорию по этой теме, но не всегда изложение статьи (в той же Википедии) способствует пониманию. Поэтому в этой заметке вы найдете не только сухую теорию, но и примеры и даже сможете попрактиковаться.
Начнем с теории
Само понятие кернинга пришло из полиграфии, и обозначает процесс «ручного» регулирования расстояния между отдельными буквами с целью повышения общей красоты и удобочитаемости текста.
Ключевым является то, что это делается «вручную», т.е. зависит от ощущения дизайнера и то, что этот процесс может затрагивать только те места, которые дизайнеру кажутся «некрасивыми».
Также существует такое понятие, как трекинг . Трекингом тоже называют изменение расстояния между буквами, но применяется он автоматически к целому слову, строке или абзацу.
Как правило, его используют для массива текста, когда появляются всякие некрасивые места вроде «висячих строк», т.п.
Кернинг же используется для «доводки» отдельных слов. Поэтому понимание этого процесса для создания логотипов просто необходимо (даже если вы не делаете шрифт в логотипе с нуля, а используете уже готовый).
Допустим, вы подобрали подходящий для логотипа шрифт и написали им название компании. С большой вероятностью у вас будут места, где буквы находиться друг относительно друга слишком близко и места, где они расположены уж слишком далеко. И все это в одном слове! Когда это большой блок текста - на такие моменты вы и внимания не обратите, но когда это в названии - глаз сразу «натыкается» на такие места.
Определены даже конкретные пары букв, где автоматически устанавливаемое расстояние между буквами нуждается в корректировке - так называемые кернинговые пары: AV, Wa, XC, To, т.д.
Как определить, где нужна корректировка расстояния между буквами?
Самое главное - вы должны это чувствовать. Однако пока вы не развили в себе этот навык, необходимо понимать, почему так происходит.
Все дело в том, что форму букв можно вписать в простейшие фигуры: прямоугольник, круг, треугольник. Если поставить их рядом, то расстояние между прямоугольниками будет везде одинаково, между прямоугольником и кругом - снизу и сверху образуются дыры, между прямоугольником и треугольником - большая дыра сверху, соседство круга и треугольника даст еще большую дыру сверху, а поставив рядом два треугольника, вы получите между ними пропасть.
Причем расстояние между крайними точками везде одинаково, но визуально, из-за различий в формах, расстояние между буквами будет казаться разным. Тут то и понадобиться «ручное» корректирование.
Как правильно скорректировать расстояние между буквами?
Во-первых, чем больше кегль (высота) буквы, тем легче вам будет двигать буквы. Увеличьте надпись до размера, при котором вы можете комфортно по чуть-чуть сдвигать / раздвигать буквы.
Определите наиболее «проблемное» место, и, подобрав нужное расстояние между этими буквами, принимайтесь за близстоящие справа и слева пока не пройдетесь по всему слову.
Следите за трекингом - не допускайте, чтобы слово слишком расползалось или сжалось. Особый случай если слово состоит из заглавныхх букв - тогда в нем допускается увеличенная буквенная разрядка.
Ке́рнинг (англ. kerning) при наборе текста - избирательное изменение интервала между буквами в зависимости от их формы.
Проще говоря, кернинг — процесс правильного размещения символов, регулируя расстояния между ними, в результате которого должна быть достигнута гармония. Хотя на кернинг многие особого внимания не обращают (да и вообще — не знают), однако внимание в мелочам помогает достичь очень хороших результатов.
1) Трекинг(Tracking) и кернинг(Kerning) — два понятия, которые не стоит путать. Трекинг — обозначает расстояние между символами в слове или предложении, независимо от их формы и размера. А вот кернинг — это более «местное» понятие.
2) Каждый файл шрифтов имеет внутреннюю таблицу кернинга. Дизайнер настраивает расстояния между парами строк, определяя их в тысячных долях. Например, VA имеет кернинг -80, а ry — 30.
3) в Photoshop, InDesign и Illustrator есть функция optical-кенинга, когда отображается альтернативный вариант. Хотя разницы почти никакой.
4) Заглавные T, V, W и Y всегда проблематичны. Так как у них верхняя часть шире нижней. Так что используйте Tracking, чтобы вручную подравнять слова.
5) Есть такой приём — представьте, что между буквами расположены одинаковые по объему шары, наполненные воздухом. Наша цель — чтобы эти шары никуда не расползались, а были надёжно закреплены между буквами
6) Одна из самых распространённых ошибок кроется в единице) Этот символ — узкий и образует вокруг себя много пустого пространства. По этой причине кернинг нуждается в доработке.
7) Цифра 7 — ещё один проблемный символ. На него тоже следует обратить внимание.
Но как только в игру вступают более сложные формы, начинаются « слипания и дырки». Тут следует уравнивать площади между буквами. Есть много геометрических методик, но, честно признаюсь, они мне кажутся весьма сложными, а полезными только при проектировании шрифтов в создании массива кернинговых пар.
Поэтому рассмотрим общие правила и метод расстановки « по тройкам». Общие правила просты: наибольшее расстояние окажется между « прямоугольными буквами». Несколько меньшее расстояние требуется, если буква с прямолинейными элементами граничит c буквой округлой формы. Ещё меньшее расстояние требуется между двумя круглыми буквами. И ещё меньшее - с буквами имеющими открытые формы.
Метод расстановки тройками
- В слове выбирается самая сложная кернинговая пара, зазор между буквами которой будет самым узким - это либо две округлые буквы, либо комбинации букв с открытыми формами. Такая пара кернится первой.
- Далее слово кернится вправо и влево от этой пары. К выбраной откерненной паре мы прибавляем соседнюю букву, получая тройку букв и рассмативаем только эту тройку. Двигая новую букву, добиваемся равномерности площадей белого в этой тройке. Дальше сдвигаем тройку на одну букву в сторону и керним следующую букву. И таким образом проходим всё слово. При должном навыке вы будете делать это автоматически и весьма быстро.
Рассмотрим это на примере абстрактного слова « инговый». Выбираем сложную пару букв. В этом слове это - « го». И задаем минимальное расстояние между этими буквами.
– будь то разработка сайтов, графика или мультимедиа – обязан знать тонкости работы с кернингом. Этот элемент практически не заметен непрофессионалам, но сразу же бросается в глаза тем, кто знает, где его искать.
Обучение эффективному кернингу – это, прежде всего, тренировка наблюдательности и внимания к деталям.
И всё-таки, что означает это понятие?
Кернинг - это уменьшение или увеличение расстояния между буквами, из которых складывается слово. Выбор правильного интервала превращается в отнюдь не простую задачу, поскольку символы по-разному заполняют собой пространство (в зависимости от регистра, высоты основного штриха (ствола буквы), выносных элементов, наличия или отсутствия засечек и т.п.).
Мы расскажем вам о том, как научиться обращать внимание на этот важный элемент типографики, а также поделимся ссылками на полезные ресурсы с дополнительной информацией.
Когда межбуквенный интервал шрифта не определён, каждый последующий символ располагается рядом с предыдущим, начинаясь строго в его конечной точке. Это наглядно видно на верхнем изображении со словом “AWE.” Между буквами A и W осталось много незаполненного пространства, тогда как W и E практически прилипли друг к другу. В результате текст выглядит неряшливо и вводит читателя в заблуждение: так всё-таки “A WE” или “AWE”?
В большинстве программ для обработки и редактирования текста применяется автоматический алгоритм настройки кернинга, который определяет стандартный межбуквенный интервал для того или иного шрифта. Существует два способа автоматической настройки кернинга: метрический и оптический.
При выборе оптического способа расстояние между буквами устанавливается в соответствии со значениями из таблицы кернинговых пар, встроенной в . Такая настройка позволяет аккуратно выровнять шрифт и является стандартной для большинства текстовых редакторов. Метрический кернинг используется только при работе с профессиональным текстовым ПО.
В этом случае оптимальный межбуквенный интервал вычисляется на основе информации о контуре каждой отдельной буквы.
Разрабатывая дизайн гарнитуры шрифта, хочется иметь возможность полностью контролировать то, каким образом буквы будут размещаться друг за другом при наборе. В таком случае кернинг нужно устанавливать вручную. Обратите внимание: буквы A и W сдвинуты ближе друг к другу, чтобы устранить незаполненное пространство, образовавшееся двумя диагональными линиями при автоматическом кернинге.
Успешные дизайнеры стремятся к совершенству во всех, даже самых мельчайших деталях, и ручной кернинг позволяет добиваться идеальных результатов.
Учитесь правильно кернить текст!
Прежде чем приступить к работе над дизайном собственной гарнитуры, ознакомьтесь с необходимыми требованиями и навыками на подобранных нами полезных ресурсах:
