Открыть типографию с нуля: Как открыть свою мини-типографию с нуля: требования и условия

Помните, когда я указал на маленькую ножку в слове «Неисправность?» Гарнитуры с такими ножками называются засечками. Вы можете увидеть, где я выделил эти маленькие ножки ниже:

Распространенные шрифты с засечками: Times New Roman, Georgia и Garamond.Если вы читаете роман, вы можете заметить, что основной текст — это шрифт с засечками. Это потому, что засечки намного легче читать в длинных печатных работах из-за различий между буквами.

По-французски слово «без» означает «без». Таким образом, термин «без засечек» буквально означает «без засечек». На изображении ниже вы заметите, что у слов нет засечек, как я указал красными стрелками.

Распространенные шрифты без засечек: Arial, Verdana и Futura.Вы увидите, как много шрифтов без засечек используется в сообщениях в блогах и документах в Интернете, потому что он кажется более современным и отлично смотрится даже при более низком разрешении экрана.

Blackletter

Гарнитура Blackletter, также известная как Gothic, Fraktur или Old English, известна своими драматическими толстыми и тонкими штрихами и замысловатыми завитками на засечках. Эти гарнитуры основаны на раннем рукописном письме — фактически, черные буквы использовались в Библии Гутенберга, одной из первых книг, когда-либо напечатанных в Европе.До 1500 года они были намного популярнее, чем сегодня.

Кредит изображения: SitePoint

Как вы понимаете, черные буквы довольно трудно читать, поэтому они обычно не используются для определения типа телосложения. Вы обычно видите их в заголовках, логотипах, плакатах и ​​знаках — например, на газетных табличках (логотип New York Times, , кто-нибудь?) Или на заголовках сертификатов, дипломов или ученых степеней. Распространенные шрифты blackletter включают Cloister Black, Deutsche Zierschrift и Germanica.

Кредит изображения: SitePoint

Скрипт

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

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

Изображение предоставлено: Пресс для лиственных пород

Обычные шрифты или неформальные шрифты — это всего лишь менее формальные шрифты, которые больше похожи на повседневный почерк

Кредит изображения: Font Haus

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

Типовые семейства

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

Например, вы увидите, что у Proxima Nova есть такие варианты, как полужирный, экстра полужирный, черный, обычный, светлый, светлый курсив и обычный курсив:

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

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

Типографские шрифты

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

Большие ресурсы для бесплатных шрифтов

• «35 лучших бесплатных шрифтов, которые вы должны скачать»: Сообщение в блоге HubSpot, в котором собраны 35 лучших бесплатных шрифтов в Интернете.
• Google Fonts: Сотни бесплатных шрифтов с открытым исходным кодом от Google, которые уже оптимизированы для Интернета.
• Behance: Отличный ресурс для поиска красивых дизайнерских работ, включая уникальные шрифты, которые можно бесплатно загрузить.
• HypeForType: Более 25 000 типографских дизайнов от ведущих дизайнеров, многие из которых доступны для бесплатной загрузки.

8 классных шрифтов, которые можно бесплатно скачать

1) Малиновый текст

Вот тот, который отлично подходит для основного текста.Согласно Google Fonts, он был предназначен для производства книг, поэтому его легко читать. Но в то же время в нем есть много того, что делает его особенным: фигурки в старинном стиле, маленькие заглавные буквы, флероны, математические символы и тому подобное. Он доступен в трех стилях — Обычный, Светлый и Полужирный — вместе с курсивом этих начертаний.

2) Харматтан

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

3) Торкао

Torcao — это уникальная комбинация букв «полуквадрат, полукруг», надежная и техническая, но в то же время беззаботная и привлекательная. Это отличный шрифт для заголовка, но он по-прежнему хорошо читается в длинном тексте. Семейство выпускается в девяти вариантах толщины (от тонкого до черного) и имеет как сжатые, так и расширенные варианты для полного набора из сорока восьми шрифтов.

4) Царь Василий

Этот бесплатный шрифт кисти, размещенный на Behance, отлично подходит для коммерческих материалов, таких как изображения в социальных сетях и флаеры.Это облегченная версия «Full King Basil» от дизайнера, и она содержит множество штрихов и соединительных букв, которые создают красивый шрифт, похожий на скрипт.

