Advertisement
  1. Design & Illustration
  2. Fonts

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

Scroll to top
Read Time: 10 min

Russian (Pусский) translation by Yuri Yuriev (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Я расскажу вам, как решила испытать свои силы в дизайне шрифтов, как готовилась к созданию своего самого первого шрифта, и почему вы тоже должны это попробовать! Процесс сложный и успокаивающий одновременно. Разрабатывая почву нового творческого поля, вы многое узнаете.

Если вы не собираетесь рисовать шрифт, но он вам нужен для проектов, переходите прямо на страницу шрифта Bananito Font Duo на GraphicRiver и получите его!

Bananito Font DuoBananito Font DuoBananito Font Duo

Шрифты окружают нас в повседневной жизни. Любой товар в магазине, любой веб-сайт, который вы просматриваете в Интернете и любой рекламный баннер на улице содержат хотя бы одно слово или фразу, набранную тяжёлым шрифтом sans-serif или игривой ручной прописью.

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

symbols fontsymbols fontsymbols font
Пример шрифта символов с каракулями вместо букв

Глядя на всю эту роскошь, я заметила, что рукописные экранные шрифты и причудливые прописи становятся всё более модными, освежая любой дизайн. Посмотрите в such fonts on GraphicRiver, например, или в статье о потрясающих рукописных шрифтах:

  • 30 Best Handwritten Fonts

Меня вдохновила идея попробовать что-то новое после многих лет работы иллюстратором. Так почему бы не передать мою страсть через ... рисование букв?

Как я создавала свой первый шрифт

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

digital practice sheetsdigital practice sheetsdigital practice sheets
Цифровая версия бумаги для каллиграфии. Упражнения на iPad.

Когда я ближе познакомилась с типографикой и каллиграфией, то решила сделать настоящий шрифт, который можно использовать в программах Adobe CC, Affinity Designer и Corel Draw для дизайна или Microsoft Office и Pages для набора и форматирования текста.

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

using font in a softwareusing font in a softwareusing font in a software

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

Так родился набор Bananito Font Duo!

После появления шрифта в Интернете он был выбран для рекламного бюллетеня email и был включен в большую подборку шрифтов.

bananito font used in a designbananito font used in a designbananito font used in a design
Пример использования Bananito Font Duo  

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

Рукопись в дизайне смотрится очень элегантно. Вот вдохновляющая статья о стильных курсивах:

  • 30 Best Stylish Cursive Fonts

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

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

designing a script fontdesigning a script fontdesigning a script font
Проектирование рукописного шрифта с текстурой. Первые шаги.

Позвольте, я расскажу вам о создании Bananito Font Duo от начала до конца.

Как создаётся шрифт из символов

Как вычертить буквы

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

  • востребовано (просмотрите top fonts on GraphicRiver, например, чтобы понять, что сейчас востребовано и какие шрифты имеют более высокий рейтинг или были отобраны персоналом Envato)
  • легко читалось в любом масштабе
  • пригодным для любого дизайна, то есть, многоцелевым

Он не должен выглядеть как ваш почерк, но может, если вы этого хотите (кроме того, рукописные шрифты очень популярны).

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

Лучше будет нарисовать всё за раз, не откладывая работу на завтра, поскольку буквы могут получиться иначе. Я заметила, что моя рука ведет себя по-разному каждый раз, когда я рисую - иногда она более усталая и твёрдая, а в другой день легче делает светлые, витые линии. Намного проще нарисовать все буквы в одном стиле, если рисовать их по порядку. Не забываем о цифрах и знаках препинания! Иногда они нужны для дизайна, так почему бы не добавить их к шрифту?

Загляните на Calligraphr (ранее известный как MyScriptFont.com), где вы найдёте очень полезный шаблон, содержащий все глифы для будущего шрифта. Распечатайте его и держите за образец или импортируйте в свои программы, если исполняете в цифровом виде.

drawing letters on the templatedrawing letters on the templatedrawing letters on the template

Кстати, несколько слов о цифре. Я начинала практиковать каллиграфию на бумаге. Позже перешла на рисование в iPad, используя Apple Pencil и приложение Procreate. Можно найти отличные кисти для каллиграфии или сделать свои собственные, как я. Несколько часов я покрутила настройки и текстуры, пока не создал идеальную кисть, которая вела себя как настоящая, плавно и быстро.

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

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

drawing letters digitallydrawing letters digitallydrawing letters digitally
Рисование букв на iPad по сетке

Как перенести рисунок на компьютер

Если вы довольны отрисованными буквами, пора открыть их в Adobe Illustrator и с помощью функции Image Trace превратить в красивые, чистые векторы!

Ваши настройки Image Trace могут отличаться от моих по толщине и размеру букв, их яркости и контрастности, если вы рисуете на бумаге. Обычно Threshold я ставлю между 120 и 170, если мне нужна большая или меньшая детализация. Paths и Corners ставлю на 75%, остальное по умолчанию.

Закончив, нажмите кнопку Expand на панели управления сверху, чтобы превратить буквы в кривые. Не забудьте удалить белый фон щелчком по Magic Wand Tool (Y).

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

trancing the font in adobe illustratortrancing the font in adobe illustratortrancing the font in adobe illustrator

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

traced letters distributed in adobe illustratortraced letters distributed in adobe illustratortraced letters distributed in adobe illustrator

Дальнейший процесс зависит от программ, которое вы будете использовать для создания шрифтов. Это может быть либо FontLab, либо, например, Glyphs.

Если у вас Windows, предлагаю попробовать FontLab, очень мощную программу для создания шрифтов! Этот набор уроков будет очень полезен для создания вашего первого шрифта с нуля:

Я предпочитаю Glyphs. Пригодный только для macOS, но это единственный его недостаток. Сама программа очень проста и интересна в работе, с удобным интерфейсом, с описанием в guides and tutorials. Поэтому, если у вас Mac, возьмите на пробу бесплатную 30-дневную версию.

Glyphs app interfaceGlyphs app interfaceGlyphs app interface
Интерфейс Glyphs 

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

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

making postcard with your fontmaking postcard with your fontmaking postcard with your font

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

Почему стоит попробовать создать собственный шрифт

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

  1. Это отличная возможность попробовать что-то новое. Если вы застряли в середине своего пути и чувствуете, что теряете мотивацию заниматься своим делом, создание шрифтов станет глотком свежего воздуха. Процесс сложный и интересный. Но может показаться медитативным и успокаивающим.
  2. Дизайн шрифта - хороший способ попробовать как традиционные, так и цифровые носители. Многим нравится рисовать буквы на бумаге, пользуясь перьями, кистями и каллиграфическими ручками. Другие выбирают цифровую каллиграфию на ПК или iPad, пробуют различные кисти и создают свои, чтобы найти идеальное сочетание размера, наклона и текстуры.
  3. Развивается техника рисования. Выполняя упражнения изо дня в день, вы обнаружите, что ваша рука делается более устойчивой и вытягивает длинные прямые линии уверенно и твёрдо. Никаких дрожащих строк! Этот навык пригодится для других областей иллюстрации, так как в рисовании важно иметь твёрдую руку.
  4. Любопытно, что освоение новых навыков заставляет ваш мозг создавать новые связи между нейронами, заменяя с течением времени некоторые из утраченных. Разве это не восхитительно? Кроме того, новый опыт повышает уровень дофамина, наделяя вас ощущением радости.
  5. Это повод добавить к вашему резюме новые навыки. Которые прибавят очков в глазах вашего будущего босса или клиента.
  6. Научившись совмещать шрифты, вы наберётесь опыта в дизайне. Красивые комбинации шрифтов украсят любой дизайн, а неуместные испортят самый хороший.
  7. В своих проектах лучше использовать собственные шрифты, не заботясь о нужной лицензии в зависимости от цели вашего конечного продукта.
example of the package designexample of the package designexample of the package design
Пример дизайна упаковки со шрифтом Bananito Font Duo

Продавать или не продавать?

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

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

using your font in package designusing your font in package designusing your font in package design

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

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

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

all the features of the fontall the features of the fontall the features of the font

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

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

using the bananito fontusing the bananito fontusing the bananito font

Попробуйте!

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

Если вам понравился Bananito Font Duo и он вам может пригодиться для проектов, возьмите его на GraphicRiver всего за несколько кликов.

Bananito Font DuoBananito Font DuoBananito Font Duo
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.