Если вы немного занимаетесь дизайном, вы знаете, что шрифты играют одну из ключевых ролей и придают вашему дизайну отличительный и уникальный вид.
В Интернете есть тысячи шрифтов, но именно это разнообразие делает наш выбор таким утомительным … Если, как и я, вы хотите что-то «модное», создайте свой собственный шрифт. В этом уроке мы рассмотрим создание шрифта ttf с помощью Fontographer.
Fontographer — это простой в освоении, но очень мощный редактор, который позволяет создавать новые шрифты и редактировать существующие.
И другие! Мы создадим новый шрифт на основе картинки, которую я нашел в Интернете. Мне нужен шрифт Nandos Bold, который используется в дизайне интерьера португальской сети ресторанов Nandos.
Но поскольку этот шрифт предназначен непосредственно для ресторанов, я не смог найти его в Интернете. Однако я нашла картинку со шрифтовым алфавитом, сделанным южноафриканскими детьми. Спасибо за это! Вот ссылка на само фото.
ШАГ 1 — Откройте изображение нашего шрифта в любом графическом редакторе (я использую Photoshop, но это не так важно). Выделите заглавную букву «А» и скопируйте ее в буфер обмена. Буква A нам понадобится позже, чтобы проверить кернинг.
ШАГ 2 — Запустите Fontographer и создайте новый шрифт (Command + N). Открываем новое окно и дважды щелкаем по ячейке с буквой А, что перенесет нас в окно создания контура буквы.
ШАГ 3 — Вставьте изображение, которое вы скопировали ранее. Программа автоматически разместит его на слое Template, и буква появится на экране светло-серым цветом.
Выбрав слой с шаблоном, переместите букву на нижнюю базовую линию. Здесь вы также можете выполнить базовое редактирование (масштабирование, перекос, зеркальное отображение и т. д.).
ШАГ 4 — Выберите слой контура (это важно) Теперь нам нужно обвести нашу букву. Это можно сделать вручную или автоматически с помощью команды Auto-trace.
В нашем примере точность не так важна, поэтому выберите AutoTrain в меню Item. В появившемся окне мы можем поиграться с настройками детализации (справа — более подробный контур, слева — более плавный контур).
ШАГ 5 — Откройте окно показателей, нажав Command + K или выбрав команду в меню «Окно». Буква, которую мы только что создали, появится в новом окне.
Перетаскивая две направляющие по бокам буквы, установите расстояние до соседних символов (до и после).
ШАГ 6 — Повторите шаги с 3 по 5, но теперь для буквы V (нам нужна буква V, чтобы выучить кернинг).
ШАГ 7 — После создания буквы V введите символы AV в строке текстового поля в верхней части окна показателей. В окне будут отображаться обе буквы, каждая со своим отступом.
На самом деле буквы A и V должны быть ближе друг к другу (если сравнивать их с H и K, V и т. д.), Иначе расстояние между ними при использовании будет казаться неприлично большим.
Регулировка этого расстояния называется кернингом. Нажмите на букву V и перетащите направляющую L ближе к букве A.
ШАГ 8 — Введите букву VA в текстовую строку окна метрической системы. Перетащите направляющую L буквы A ближе к символу V. Каждый раз, когда вы вводите текст в окне показателей, Fontographer сохраняет пару кернов для этих символов в памяти шрифтов.
Чтобы шрифт выглядел более профессионально, постарайтесь создать как можно больше пар кернинга для разных символов. В зависимости от дизайна шрифта не существует набора пар кернинга.
Единственное, что это короткий список символов, которым нужен кернинг: 4, 6, 7, 9, A, C, D, F, G, J, K, L, P, T, U, V, W, Y и многие другие. строчные буквы.
ШАГ 9 — Сохранение шрифта (Command + S) по-прежнему не дает вам шрифта TTF. Программа просто сохранит все ваши действия в файл с собственным внутренним форматом.
ШАГ 10 — Прежде чем мы сохраним то, что мы сделали с файлом TTF, нам нужно дать нашему шрифту имя. Для этого перейдите в меню Item>.
Информация о шрифте … Заполните поля: название шрифта, компания-разработчик, дизайнер. Кодирование можно оставить на MacOS Roman.
Но теперь перейдите в меню «Файл» и выберите «Создать файлы шрифтов …». Проверьте, в каком формате Fontographer предлагает сохранить шрифт (это должен быть ttf), укажите папку для сохранения и нажмите «Создать».
Это все!Конечно, создавать собственный шрифт — неинтересно, но оно того стоит.
