Как сделать шрифт как на картинке


Как сделать шрифт как на картинке

Как сделать шрифт как на картинке

Как сделать шрифт как на картинке



Как создать свой TTF шрифт из сканированных изображенийЕсли вы хоть немного связаны с дизайном, то знаете что шрифты играют одну из ключевых ролей и придают вашему проекту своеобразность и уникальность. В интернете можно найти тысячи различных шрифтов, но именно это разнообразие и делает наш выбор таким мучительным… Если вам также, как и мне, хочется чего-нибудь «этакого», тогда создайте свой собственный шрифт. В этом уроке мы наглядно рассмотрим создание ttf шрифта, при помощи Fontographer.

Fontographer — это легкий в освоении, но очень мощный редактор, который позволяет создавать новые и редактировать уже имеющиеся шрифты.

Итак! Создавать новый шрифт мы будем из изображения, которое я нашел в интернете. Мне позарез нужен был шрифт Nandos Bold, который используется в дизайне интерьера сети португальских ресторанов Nandos. Но так как разрабатывали этот шрифт непосредственно для ресторана, найти в интернете мне его не удалось. Зато я нашел картинку с алфавитом этого шрифта, которую нарисовали дети из Южной Африки. Спасибо им за это! Вот .

ШАГ 1 Открываем изображение нашего шрифта в любом графическом редакторе (я пользуюсь Photoshop, но это не так важно). Выделяем заглавную букву «А» и копируем ее в буфер обмена. Буква А нам позже потребуется для изучения кернинга.

Fontographer - урок по созданию шрифта

ШАГ 2 Запускаем Fontographer и создаем новый шрифт (Command + N). В открывшемся окне два раза кликаем по клетке с буквой А, в результате чего появится окно создания контура (outline) буквы.

Fontographer - урок по созданию шрифта

ШАГ 3 Вставляем скопированное ранее изображение. Программа автоматически поместит его на слой Template и на экране буква будет выглядеть бледно серой. Выбрав слой Template, передвиньте букву на нижнюю базовую линию. Здесь же можно произвести элементарное редактирование (масштабировать, наклонить, зеркальное отражение и т.п.).

Fontographer - урок по созданию шрифта

ШАГ 4 Выбираем слой Outline (это важно!!!). Теперь нам необходимо произвести обводку нашей буквы. Сделать это можно вручную или автоматически, используя команду Auto-trace. В нашем примере точность не так важна, поэтому выбираем из меню Element команду Auto-trace… В открывшемся окне можно поиграть с настройками детализации (правее более детальный контур, левее — более сглаженный контур).

Fontographer - создание обводки символов

ШАГ 5 Открываем окно Metrics, нажав Command + K или выбрав комманду из меню Window. В новом окне будет находится буква, контур которой мы только что создали. Перетягивая две направляющие по бокам буквы, установите расстояние до соседних символов (до и после).

Fontographer - урок по созданию шрифта

ШАГ 6 Повторите шаги с 3 по 5, но теперь для буквы V (буква V нам необходима для изучения кернинга).

ШАГ 7 После того как вы создадите букву V, введите подряд символы AV в поле Text верхней части окна Metrics. В окне отобразятся обе буквы, каждая со своими отступами. На самом деле буквы A и V должны быть ближе друг к другу (если сравнивать с H и K, V и т.п.), в противном случае при использовании будет казаться что расстояние между ними неприлично большое. Подгонка этого расстояния называется кернингом. Кликните по букве V и перетяните направляющую L ближе к букве A.

Fontographer - кернинг созданного шрифта

ШАГ 8 Введите буквосочетание VA в текстовую строку окна Metrics. Перетяните направляющую L буквы A ближе к символу V. Каждый раз когда вы вводите текст в окне Metrics, Fontographer сохраняет кернинг пару для этих символов в памяти шрифта.

Чтобы ваш шрифт выглядел более профессионально, постарайтесь создать как можно больше кернинг пар для разных символов. Определенного набора кернинг пар не существует, т.к. все зависит от дизайна вашего шрифта. Единственное приведу краткий список символов, требующих регулировки кернинга: 4, 6, 7, 9, A, C, D, F, G, J, K, L, P, T, U, V, W, Y и большинство символов нижнего регистра.

ШАГ 9 Сохранив шрифт (Command + S), вы все еще не получите TTF шрифт. Программа всего лишь запишет все ваши действия в файл со своим внутренним форматом.

Fontographer - готовый к сохранению шрифт

ШАГ 10 Прежде чем мы сохраним проделанную работу в TTF файл, нашему шрифту необходимо дать имя. Для этого заходим в меню Element > Font Info… Заполняем поля имени шрифта, компании разработчика, дизайнера. Кодировку можно оставить MacOS Roman.

Ну а теперь смело заходим в меню File и выбираем Generate Font Files… Проверьте в каком формате Fontographer предлагает сохранить шрифт (должен быть ttf), укажите папку для сохранения и жмем кнопку Generate.

Вот и все! Конечно же создание собственного шрифта дело не из веселых, но оно того стоит.

Помоги проекту macnoob.ru - Пожертвуй 1$

Читателям также нравится:

Как установить смайлы Emoji (Эмодзи) на клавиатуре iPhone

OS X Mavericks: заедающая прокрутка в браузерах и лаги интерфейса. Обновляться и...

Возможные проблемы при установке Windows на MAC [ШАГ-5]

Илон Маск - герой из будущего

Похожие записи:

Идеальная флешка для iPhone | Все что вам надо знать [Полное руководство]

Проблемы с запуском Evernote — Internal database error…

iPhone завис на экране «Сдвиньте для обновления» [Решение]

Замена контроллера питания U7 и зарядки U2 iPhone — Доступно для чайника

Российская Техподдержка Apple — личный опыт общения [Audio]

Не заряжается iPhone — Что делать?


Источник: http://macnoob.ru/howto/kak-sozdat-ttf-shrift-iz-izobrageniy-fontographer/

X

Как сделать шрифт как на картинке фото


Как сделать шрифт как на картинке

Как сделать шрифт как на картинке

Как сделать шрифт как на картинке

Как сделать шрифт как на картинке

Как сделать шрифт как на картинке

Как сделать шрифт как на картинке

Как сделать шрифт как на картинке

Читать еще

Как сделать 1 отступ в ворде

Как сделать амулет ребенку

Оригинальное поздравление подруге на день рождение

Новости