Как сделать свой собственный шаблон шрифта

Опубликовано: 2023-02-12

Если вы здесь, значит, вы часами рыскали по Интернету в поисках идеального шрифта — и не нашли. Вы находитесь под большим давлением, чтобы ваш дизайн выглядел *точно*, поскольку планка для творческого рассказывания историй о брендах продолжает подниматься все выше и выше. Теперь ваш план атаки состоит в том, чтобы создать свой собственный шрифт, и какая это замечательная идея!

Создание шрифта не так сложно, как кажется, и этот процесс может открыть широкие возможности, когда дело доходит до настройки внешнего вида вашего шрифта. Когда вы создаете собственный шаблон шрифта, вы можете контролировать толщину линий, засечки, плотность и многое другое.

Есть несколько способов сделать это, и в зависимости от того, какой стиль вы предпочитаете, есть способы создания цифровых решений, а также рисованных шрифтов. Сейчас мы сосредоточимся на практическом методе и узнаем, как превратить вашу работу в реальный шрифт. Вот что мы рассмотрим:

Выбор шрифта или шаблона сайта, который вы хотите использовать

Сбор ваших материалов

Практика вашего шрифта

Делать это по-настоящему

Загрузка и создание вашего шрифта

Установка шрифта

Уроки выучены


Выберите шрифт или шаблон сайта, который вы хотите использовать

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

  • Каллиграф
  • Структура шрифта
  • Прототип

В этом уроке я использую Calligraphr, чтобы запустить свой проект. Эта платформа бесплатна и очень удобна для начинающих дизайнеров шрифтов.


Соберите свои материалы

Вам понадобится несколько вещей, чтобы начать создавать шрифты с собственным почерком. Как минимум, приличная ручка и бумага — хорошая отправная точка. Чтобы оживить свой творческий процесс, возьмите линейку, транспортир и компьютер для поиска творческого вдохновения. Это поможет с последовательностью вашего рисунка, особенно если вы добавляете много наворотов к своему пользовательскому шрифту!

Дайте волю своему творчеству. Если вы хотите сделать идеальные кривые и линии, сделайте это. Хотите схватить своего 3-летнего ребенка и посмотреть, что он придумает? Используйте их тоже. Это лучшая часть создания собственного шрифта — вы можете определить, как он выглядит, чтобы соответствовать творческому заданию вашего клиента.

Человек, практикующий работу над дизайном шрифта на ноутбуке.

Независимо от стиля, вам нужно будет использовать темную ручку для конечного продукта на бумаге для шаблона шрифта. Убедитесь, что толщина вашей лески не слишком тонкая или слишком тяжелая — найдите что-нибудь средней толщины. Мы использовали Sharpie, чтобы вы могли видеть, как это получается в финальном проекте (спойлер: шрифт выглядит очень толстым).

Предлагаем начать с карандаша. Помните, вы всегда можете сделать набросок, а затем доработать его ручкой. Просто сотрите все каракули, прежде чем вы закончите!


Время попрактиковаться в шрифте

В зависимости от того, насколько естественен ваш шрифт для рисования, вам может понадобиться или не понадобиться попрактиковаться перед попыткой окончательной версии.

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

Даже если это всего один раз, потренируйтесь со своим шрифтом, и, надеюсь, вы избежите ухабов на дороге во время финальной версии.


Сделайте это по-настоящему сейчас

Когда вы будете готовы, загрузите и распечатайте страницу шаблона для создания шрифтов с выбранного вами сайта. Вероятно, это выглядит как пара листков бумаги с выделенной областью для каждой буквы. Как вы уже практиковались, просто нарисуйте формы букв так, как вы хотите.

Листы шаблонов шрифтов.
Ваш лист шаблона шрифта будет выглядеть примерно так!

Поскольку обложка на шаблонах будет вашим собственным шрифтом, вы хотите, чтобы он был правильным. Не торопитесь, дважды проверьте своих персонажей и оставьте себе достаточно времени, чтобы сделать это без спешки. Последнее, что вам нужно, это обнаружить ошибки в вашем шрифте после того, как вы установили его на свой компьютер и пытаетесь использовать в проекте.


Время загрузить и создать свой шрифт

Пользовательский шрифт на листе шаблона.
Вот как выглядел наш со всеми нарисованными буквами!

Как только вы будете удовлетворены своей работой, пришло время загрузить шаблоны на любой сайт, который вы решили использовать. Отсканируйте свои шаблоны шрифтов, а затем убедитесь, что вы ознакомились с конкретными требованиями к их загрузке.

Просто следуйте инструкциям сайта и подождите, пока ваш шрифт будет создан. С Caligraph наше время ожидания составило примерно семь секунд, так что это довольно быстро.


Установите шрифт и вперед!

Ваш шрифт теперь такой же, как и любой другой, который вы загружаете, поэтому установите его так же, как и любой другой шрифт, который вы нашли в Интернете. Это действительно так просто!

Новый шрифт, созданный автором этой статьи, отображается белым текстом на розовом фоне.

Несколько вещей, извлеченных из рисования пользовательского шрифта:

  • Видите эти две точки между двумя строками текста? Мы понятия не имеем, откуда они взялись, но они привязаны к символу «М». Поэтому будьте особенно осторожны, чтобы стереть все лишние пометки на вашем шаблоне перед загрузкой.
  • Написание собственного шрифта с помощью шаблона может показаться очень неудобным. Вспомните детский сад, когда вы впервые учились писать, обводя буквы; создание собственного шрифта — аналогичный опыт. Подумайте о том, чтобы распечатать несколько дополнительных листов шаблонов, чтобы вы могли сначала потренироваться, чтобы освоиться.
  • Sharpie выглядел красиво на бумаге, но толщина линий выглядит намного толще, чем у цифрового шрифта. Кроме того, концы букв были скопированы не очень хорошо, что привело к довольно детскому шрифту, который вы видите выше.
  • Хотя это сложно, поскольку вы создаете каждую букву отдельно, постарайтесь помнить, как все символы связаны друг с другом. По какой-то причине наша строчная буква «t» оказалась намного меньше (и выше), чем другие буквы, поэтому она выглядит немного неуместной.

Честно говоря, ваш первый шрифт может занять пару попыток. Хотя это простой процесс, вы, вероятно, узнаете новые и лучшие способы создания собственного шрифта каждый раз, когда будете это делать.


Заключение

Количество пользовательских шрифтов и надписей растет, поскольку спрос на уникальное повествование о брендах поднимает наши творческие потолки все выше и выше. Надеемся, что этот учебник по созданию шрифтов облегчит ваше разочарование, потому что теперь у вас есть возможность воплотить в жизнь свои собственные идеи надписей!