5) Мерривезер

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

6) Пуаре Уан

Poiret One — мой давний фаворит.В Google Fonts он описан как «свежий, декоративный, геометрический гротеск с оттенком ар-деко и конструктивизма». Он изящный, простой, декоративный и отлично подходит для коротких текстов. Попробуйте использовать его на больших вывесках, этикетках, плакатах, футболках, заголовках или заголовках.

7) Настоящий север

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

8) Храбрость

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

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

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

Хотите больше советов по типографике? Прочтите этот пост о взаимосвязи между шрифтами и чувствами.

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

Дизайн шрифта: 17 блестящих советов по созданию собственного шрифта

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

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

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

01. Разработайте бриф

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

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

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

02. Сделайте принципиальный выбор

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

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

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

03. Начните с нуля

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

Вам также следует избегать основывать свой дизайн на набросках существующего шрифта. «Helvetica with wings» не улучшит шрифт и не поможет вам развить свои навыки шрифтового дизайнера. Это само собой разумеется, но мне сказали, что подобные гарнитуры регулярно отправляются в литейные заводы (безуспешно).

04. Используйте свои руки

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

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

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

05.Начните с «управляющих символов».

Создание сначала определенных символов может помочь установить стиль вашего шрифта и привести другие символы в гармонию. Их часто называют «управляющими символами». В нижнем регистре латинского шрифта они будут «n» и «o», а в верхнем регистре часто используются «H» и «O».

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

06. Переходите к компьютеру

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

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

Затем вы можете сделать снимок камерой телефона и отправить его на свой компьютер.

07. Выберите программное обеспечение

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

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

Есть несколько вариантов, в зависимости от личных предпочтений, но FontLab Studio, Glyphs и Robofont — все это популярное программное обеспечение, основанное на типах, среди дизайнерского сообщества.

Программы недешевы, но у Glyphs есть «мини-версия» в Mac App Store с удаленными некоторыми функциями, которые новички вряд ли пропустят. Обе версии также предлагают 30-дневную бесплатную пробную версию. Другое очевидное преимущество этих пакетов заключается в том, что вы можете экспортировать незавершенную работу в виде шрифта.

08.Нарисуйте несколько букв

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

После того, как вы импортировали свое изображение, интерфейс рисования стал довольно близок к Illustrator CC, однако я обнаружил, что контроль точек кривой Безье осуществляется гораздо точнее в Glyphs. Для большего контроля над дизайном шрифта по возможности размещайте точки на концах кривых формы букв (сверху, снизу, слева, справа).

09. Переход в режим просмотра текста

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

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

10. Проверьте несколько слов

Как часто цитируют шрифтового дизайнера Мэтью Картера: «Тип — это красивая группа букв, а не группа красивых букв». Помня об этом, постарайтесь как можно раньше начать рассматривать свой дизайн с уровня строки и абзаца.

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

Лучшие на сегодняшний день предложения Adobe Creative Cloud

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

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

11. Изучите другие гарнитуры

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

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

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

12. Уменьшите масштаб

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

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

13. Получите это на бумаге

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

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

14. Добавьте специальные символы

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

15. Изучите различные стили, толщину и ширину

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

16. Рассмотрите возможность глобального использования

Итак, вы создали то, чем очень гордитесь. Вы начали с латинского шрифта? А как насчет 250 миллионов читателей кириллицы в Восточной Европе и Центральной Азии? Или 220 миллионов читателей деванагари в Индии и Непале?

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

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

17. Протестируйте

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

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

Статьи по теме:

Как создать свой первый шрифт с нуля: пошаговое руководство

Я глубоко восхищаюсь дизайнерами шрифтов. Их внимание к деталям, преданность своему делу и дисциплина поистине уникальны. Вот почему каждый раз, когда я слышу, что есть инструмент, который может превратить мой почерк в шрифт, я бегу, чтобы попробовать его.В превращении ваших волнистых букв (я знаю, что мои!) В цифровые шрифты есть определенная магия. Однако, каким бы захватывающим ни был весь процесс, я знаю, что он может быть пугающим. В этой статье я покажу вам, как использовать Fontself — простой плагин Illustrator — для перехода от нарисованных от руки букв к шрифту OpenType (.OTF) за считанные минуты.

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

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

