top_banner_basettnormspro
Главная Блог Создаем шрифт с нуля: подробное руководство и советы по выбору программ

Создаем шрифт с нуля: подробное руководство и советы по выбору программ

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

Создаем шрифт с нуля: подробное руководство и советы по выбору программ

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

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

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

Теоретическая подготовка

Прежде чем вы приступите к непосредственной работе, запаситесь знаниями. Этот путь похож на университетский подход: сначала лекция, уже потом практическое применение на семинарах. Впрочем, это не строгое правило, ведь кому-то легче получать знания в процессе, берясь за работу сразу и изучая конкретные вопросы, возникающие по ходу создания. Выбирайте тот путь, который подходит вам.

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

Вот книги, которые стоит держать на рабочем столе:

  • Designing Type, книга Karen Cheng;
  • Type Tricks: Your Personal Guide to Type Design, книга Sofie Beier;
  • Designing Fonts: An Introduction to Professional Type Design, книга Thames and Hudson;
  • How to create typefaces. From sketch to screen, книга Cristobal Henestrosa, Laura Meseguer, Jose Scaglione.
Создаем шрифт с нуля: подробное руководство и советы по выбору программ

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

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

Этапы создания собственного шрифта

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

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

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

2. Определите сроки. Даже если вы разрабатываете гарнитуру для личного пользования, будет полезно выработать привычку работать, ориентируясь на дедлайны.

Создаем шрифт с нуля: подробное руководство и советы по выбору программ

3. Проведите исследование. На этом этапе стоит отобрать от 3 до 10 гарнитур, близких к тому, что вы планируете разработать. Копировать их в своём проекте, конечно, не стоит, но полезно изучить графические особенности, размеры и другие параметры шрифта, чтобы понять логику построения.

Создаем шрифт с нуля: подробное руководство и советы по выбору программ

4. Определитесь с кассовым составом. Это следует сделать ещё на первом этапе, но в этот раз вам нужно подробно выделить все знаки, которые планируете отрисовать. Это может быть один язык, например, базовая латиница, цифры и набор пунктуации.

Создаем шрифт с нуля: подробное руководство и советы по выбору программ

5. Работа со скетчами.

Скетчи

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

Цель скетчинга — определиться с визуальными формами шрифта.

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

Создаем шрифт с нуля: подробное руководство и советы по выбору программ

К скетчам можно обращаться, когда не можете определиться с формой какого-то глифа. Например, выбрать между двумя вариантами буквы «a». Отрисуйте несколько форм и выберите подходящую, используя скетчинг.

Отрисовка кассы

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

Создаем шрифт с нуля: подробное руководство и советы по выбору программ

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

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

Создаем шрифт с нуля: подробное руководство и советы по выбору программ

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

Создаем шрифт с нуля: подробное руководство и советы по выбору программ

Техническая часть

Шрифт — это не просто касса отрисованных знаков, это продукт, которым можно пользоваться в программах.

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

Условно этот этап состоит из трёх: мастеринг, кернинг и TrueType хинтинг.

Мастеринг — это проверка и правка контуров, компонентов, диакритики и других элементов шрифта. На этом этапе создаются OpenType фичи, заполняется метаинформация внутри шрифта.

Создаем шрифт с нуля: подробное руководство и советы по выбору программ

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

Создаем шрифт с нуля: подробное руководство и советы по выбору программ

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

Создаем шрифт с нуля: подробное руководство и советы по выбору программ

Инструменты и программы для создания шрифтов

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

  • Glyphs;
  • Fontlab;
  • Robofont;
  • FontForge;
  • Fontographer.

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

Создаем шрифт с нуля: подробное руководство и советы по выбору программ

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

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

Заключение

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

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

FAQ

Какие этапы включает создание шрифта?

