Как кернить ещё лучше. Изменение интервалов в тексте Для чего предназначен кернинг
Если вы занимаетесь Web-дизайном, но вам еще есть куда совершенствоваться, то, возможно, вам будет интересна наша небольшая статья о типографике. При разработке дизайна сайта необходимо четко понимать, как работать с текстом, а именно с межстрочным расстоянием, межсимвольным расстоянием, да и вообще, как выбрать шрифт. В этой статье мы постараемся внести ясность в такие аспекты веб-типографики, как интерлиньяж и кернинг. Мы научимся тому, как и когда их применять.
Для начала, откроем панель "Character" в фотошопе. Там находятся нужные вам настройки текста. Если не можете найти эту панель в рабочем пространстве, то откройте через Window-Character.
Leading (Интерлиньяж)
Когда вы работаете с параграфом, или просто с любым участком текста, который занимает более одной строки, вы сталкиваетесь с параметром Leading (Интерлиньяж). Это - расстояние между строк. Общая картина будет во многом зависеть от этого параметра. 
Стандартной пропорцией интерлиньяжа считается 120%. То есть, если размер (size) шрифта 20 точек (pt), то интерлиньяж должен быть 24 точки (pt).
Сокращение интерлиньяжа до показателя ниже 120% создает слишком высокую "скученность" и плотность символов, а также создает риск столкновения элементов символов между собой.
Чтобы отрегулировать интерлиньяж в Photoshop, используйте соответствующее (Leading/Интерлиньяж в зависимости от языка интерфейса) поле в панели Character. Редактироваться будет интерлиньяж того слоя текста, который в данный момент выделен.
В некоторых случаях вам, возможно, понадобится, чтобы расстояние между одними строками были больше, чем между другими. Для редактирования интерлиньяжа отдельных строк операция почти не меняется, за исключением того, что выделяете вы не весь текстовый слой целиком, а только те строки, интерлиньяж которых надо изменить.
Кёрнинг
Кёрнинг - говоря по-простому - расстояние между двумя символами. Целью кернинга является создание гармоничного пространства в рамках группы символов, и, в некоторых случаях, намеренное сильное увеличение/уменьшение этого пространства в целях придания тексту какого-то особого внешнего вида. Почти все шрифты, которые вы используете, уже включают в себя определенные прописанные расстояния между комбинациями символов, называется это Metric Kerning. Следует отметить, что если увеличить размер шрифта, или, например, изменить интерлиньяж текста, то Metric Kerning может ответить на эти изменения не совсем корректно. Если выставлен параметр Optical Kerning, фотошоп (или другая программа, которую вы используете) будет применять кернинг автоматически. Но, как ни странно, большинство дизайнеров не находят эту функцию полезной. Самым предпочтительным остается Manual Kerning.
Что такое manual kerning? По сути - это Кёрнинг вручную. Представьте себе, что расстояние между символами заполнено некой жидкостью, и такое же количество жидкости должно четко вмещаться между всеми расстояниями. Вы регулируете расстояние между символами на глаз, но если глаз отточен, то это - лучший прием.
Кернинг может быть вручную отрегулирован в панели Character в Фотошопе. Перед этим выставьте курсор между символами, расстояние между которыми собираетесь регулировать. Есть способ побыстрее. Также выставьте курсор между этими двумя символами, а затем, зажав клавишу Option, нажимайте стрелки влево/вправо. Результат будет нагляден.
Вот несколько вещей, которые нужно помнить о кернинге
- Начинайте с самых сложных сочетаний символов. Например, кернинг между заглавными и строчными буквами.
- Оставьте регулирование кернинга на конец работы над дизайном. Пусть это будет одним из последним шагов. Работайте над ним тогда, когда уже на 100% будете уверены в выбранных шрифтах, чтобы не потратить время зря.
- Цель кернинга - сделать текст оптически-корректным. Тут нет никакой математической формулы, канонов и прочего. Просто практикуйтесь, и все начнет получаться. Иногда играйте в эту игру - Type.method.ac
Кернинг (англ. kerning) при наборе текста - избирательное изменение интервала между буквами в зависимости от их формы.
Проще говоря, кернинг - процесс правильного размещения символов, регулируя расстояния между ними, в результате которого должна быть достигнута гармония.
Хотя на кернинг многие особого внимания не обращают (да и вообще - не знают), однако внимание в мелочам помогает достичь очень хороших результатов.
1. Кернинг и трекинг
Трекинг (Tracking) и кернинг (Kerning) - два понятия, которые не стоит путать. Трекинг - обозначает расстояние между символами в слове или предложении, независимо от их формы и размера. А вот кернинг - это более «местное» понятие.
2. Файлы шрифтов
Каждый файл шрифтов имеет внутреннюю таблицу кернинга. Дизайнер настраивает расстояния между парами строк, определяя их в тысячных долях. Например, VA имеет кернинг -80, а ry - 30.
3. Отображение в Photoshop/InDesign/Illustrator
В Photoshop, InDesign и Illustrator есть функция optical-кенинга, когда отображается альтернативный вариант. Хотя разницы почти никакой.
4. Заглавные буквы
Заглавные T, V, W и Y всегда проблематичны. Так как у них верхняя часть шире нижней. Так что используйте трекинг, чтобы вручную подравнять слова.
5. Помощь в кернинге
Есть такой приём - представьте, что между буквами расположены одинаковые по объему шары, наполненные воздухом. Наша цель - чтобы эти шары никуда не расползались, а были надёжно закреплены между буквами.
6. Единица
Одна из самых распространённых ошибок кроется в единице. Этот символ - узкий и образует вокруг себя много пустого пространства. По этой причине кернинг нуждается в доработке.
7. Цифры 7
Цифра 7 - ещё один проблемный символ. На него тоже следует обратить внимание.
8. Расстояния между словами
Всегда следите за расстояниями до и после слов. Они должны быть правильно соблюдены. Как упражнение, попробуйте представить букву О между словами.
9. Перепроверяй!
Не стоит полностью доверять тому, что Вы видите на экране монитора - всегда перепроверяйте результат перед его демонстрацией.
1. Каких списков нет в текстовом редакторе?
а) нумерованных;
Б) точечных;
в) маркированных.
2. При задании параметров страницы в текстовом редакторе устанавливаются:
А) поля, ориентация и размер страницы;
б) интервал между абзацами и вид шрифта;
в) фон и границы страницы, отступ.
3. Какую комбинацию клавиш следует применить, чтобы вставить в документ сегодняшнюю дату ?
а) Ctrl + Alt + A;
б) Shift + Ctrl + V;
В) Shift + Alt + D.
4. Какое из этих утверждений правильное?
А) Кернинг – это изменение интервала между буквами одного слова.
б) Если пароль к защищенному документу утрачен, его можно восстановить с помощью ключевого слова.
в) Сочетание клавиш Shift + Home переносит на первую страницу документа.
5. Какое из этих утверждений неправильное?
а) Большую букву можно напечатать двумя способами.
б) При помощи клавиши Tab можно сделать красную строку.
В) Клавиша Delete удаляет знак перед мигающим курсором.
6. На какую клавишу нужно нажать, чтобы напечатать запятую, когда на компьютере установлен английский алфавит?
А) где написана русская буква Б;
б) где написана русская буква Ю;
в) где написана русская буква Ж.
7. Колонтитул – это:
А) область, которая находится в верхнем и нижнем поле и предназначается для помещения названия работы над текстом каждой страницы;
б) внешний вид печатных знаков, который пользователь видит в окне текстового редактора;
в) верхняя строка окна редактора Word, которая содержит в себе панель команд (например, «Вставка», «Конструктор», «Макет» и т. д.).
8. Чтобы в текстовый документ вставить ссылку, нужно перейти по следующим вкладкам:
б) Файл – Параметры страницы – Вставить ссылку ;
9 - Тест. Какой шрифт по умолчанию установлен в Word 2007?
а) Times New Roman;
в) Microsoft Ya Hei.
10. В верхней строке панели задач изображена иконка с дискетой. Что произойдет, если на нее нажать?
а) документ удалится;
Б) документ сохранится;
в) документ запишется на диск или флешку, вставленные в компьютер.
11. Какую клавишу нужно удерживать при копировании разных элементов текста одного документа?
12. Что можно сделать с помощью двух изогнутых стрелок, размещенных в верхней строке над страницей текста?
а) перейти на одну букву вправо или влево (в зависимости от того, на какую стрелку нажать);
б) перейти на одну строку вверх или вниз (в зависимости от того, на какую стрелку нажать);
В) перейти на одно совершенное действие назад или вперед (в зависимости от того, на какую стрелку нажать).
13. Что позволяет увидеть включенная кнопка «Непечатаемые символы»?
А) пробелы между словами и конец абзаца;
б) все знаки препинания;
в) ошибки в тексте.
14. Объединить или разбить ячейки нарисованной таблицы возможно во вкладке:
а) «Конструктор»;
Б) «Макет»;
в) «Параметры таблицы».
15. Что позволяет сделать наложенный на текстовый документ водяной знак?
А) он делает документ уникальным;
б) он защищает документ от поражения вирусами;
в) он разрешает сторонним пользователям копировать размещенный в документе текст.
16. Чтобы включить автоматическую расстановку переносов, нужно перейти по следующим вкладкам:
А) Макет – Параметры страницы – Расстановка переносов ;
б) Вставка – Текст – Вставка переносов ;
17. Чтобы создать новую страницу, необходимо одновременно нажать на такие клавиши:
А) Ctrl и Enter;
б) Shift и пробел;
в) Shift и Enter.
18. Чтобы быстро вставить скопированный элемент, следует воспользоваться такой комбинацией клавиш:
Тест - 19. Перечень инструкций, который сообщает Word записанный заранее порядок действий для достижения определенной цели, называется:
а) колонтитулом;
Б) макросом;
в) инструкцией.
20. С помощью каких горячих клавиш невозможно изменить язык в текстовом редакторе?
а) Alt + Shift;
б) Ctrl + Shift;
В) Alt + Ctrl.
21. Чтобы сделать содержание в документе, необходимо выполнить ряд следующих действий:
а) выделить несколько слов в тексте с помощью клавиши Ctrl (они будут заглавиями), перейти на вкладку «Вставка» и нажать на иконку «Содержание»;
Б) выделить в тексте заголовки, перейти на вкладку «Ссылки» и там нажать на иконку «Оглавление»;
в) каждую новую главу начать с новой страницы, перейти на вкладку «Вставка», найти там иконку «Вставить содержание» и нажать на нее.
А) правую кнопку мыши с последующим выбором вкладки «Гиперссылка»;
б) левую кнопку мыши с последующим выбором вкладки «Гиперссылка»;
в) дважды на левую кнопку мыши с последующим выбором вкладки «Гиперссылка».
23. Чтобы в текстовый документ вставить формулу, необходимо перейти по таким вкладкам:
а) Файл – Параметры страницы – Вставить формулу ;
Б) Вставка – Символы – Формула ;
в) Вставка – Иллюстрации – Вставить формулу .
24. Какой ориентации страницы не существует?
А) блокнотной;
б) книжной;
в) альбомной.
25. Какую опцию регулирует это диалоговое окно?
А) изменение абзацного отступа;
б) изменение шрифта текста;
в) изменение размера полей листа.
26. Какое из данных ниже предложений соответствует правилам расстановки пробелов между словами и знаками препинания?
а) Word–идеальный помощник для студента:он позволяет создавать, просматривать и редактировать текстовые документы;
Б) Word – идеальный помощник для студента: он позволяет создавать, просматривать и редактировать текстовые документы;
в) Word – идеальный помощник для студента: он позволяет создавать, просматривать и редактировать текстовые документы.
27. Решите практическую задачу. Александр написал курсовую работу на 53 страницы. Теперь ему нужно скопировать информацию в другой документ. Парень 2 раза нажал на левую кнопку мыши и потянул… Посоветуйте Александру, как в один клик выделить весь текст.
а) нажать на вкладку «Файл» и выбрать там функцию «Скопировать все»;
б) навести курсор мыши на поле и кликнуть один раз;
В) нажать на сочетание клавиш Ctrl и A.
а) Alt + Ctrl + F2;
б) Ctrl + Shift + F2;
В) Alt + Shift + F2.
29. MS Word – это :
А) текстовый редактор;
б) электронная таблица;
в) управление базами данных.
30. Шуточный вопрос. Современная молодежь называет этим словом аксессуары к компьютеру для аудиосвязи, а программисты используют то же самое слово для обозначения стиля одного вида шрифта. Что это за слово?
Б) гарнитура;
Но как только в игру вступают более сложные формы, начинаются « слипания и дырки». Тут следует уравнивать площади между буквами. Есть много геометрических методик, но, честно признаюсь, они мне кажутся весьма сложными, а полезными только при проектировании шрифтов в создании массива кернинговых пар.
Поэтому рассмотрим общие правила и метод расстановки « по тройкам». Общие правила просты: наибольшее расстояние окажется между « прямоугольными буквами». Несколько меньшее расстояние требуется, если буква с прямолинейными элементами граничит c буквой округлой формы. Ещё меньшее расстояние требуется между двумя круглыми буквами. И ещё меньшее - с буквами имеющими открытые формы.
Метод расстановки тройками
- В слове выбирается самая сложная кернинговая пара, зазор между буквами которой будет самым узким - это либо две округлые буквы, либо комбинации букв с открытыми формами. Такая пара кернится первой.
- Далее слово кернится вправо и влево от этой пары. К выбраной откерненной паре мы прибавляем соседнюю букву, получая тройку букв и рассмативаем только эту тройку. Двигая новую букву, добиваемся равномерности площадей белого в этой тройке. Дальше сдвигаем тройку на одну букву в сторону и керним следующую букву. И таким образом проходим всё слово. При должном навыке вы будете делать это автоматически и весьма быстро.
Рассмотрим это на примере абстрактного слова « инговый». Выбираем сложную пару букв. В этом слове это - « го». И задаем минимальное расстояние между этими буквами.
Ке́рнинг (англ. kerning) при наборе текста - избирательное изменение интервала между буквами в зависимости от их формы.
Проще говоря, кернинг — процесс правильного размещения символов, регулируя расстояния между ними, в результате которого должна быть достигнута гармония. Хотя на кернинг многие особого внимания не обращают (да и вообще — не знают), однако внимание в мелочам помогает достичь очень хороших результатов.
1) Трекинг(Tracking) и кернинг(Kerning) — два понятия, которые не стоит путать. Трекинг — обозначает расстояние между символами в слове или предложении, независимо от их формы и размера. А вот кернинг — это более «местное» понятие.
2) Каждый файл шрифтов имеет внутреннюю таблицу кернинга. Дизайнер настраивает расстояния между парами строк, определяя их в тысячных долях. Например, VA имеет кернинг -80, а ry — 30.
3) в Photoshop, InDesign и Illustrator есть функция optical-кенинга, когда отображается альтернативный вариант. Хотя разницы почти никакой.
4) Заглавные T, V, W и Y всегда проблематичны. Так как у них верхняя часть шире нижней. Так что используйте Tracking, чтобы вручную подравнять слова.
5) Есть такой приём — представьте, что между буквами расположены одинаковые по объему шары, наполненные воздухом. Наша цель — чтобы эти шары никуда не расползались, а были надёжно закреплены между буквами
6) Одна из самых распространённых ошибок кроется в единице) Этот символ — узкий и образует вокруг себя много пустого пространства. По этой причине кернинг нуждается в доработке.
7) Цифра 7 — ещё один проблемный символ. На него тоже следует обратить внимание.