Вам понадобится:

• Fontself
• Adobe Illustrator CC
• Черный маркер толщиной 1 мм по вашему выбору
• Карандаш
• Распечатка этого бесплатного шаблона

Создайте свой первый шрифт с нуля

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

Ступени

1. Загрузите Fontself и установите расширение Illustrator.

2. Распечатайте шаблон выше. Помните, что каждая линия имеет три горизонтальных деления. Начинайте буквы со среднего деления и двигайтесь вверх или вниз в зависимости от того, есть ли у (строчной) буквы верхний элемент (например, d ) или нижний элемент (например, p ).

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

Сохранить

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

5. [Необязательно] Если вы будете использовать шрифт на другом языке, например, французском или испанском, не стесняйтесь рисовать гласные с акцентами (например, á, é, í).

6. Сканируйте эти листы бумаги с разрешением не менее 300 точек на дюйм и (в идеале) высокой контрастностью. Я поделюсь своими настройками сканера ниже на случай, если они пригодятся.

Сохранить

7. Откройте файл изображения в Illustrator и убедитесь, что все в порядке.При необходимости поверните изображение.

8. Обведите изображение в реальном времени, используя настройку высокой контрастности, например Черно-белый логотип . Действие Live Trace мгновенно удалит серые линии на вашей распечатке и оставит вам векторизованные буквы. Также есть опция под названием «Игнорировать белый», которую вы можете отметить, чтобы убедиться, что белый фон становится прозрачным во время трассировки в реальном времени. В качестве ярлыка вы можете использовать Cmd + Shift + D для быстрого переключения на прозрачный фон во время работы.

Сохранить

9. Удалите все буквы, которые выглядят странно, слишком большими или слишком маленькими. Поскольку теперь это векторные фигуры, вы можете использовать инструменты «Прямое выделение» (белая стрелка) и «Перо», чтобы исправить любые детали. Мой номер 6 , например, выглядел ужасно.

Сохранить

10. Когда они вам понравятся, откройте Window → Extensions → Fontself Maker.

11. Выделив всю фигуру за раз, введите букву / символ, которую Fontself должен идентифицировать (a, b, c), и нажмите Enter.

Сохранить

12. Вы можете двигаться быстрее, если ваши цифры от 0 до 9 находятся рядом друг с другом. Выделите их все и нажмите кнопку «0-9» на панели Fontself. То же действие возможно для a-z и A-Z. По моему опыту, в первый раз легче идти по буквам, и это именно то, что я здесь делаю.

В качестве альтернативы, новейшая версия Fontself позволяет перетаскивать объекты (формы) непосредственно в расширение. Посмотрите это короткое видео, показывающее, как это сделать:

13. По мере того, как вы перемещаетесь по этим буквам, обратите внимание, как Fontself размещает их относительно друг друга. Следует ли вам снизить свой q в соответствии с их рекомендациями? Следует ли уменьшить интервал между буквами, потому что ваш y выглядит слишком далеко от вашего h ? Просто щелкните и перетащите направляющие на панели Fontself.

Сохранить

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

Сохранить

15. Щелкните Export , чтобы загрузить шрифт в формате .OTF и наслаждайтесь! Вы должны использовать эту кнопку только тогда, когда вас устраивает конечный результат, на этом этапе вам нужно будет установить его вручную через приложение Font Book или диспетчер шрифтов.

Передай привет Unicorn.otf

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

Сохранить

Приколите на потом!

Сохранить

Создайте свой первый шрифт с нуля

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

Как создать шрифт: пошаговое руководство — функции

Эта функция включает советы шрифтовых дизайнеров в Monotype и Fontsmith для дизайнеров, впервые желающих создать шрифт.

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

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