Процесс создания шрифта состоит изu0026nbsp;нескольких ключевых этапов:rnrnu0026mdash;u0026nbsp;Концепция иu0026nbsp;эскиз: Определение стиля иu0026nbsp;ручная отрисовка ключевых символов.rnu0026mdash;u0026nbsp;Оцифровка: Перенос рисунка вu0026nbsp;векторный редактор.rnu0026mdash;u0026nbsp;Создание полного набора символов: Разработка строчных, заглавных букв, цифр иu0026nbsp;знаков препинания.rnu0026mdash;u0026nbsp;Настройка метрики: Установка пробелов иu0026nbsp;парного кернинга для равномерного набора.rnu0026mdash;u0026nbsp;Генерация шрифтового файла: Сборка готового файла вu0026nbsp;формате OTF или TTF.

Какое программное обеспечение используется для создания шрифтов?

Для разных этапов используется разное ПО. Для векторной отрисовки глифов популярны Adobe Illustrator иu0026nbsp;Glyphs. Для полноценного создания шрифтового файла иu0026nbsp;настройки метрики применяются специализированные программы, такие как Glyphs, FontLab или бесплатный FontForge.

Что такое метрика шрифта иu0026nbsp;почему она важна?

Метрика шрифтаu0026nbsp;u0026mdash; это система пробелов иu0026nbsp;расстояний между символами. Она включает:rnrnu0026mdash;u0026nbsp;Отступы (side bearings)u0026nbsp;u0026mdash; пространство слева иu0026nbsp;справа отu0026nbsp;знака.rnu0026mdash;u0026nbsp;Кернингu0026nbsp;u0026mdash; регулировка расстояния между конкретными парами символов (например, u0026laquo;Аu0026raquo; иu0026nbsp;u0026laquo;Vu0026raquo;).rnrnПравильная метрика обеспечивает равномерный иu0026nbsp;удобочитаемый текст.

Что такое векторные контуры?

Векторные контурыu0026nbsp;u0026mdash; это математические кривые (Безье), которые описывают форму каждого символа. Они важны, потому что позволяют масштабировать шрифт доu0026nbsp;любого размера без потери качества, что является обязательным требованием для современной типографики.

Какие книги можно почитать про создание шрифта?

Вот книги, которые стоит прочитать, прежде чем начинать работу поu0026nbsp;созданию шрифта:rnrnu0026mdash;u0026nbsp;Designing Type, книга Karen Cheng;rnu0026mdash;u0026nbsp;Type Tricks: Your Personal Guide tou0026nbsp;Type Design, книга Sofie Beier;rnu0026mdash;u0026nbsp;Designing Fonts: Anu0026nbsp;Introduction tou0026nbsp;Professional Type Design, книга Thames and Hudson;rnu0026mdash;u0026nbsp;How tou0026nbsp;create typefaces. From sketch tou0026nbsp;screen, книга Cristobal Henestrosa, Laura Meseguer, Jose Scaglione.

Изu0026nbsp;чего состоит техническая часть создания шрифта?

Условно техническая часть состоит изu0026nbsp;трёх этапов: мастеринг, кернинг иu0026nbsp;TrueType хинтинг.

Последние публикации

Мерцание и «стеллацентричность»: как мы разрабатывали шрифт для Дзена

В 2023 году команда платформы Дзен обратилась в TypeType с запросом на разработку фирменной шрифтовой гарнитуры под рабочим названием Stella Sans. Заранее мы понимали, что это должен быть гротеск, и каким будет примерный кассовый состав. А вот продумать концепцию шрифта и его визуальный образ нам только предстояло. О том, как мы решили поставленные задачи и что получилось в результате, рассказываем в статье!

Узнать больше
Идеальный момент – сейчас: как мы создали творческую лабораторию TT Labs

Мы много думали о том, как найти место для свободы творчества, выделить время на маленькие проекты для души, выйти за рамки привычного и дать волю спонтанности. И поняли, что идеальный момент никогда не наступит, если не сделать первый шаг. И мы его сделали — так родилась творческая лаборатория TT Labs. Рассказываем обо всём по порядку! 

Узнать больше
Что такое типографика в графическом дизайне: основные понятия, принципы и примеры

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

