5 декабря 2022

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

Как создать свой собственный шрифт (за 6 простых шагов)

Благодаря таким пакетам, как Google Fonts и Typekit, предлагающим тысячи различных шрифтов, существует практически бесчисленное количество вариантов выбора правильного шрифта для вашего конкретного проекта, подробнее тут https://typetype.ru/. Тем не менее, вы по-прежнему ограничены выбором шрифта, созданного кем-то другим. Существуют различные мотивы для создания собственного шрифта, а также множество вариантов для этого.

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

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

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

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

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

: (Бесплатно)PaintFont Эта услуга позволяет вам превратить ваш почерк в шрифт, заполнив и отсканировав шаблон.
: (Бесплатно) FontStruct С помощью FontStruct вы можете создать свой собственный шрифт, используя геометрические фигуры.
: ($ 49)Fontself Это позволяет превращать нарисованные от руки символы в шрифты в Adobe Illustrator и вскоре будет совместимо с Adobe Photoshop.
: (Бесплатно)Metaflop Этот инструмент позволяет настраивать базовые шрифты, настраивая простой набор параметров.

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

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

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

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

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

Вот несколько полезных советов по созданию букв на бумаге:

Вам не нужно рисовать полный набор символов – рекомендуемыми ‘управляющими символами’ часто являются “H”, “n”, “o” и “y”.
Отметьте базовую линию и другие важные линии высоты для использования в качестве ориентира.
Посмотрите на другие шрифты, чтобы увидеть, где фигуры повторяются в наборе символов.
Перемещение страницы, а не вашей руки, позволит вам создавать более плавные изгибы.

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

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

2. Birdfont
Birdfont немного более интуитивно понятен, чем FontForge, поэтому он может оказаться лучшим вариантом для тех, кто хочет быстро начать работу. Как и в FontForge, вы можете создать шрифт с нуля, используя редактор, или загрузить изображения в качестве отправной точки. Однако, несмотря на наличие доступных руководств, Birdfont не предлагает такой же глубины вспомогательной информации, как FontForge. Birdfont бесплатен для создания шрифтов в соответствии с лицензией SIL Open Fonts, но для коммерческого использования требуется пожертвование в размере 5 или более долларов.

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

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

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

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

Символ: Каждый отдельный символ в шрифте считается символом.
Базовая линия: невидимая линия, на которой расположены все символы шрифта.
Восходящая линия: невидимая линия, с которой начинаются восходящие.
Высота восходящего штриха: высота восходящего вертикального штриха для таких букв, как “h” и “k”.
Глубина спуска: глубина нисходящего вертикального штриха на таких буквах, как “p” и “y”.
Основа: основной вертикальный штрих буквы, такой как “F” и “T”.
Чаша: закрытая закругленная часть букв, таких как “b”, “d” и “o”.
: Кривая Безье Параметрическая формула, используемая для моделирования плавных масштабируемых кривых.
Мы едва коснулись поверхности, но если вы визуал (скорее всего, если вы создаете свой собственный шрифт!), Эта диаграмма из книги "Мышление с помощью шрифта" показывает анатомию шрифта, которую мы только что обсудили, и многое другое:

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

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

Шаг № 6: загрузите свой шрифт в WordPress
Как только вы закончите с пользовательским шрифтом, вы, вероятно, захотите начать его использовать. Если ваш шрифт предназначен для использования на вашем собственном веб-сайте WordPress, существует несколько доступных способов загрузки. Самый простой - использовать плагин для шрифтов, один из самых популярных

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

Давайте быстро резюмируем их:

Набросайте краткое описание проекта.
Начните рисовать управляющие символы на бумаге.
Выберите и установите свое программное обеспечение.
Начните создавать свой шрифт.
Уточните свой набор символов.
Загрузите свой шрифт в WordPress!


Зарегистрируйтесь или войдите что бы оставить комментарий.

Возврат к списку