В этой пошаговой инструкции рассказывается, какие инструменты и программное обеспечение использовать, даются советы по превращению концепций в прототипы и какие подводные камни следует остерегаться.Вы будете учиться у дизайнера Monotype и художника-шрифтовика Терренса Вайнциерла (с которым мы говорили для Monotype’s Font Marathon), старшего дизайнера шрифтов Фернандо Мелло и графического дизайнера, шрифтового дизайнера и каллиграфа Себа Лестера.

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

Шаг 1: Исследование

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

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

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

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

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

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

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

Разработка шрифта для цифровой среды

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

«Многие детали могут исчезнуть при использовании текста вроде 12 пикселей.Я всегда ищу возможность сделать варианты Display и Text, чтобы в текстовой версии можно было избавиться от некоторых специфических фирменных деталей, а стиль Display мог бы быть более безумным. Это не секрет; высококачественные экраны телефонов, планшетов и ноутбуков вместе с веб-шрифтами полностью изменили типографский ландшафт для экранов. У нас есть больше возможностей для отображения деталей шрифта, а также повышенная сложность с иерархией и удобочитаемостью », — говорит Терренс.

Чтобы узнать больше о разработке шрифта для цифровых устройств, ознакомьтесь с тем, что Надин Шахин из Monotype говорит об использовании шрифтов в Интернете, на телефоне и на запястье в нашем видеоинтервью, а Бруно Мааг о создании Nokia Pure — шрифта для весь мир

Шаг 2а: Рисование и каллиграфия

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

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

Это вопрос изучения разных способов — ваш шрифт имитирует естественный почерк, или он больше основан на векторе?

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

«После этого я мог бы нарисовать еще несколько более плотных рисунков на бумаге или просто создать цифровой прототип. Я бы начал с нескольких букв с большим количеством ДНК, таких как a, g, R и S, а также с простых управляющих символов, таких как H, O и I, — говорит Терренс.

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

Распространенные слова-прототипы: Hamburgefonstiv или Adhesion, или прилагательное бренда, например «дружелюбный».

«Заглавные буквы« H »и« O »устанавливают стандарты для круглых и прямых частей других заглавных букв. В нижнем регистре «n» и «o» выполняют ту же работу, а буквы с верхними и нижними элементами, такими как «d» и «p», помогут определить вертикальные пропорции шрифта. Эти ключевые символы не только определяют структуру форм гарнитуры, но и их интервал — формы со схожими аспектами по бокам располагаются одинаково », — говорит Фернандо.

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

Более уникальные буквы, такие как строчные «a», «g» или «s», которые, как правило, дают больше возможностей для экспериментов, часто определяют «дух» шрифта, — говорит Фернандо.

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

Примите к сведению: Создайте дизайн, прежде чем исследовать ряд прототипов.«Это производственная ловушка — вы немного меняете свое мнение и проводите больше времени, внося крошечные изменения в сотни (или тысячи) глифов», — говорит Терренс.

Шаг 2b: Инструменты для рисования и рисования букв

При использовании определенного инструмента размер может очень сильно изменить вес шрифта.

Себ Лестер наиболее известен своими изысканно красивыми буквами, но он также разработал шрифты, в том числе Neo Sans. Здесь он рассказывает нам об инструментах, которые он использует для рисования букв для обоих.

Seb использует широкие инструменты для стилей Gothic и Italic и предлагает Pilot Parallel Pens для начинающих. Вы можете увидеть эти инструменты в его роликах в социальных сетях.

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

Для получения более тонких и четких нот (возможно, после небольшой практики) Себ рекомендует традиционные металлические перья для каллиграфии, изготовленные известными производителями, такими как Brause, Mitchell и Automatic Pens.

Для каллиграфии остроконечным пером (изящные кривые и резкие контрасты в ширине линий) Себ использует перья Nikko G на традиционных или наклонных держателях для перьев с чернилами Iron Gall или, в равной степени, чернилами Walker’s Copperplate и McCaffery.

Его предпочтения от первого до последнего: Pilot Parallel Pen, Pentel Color Brush, Kuretake No. 13 Fountain Brush Pen, Manuscript Italic Fountain Pen, Nikko G Nib с наклонным держателем для ручки, Automatic Pen, Copic Wide Marker и Ruling Pen.