Узнать больше
Шрифт с широким размахом: спецпроект к двадцатилетию SHIFTBRAIN

В 2023 году японское маркетинговое агентство SHIFTBRAIN запустило интерактивный сайт, посвящённый двадцатилетию компании. Для этого проекта команда TypeType разработала уникальный вариативный шрифт, способный экстремально растягиваться по горизонтали. За основу мы взяли бестселлер TT Norms® Pro, который уже использовался в качестве корпоративного шрифта компании — вы можете увидеть его на основном сайте SHIFTBRAIN.

Узнать больше
Буквы с татарским колоритом: история создания шрифта для территориального бренда Альметьевска

Брендинговое агентство Sensesay и студия TypeType создали TT Almet Origin — шрифт для нового бренда Альметьевска. Он стал уникальным голосом города (а позже — и всего юго-востока Татарстана). В статье рассказываем обо всём по порядку — от исследования до создания фирменного шрифта в рамках брендинга города.

Узнать больше
Панграмма: что это такое, виды, применение и полный список примеров

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

Узнать больше
Жирные шрифты: как использовать их в дизайне

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

Узнать больше
Оптимизация шрифтов: ключ к мгновенной скорости загрузки веб-сайта

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

Узнать больше
Шрифты печатных машинок: от ретро-механики к цифровой классике

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

Узнать больше

Узнать больше

Шрифты в дизайне: виды, категории, характеристики и начертания

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

Узнать больше
Антиква и гротеск: отличия шрифтов

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

Узнать больше
Расти и делись: создание шрифта для фестиваля G8

Фестиваль креативных индустрий G8 представил публике свою айдентику 2022 года. Ассоциации приходят сразу: делящиеся клетки, органика и единение человека с природой. Именно по принципу «расти и делись» был собран фирменный стиль, над которым работала большая команда. Студия шрифтового дизайна TypeType — один из участников креативного процесса по созданию шрифта и логотипа.

Узнать больше
Расширение семейства TT Hoves Pro

TT Hoves — самый молодой шрифт из коллекции универсальных геометрических гротесков. Он составляет функциональное трио вместе с TT Norms® и TT Commons™, обладая при этом своим узнаваемым характером. Шрифт TT Hoves успел завоевать симпатию дизайнеров со всего мира. Гарнитура находится среди бестселлеров студии с момента выхода на площадки, и всё-таки настало время обновить шрифт!

Узнать больше
Фирменные шрифты для Лаборатории Касперского: история создания

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

Узнать больше
Создание современной антиквы TT Livret

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

Узнать больше
Создание TT Commons™: от корпоративного шрифта до бестселлера студии

Гарнитура TT Commons™ Pro не нуждается в представлении, ведь это уверенный бестселлер студии TypeType на протяжении уже многих лет. Это не просто слова — с 2018 года шрифт оставался хитом продаж 93% всего времени пребывания на площадках. У TT Commons™ удивительная история, ведь он создавался в далёком 2016 году, и тогда совсем не предполагался к выпуску в качестве коммерческого шрифта.

Узнать больше
TT Norms® Pro: история создания шрифтового семейства длиною в 8 лет

TT Norms Pro — одна из самых востребованных шрифтовых гарнитур в коллекции TypeType. Более трёх переизданий за 8 лет, первые строчки на MyFonts, десятки кастомизаций и отзывов. Сложно передать словами, насколько ценным опытом этот шрифт стал для каждого в студии, но мы попробуем рассказать его полную историю, с тупиковыми ветвями и ошибками, с первыми победами и масштабной перерисовкой.

Узнать больше
Менять начертания, сохраняя макет — открываем тайны создания униширинного шрифта TT Fellows

В январе 2022 года на площадки вышла новая шрифтовая гарнитура TypeType — TT Fellows. Практически сразу она привлекла внимание дизайнеров со всего мира, что неудивительно, ведь универсальный, лаконичный и функциональный шрифт подойдёт для большинства современных проектов.

Узнать больше