Шаг 3: Инструменты для разработки цифрового шрифта

компании Monotype. Этот этап происходит, когда вы готовы отсканировать свои буквы в программное обеспечение, такое как Adobe Photoshop, Illustrator или приложение Glyphs только для Mac, для создания шрифтов.Управляйте пиксельными изображениями и автоматической трассировкой, чтобы глифы превращались в цифровые шрифты.

На этом этапе Терранс использует приложение Glyphs для создания шрифтов, а также FontLab и Illustrator для обработки векторов «время от времени». Он использует специальное приложение Metrics Machine для создания кернинга или «операции» и Font Explorer X Pro для управления шрифтами.

После определения основных символов, таких как A-Z, a-z и числа, начните расширять набор символов.

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

«Редактирование шрифта обычно продолжается на протяжении всего процесса. Но первые пять или 10 процентов являются наиболее важными дизайнерскими решениями, потому что редактирование занимает все больше и больше времени после того, как вы построили его (так много знаков, веса, курсива) », — говорит Терренс.

Он советует различать и выбирать буквы более «удачные», чем другие, и это будут ваши управляющие символы — базовая линия ДНК шрифта, которая не изменится.

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

Однако мы видели, как Терренс создал шрифт Terry Junior за пару недель для Font Marathon. Так что вам решать, сколько времени у вас уйдет на то, чтобы отточить стиль шрифта, но не расстраивайтесь, если на это потребуется время.

Шаг 4: Тестирование в контексте

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

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

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

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

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

Шаг 5: От дизайна к рынку

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

«В основном, это зависит от формата доставки (OTF vs TTF), методов подсказки, тестирования функций OpenType и построения имен собственных стилей.Тестирование качества в приложении. Форматы веб-шрифтов создаются «мастерами» OTF или TTF, — говорит Терренс.

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

Куда обратиться за дополнительной информацией

Если вы немного застряли в этом руководстве, стоит ознакомиться с полезными типографскими терминами от Fontsmith от А до Я.

Для получения дополнительных ресурсов графический дизайнер Джеремайя Шоаф, также известный как Typewolf, недавно запустил Контрольный список типографики — бесплатную информацию для тех, кто впервые заинтересован в разработке шрифтов. Курс охватывает пунктуацию и стиль, основной текст, удобочитаемость и удобочитаемость, макет и иерархию, выбор и объединение, а также дизайн и брендинг. Вы можете купить полную версию за 399 долларов США, если она вам действительно нравится.

Терминология

Typeface vs Font

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

Гарнитура — это семейство шрифтов (например, Helvetica Regular, Helvetica Italic), а шрифт — одного веса или стиль в семействе шрифтов, например Helvetica Regular.

Гарнитура и надпись

Шрифт обычно разрабатывается для кого угодно и где угодно, например, для коммерческого бизнеса или в Интернете, где надписи обычно разрабатываются с учетом одного конкретного проекта.

Классификация гарнитуры

Шрифты с засечками являются традиционными и отличаются короткой линией или завершающим штрихом на конце штрихов символов и основы.

Без засечек не содержит засечек. Эти гарнитуры стали популярными в девятнадцатом веке и поэтому считаются современными.

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

Гротескные шрифты без засечек — это семейство шрифтов без засечек XIX века. Их форма и пропорции обычно одинаковы, с низким контрастом штрихов.Круглые формы больше овальные, чем круглые, а высота по оси x обычно больше. Гротескные шрифты без засечек отлично подходят для абзацев.

Script шрифты имитируют внешний вид почерка.

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

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

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

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

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

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

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

Некоторые основные инструменты для начала работы

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

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

Дизайн-интерфейс Metaflop красочный и минималистичный.

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

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

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

Шаг № 1: Краткое описание дизайна

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

1. Будет ли ваш шрифт специфичным для проекта или будет иметь широкое применение?
2. Будет ли это приложение требовать большого или маленького размера шрифта?
3. Вы хотите, чтобы основным типом шрифта был Serif или Sans Serif?
4. Приходили ли вы какие-нибудь шрифты, которые можно было бы использовать для вдохновения?

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

Шаг № 2: Начните с бумаги

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

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

1. Нет необходимости рисовать полный набор символов — рекомендуемые «управляющие символы» часто — это «H», «n», «o» и «y».
2. Отметьте базовую линию и другие важные линии высоты, чтобы использовать их в качестве ориентира.
3. Посмотрите на другие шрифты, чтобы увидеть, где формы повторяются в наборе символов.
4. Перемещение страницы вместо руки позволит вам создать более плавные кривые.

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

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

Шаг № 3: Выберите и установите программное обеспечение

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

1. FontForge

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

2. Birdfont

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

3. Glyphr Studio

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

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

Шаг № 4: Начните создавать

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

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

1. Глиф: Каждый отдельный символ шрифта считается глифом.
2. Базовая линия: Невидимая линия, на которой находятся все символы шрифта.
3. Линия восходящего элемента: Невидимая линия, с которой начинаются восходящие элементы.
4. Высота восходящего элемента: Высота вертикального штриха вверх на таких буквах, как «h» и «k».
5. Глубина спускового устройства: Глубина вертикального нисходящего штриха таких букв, как «p» и «y».
6. Стебель: Основной вертикальный штрих такой буквы, как «F» и «T».
7. Чаша: Закрытая закругленная часть букв, таких как «b», «d» и «o».
8. Кривая Безье : Параметрическая формула, используемая для моделирования гладких масштабируемых кривых.

Здесь мы почти не коснулись поверхности, но если вы визуальный человек (вероятно, если вы создаете свой собственный шрифт!), Эта диаграмма из Thinking with Type показывает некоторые анатомические особенности шрифта, которые мы только что обсудили, и более:

Thinking with Type — жизненно важный ресурс для начинающих дизайнеров.

Шаг № 5: Уточните свой набор символов

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

1. Обратите внимание на расстояние между буквами и кернинг букв, комбинируя их в процессе.
2. Попробуйте разные размеры для каждого символа, особенно если применение вашего шрифта может быть широким.
3. Регулярно печатайте свою работу на протяжении всего процесса проектирования, так как вид на распечатку часто помогает обнаружить мелкие ошибки.

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

Шаг № 6: Загрузите свой шрифт в WordPress

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

Этот плагин автоматически конвертирует ваши файлы шрифтов, извлекает код CSS и встраивает его в файлы вашей темы.Он поддерживает файлы TTF , OTF и WOFF , и после загрузки шрифт будет доступен для использования в WordPress. Этот плагин бесплатен для преобразования одного шрифта, но пожертвование в размере 10 долларов или более позволит вам преобразовать неограниченное количество шрифтов.

Если вы не хотите использовать плагин, можно добавить собственный код CSS. Во-первых, вам нужно использовать генератор шрифтов, такой как Font Squirrel или Transfonter, чтобы получить необходимый код. Затем вы можете добавить этот код в стиль вашей темы.css файл. Подробное описание этого выходит за рамки данной статьи, но в сети есть множество доступных руководств, которые помогут вам.

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

Если вы хотите еще больше углубиться в создание пользовательских шрифтов и хотите создавать шрифты для более широкого использования, существует ряд дополнительных инструментов. FontLab Studio, FontCreator, Glyphs и Robofont — вот некоторые популярные варианты для профессиональных типографов.

Наконец, если вы заинтересованы в расширении своих типографских знаний, в Интернете можно найти множество замечательных ресурсов, каждый из которых посвящен созданию шрифтов.Для начала ознакомьтесь с контентом на таких сайтах, как I Love Typography, Thinking with Type и Creative Bloq.

Заключение

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

Давайте кратко их подведем:

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

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

Article thumbnail image by Undrey / shutterstock.com.

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

Последнее обновление 1 июля 2020 г.

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

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

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

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

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

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

Что такое типографика?

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

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

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

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

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

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

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

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

Вот важность создания собственного шрифта для вашего бренда

i. Общайтесь по-своему уникальным образом

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

ii.Привлекайте внимание зрителей

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

iii. Передайте настроение или чувства

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

iv. Проявить профессионализм

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

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

v. Завоюйте доверие клиентов

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

vi. Build Recognition

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

Каковы основные типы типографики?

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

Вот основные типы типографики:

i.Serif

Serif — это самый старый и наиболее часто используемый шрифт. У этих шрифтов есть ножки, что когда-то считалось хорошим выбором для печатных работ, таких как книги, газеты и книги. Times New Roman, Georgia и Garamond — популярные шрифты.

ii. Sans Serif

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

Поэтому большинство блогов и веб-сайтов используют шрифт без засечек. Arial, Verdana, Calibri, Open Sans, Montserrat и Calibri — одни из самых популярных шрифтов без засечек.

iii. Script

Шрифт Script выглядит как почерк и выглядит элегантно. В основном этот шрифт используется для плакатов, логотипов, меню ресторанов и свадебных приглашений. Примеры этого шрифта: Mistral, Brush Script, Lucida Calligraphy и Monotype Corsiva.

iv.Modern

Современные шрифты известны своими стильными, прогрессивными и яркими характеристиками. Большинство из них испытывают сильные вертикальные нагрузки. Они представлены длинными и тонкими горизонтальными засечками. Bodoni, Futura и Latin Modern. — некоторые из популярных примеров современных шрифтов. .

v. Display

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

Но некоторые из этих декоративных шрифтов считаются хорошими для заголовков и заголовков. Примеры отображаемых шрифтов включают Scribble Box, Cooper, Giddyup и Valencia.

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

Как создать свой шрифт?

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

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

01. Имейте краткое описание дизайна

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

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

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

02. Взгляните на другие гарнитуры

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

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

03. Разработка дизайна на бумаге

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

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

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

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

При создании писем на бумаге обратите внимание на следующие советы:

i. Рисование персонажей

Нет необходимости рисовать всех персонажей. Вместо этого нарисуйте только «управляющие символы» , которыми обычно являются «H», «n», «o» и «y», . Первоначальный дизайн этих символов поможет установить стиль шрифта. Это также поможет вам создать гармонию дизайна между всеми персонажами.

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

ii. Отметка базовой линии

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

iii. Создание более плавных кривых

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

04. Установить программное обеспечение

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

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

Он поможет вам при создании шрифта.Если вы хотите быстро приступить к работе, вам может подойти такое программное обеспечение, как Birdfont. Glyphr Studio и Robofont — еще один популярный выбор.

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

05. Загрузите рисунок на компьютер

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

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

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

06. Уточнить набор символов

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

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

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

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

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

07. Испытайте шрифт

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

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

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

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

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

Заключение

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

Получите свои идеи дизайна типографики

Полное руководство по созданию шрифта

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

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

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

НЕОГРАНИЧЕННАЯ ЗАГРУЗКА: 50+ миллионов надстроек и элементов дизайна

ЗАГРУЗИТЬ СЕЙЧАС

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

Вот самые важные вещи, которые вам нужно знать:

• Базовый уровень : где расположены все буквы. Думайте об этом как о полке, на которой должна располагаться нижняя часть каждой буквы.
• Свес : закругленные основания букв, таких как O и B, которые опускаются чуть ниже базовой линии.
• X-Height : линия, представляющая высоту большинства строчных букв (особенно буквы «x»).
• Cap Height : линия, представляющая высоту большинства заглавных букв.
• Высота восходящего элемента : ограничивает самый верхний край строчных букв, таких как «k».
• Высота по нижнему краю : Длина нисходящих знаков таких символов, как «y» и «q».

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

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

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

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

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

Взгляните на эту статью «Определение высоты по оси X», в которой описывается измерение высоты по оси x по заранее нарисованным буквам. Все, что вам нужно, это терпение, чтобы продолжать пробовать разные соотношения, пока не найдете подходящее. При этом используется много методов проб и ошибок, но помните, что этот ранний этап также является наиболее важным.

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

Может помочь сначала нарисовать буквы на чистом листе бумаги. Не следуйте какой-либо конкретной сетке — просто рисуйте, чтобы найти формы, которые вам нравятся. Затем вы можете нарисовать 26 символов в верхнем и / или нижнем регистре по сетке, чтобы увидеть, как они должны выглядеть.

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

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

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

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

Некоторые дизайнеры предпочитают обводить буквы с помощью векторной программы, например Adobe Illustrator. Другие предпочитают сразу переходить к программе создания шрифтов, такой как FontForge или FontLab Studio. Если ваша цель — создать окончательный файл шрифта OTF / TTF, то, возможно, будет быстрее начать трассировку из программы создания шрифтов (подробнее об этом позже).

Adobe Illustrator можно использовать для небольшой степени автоматизации.У Дженн Койл есть отличный пост о надписи в Illustrator, в котором объясняется, как перенести ваши фотографии в Illustrator и в реальном времени отслеживать формы букв. Живая трассировка не идеальна, и вам, скорее всего, потребуется выполнить некоторую очистку.

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

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

Тем, кто хочет создать полноценный шрифт, следует перейти к следующему разделу. Но если вам интересно узнать больше о функции Live Trace в Illustrator или о том, как преобразовать нарисованный от руки текст в вектор, посетите следующие ресурсы:

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

Позвольте мне пояснить, что программа для создания шрифтов необходима , чтобы сделать любой действительно пригодный для использования шрифт. Файлы TTF / OTF создаются из этих программ, и они являются важной частью рабочего процесса.

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

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

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

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

Чтобы изучить FontForge, потребуется практика, как никто не открывает Photoshop в первый раз и не создает идеальную композицию фотографий. Вы будете бороться и, вероятно, расстроитесь. Используйте Google в своих интересах.

Существует также бесплатное онлайн-руководство по FontForge, которое является очень полным.

Поиск «руководств по fontforge» на YouTube также может дать полезные результаты. Дело в том, что вы не можете легко выучить FontForge самостоятельно, но, к счастью, вам не нужно. Если вы потратите часы на изучение этой программы, вы сможете создавать потрясающие шрифты с нуля.

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

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

Более дешевая альтернатива — FontLab TypeTool, которая стоит всего 48 долларов. Он работает как в Windows, так и в OS X со многими похожими функциями FontLab, наиболее важной из которых является аналогичный интерфейс. Если вы изучите TypeTool, вам будет легче изучить FLS, если вы когда-нибудь захотите потратить более 400 долларов на их программу высшего уровня.

Предыдущие две программы поддерживают все операционные системы, что определенно является преимуществом. Но пользователи Mac OS X могут захотеть проверить третий вариант под названием Glyphs в Mac App Store.

Интерфейс у нее другой, чем у FontForge и FontLab, что означает, что изучение этой программы может плохо переноситься на другие. Но в Glyphs есть все функции, необходимые для создания базового (или сложного) шрифта с нуля.

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

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

Например, FontForge покрывает кривые Безье, общие для тех, кто разбирается в перо в Illustrator.Есть целое руководство по кривой Безье, объясняющее, как это работает для шрифтов PostScript. Если вы новичок в рисовании с помощью кривых, попробуйте следовать этому замечательному руководству от Tuts +, в котором шаг за шагом объясняется инструмент «Перо».

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

В целом проще придерживаться Безье, поскольку он более привычен и следует тем же методам, что и в Illustrator / Photoshop.

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

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

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

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

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

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

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

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

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

Два распространенных типа файлов — это OTF (OpenType) и TTF (TrueType). Большинство дизайнеров шрифтов считают, что OTF — лучший выбор, поскольку он поддерживает больше функций и больше форматов рисования. OTF новее и обычно считается лучшим для сложных шрифтов.

Но если вы просто практикуете простой шрифт, вы не заметите большой разницы между TTF и OTF.

По мере усложнения вы можете столкнуться с различными стилями OTF, такими как Std, Pro и W1G. Это разновидности шрифтов, используемые для обозначения функций, поддерживаемых конкретным шрифтом (например, FF Tisa против FF Tisa Pro).Разновидности шрифтов OpenType не нужны новичкам, так как они в основном используются литейщиками шрифтов, но неплохо иметь некоторые базовые знания.

Для любого шрифта общего назначения я рекомендую экспортировать его как OpenType. Это общая оболочка шрифтов для глифов шрифтов PostScript и / или TrueType, которая работает как на Mac, так и на ПК.