Как сделать шрифт с помощью Adobe Illustrator?


51

Недавно я создал свой собственный шрифт / шрифт с помощью Adobe Illustrator, и я хотел бы использовать его как настоящий шрифт (например, я хотел бы использовать его при наборе чего-либо).

Возможно ли это в Adobe Illustrator или мне нужно другое программное обеспечение?

Если да, то какая программа будет хороша для создания шрифта?

Ответы:


29

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


20

Я предлагаю вам использовать BirdFont и следовать этим шагам, чтобы импортировать вашу работу в редактор.

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

обзор

Сравните ваши тестовые глифы с другими шрифтами, используя вкладку предварительного просмотра. (Ctrl + P)

предварительный просмотр

Включите сетку и направляющие для x-height и margin. Создайте четыре прямоугольных маркера в нижней строке, базовой линии, высоте x и верхней части.

Глиф шаблон

Сохраните ваш шаблон глифа как SVG. (Импорт Экспорт -> Экспорт глифов как SVG)

Откройте шаблон глифа в Illustrator и включите линейки (Ctrl + r). Перетащите новые линии от линейки до нижней линии, базовой линии, высоты х и верхних позиций.

Иллюстратор

Вставьте свои глифы в файл шаблона.

Изменить размер глифа.

Сохраните ваш глиф под другим именем.

Импортируйте файл в BirdFont. (Импорт экспорта -> Импорт SVG)

Готово

С новыми версиями BirdFont и Illustrator вы также можете копировать и вставлять глифы между двумя программами. Вам все еще нужно решить, какой должна быть ваша высота x, но вы можете сэкономить несколько секунд, если пропустите шаг, на котором сохраните глиф в виде отдельного файла SVG.


10

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

В старые времена основным инструментом для этого был Macromedia Fontographer, который сейчас принадлежит Fontlab.

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

Альтернативами их предложениям могут быть Glyphs для OSX или FontForge с открытым исходным кодом.

ОБНОВИТЬ:

Я еще не пробовал, но появился новый редактор шрифтов с открытым исходным кодом под названием Bird Font:

http://birdfont.org/


7

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

  1. Распечатайте шаблон из MyScriptFont (или просто сохраните и импортируйте PDF-файл в Gimp или Photoshop и напишите / вставьте свои глифы в соответствующие поля). Шаблон должен быть в формате TIFF или PNG и иметь разрешение не менее 300 точек на дюйм. JPG сжимает изображения по умолчанию, что плохо для качества изображения.
  2. Загрузите шаблон и сохраните файл шрифта, который вам предоставит MyScriptFont.
  3. Чтобы сделать его идеальным, вам придется его отредактировать. Две бесплатные программы для редактирования шрифтов: Type light и Fontforge, хотя Type light имеет гораздо более простой интерфейс для базового редактирования и работает непосредственно на окнах.
  4. Я обнаружил, что MyScriptFont устанавливает слишком большую высоту x и слишком низкую глубину спуска.
    • Вы можете исправить это в Type light, перейдя в Font> Metrics (в Type light).
    • Кроме того, если ваш шрифт слишком маленький (т. Е. Размер 12 нечитаем), вы можете изменить размер EM Unit Size на меньший. Я использовал 650.

6

Сегодня самый простой способ создать настоящий шрифт в Illustrator (или Photoshop) - это установить непосредственно в Illustrator (или PS) расширение, предназначенное для этого: Fontself Maker .

Как это устроено

Плюсы:

  • очень прост в использовании,
  • любой вид формы или надписи можно превратить в шрифт
  • запускать внутри Illustrator (и Photoshop) => нет дополнительного программного обеспечения для использования

Минусы:

  • работать только на CC 2015 и 2017 (не CC2014 или CS6)
  • не бесплатно ($ 49)

Пошаговая инструкция здесь: « Создайте свой собственный буквенный шрифт за считанные минуты ».


4

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

Вытащил непосредственно из FontLab (они не потрудились сделать их читаемыми).

В Illustrator:

  • «Правка»> «Установки»> «Единицы и отмена» или «Единицы и отображение»: измените все единицы на точки (1 точка равна 1 единице в TypeTool).
  • «Настройки»> «Файлы и буфер обмена»: отключите PDF, включите AICB и выберите «Сохранить пути».
  • Предпочтения> Руководства и Сетка: Сетка каждые 10 пт и Подразделы 10.
  • Установите ширину документа в пунктах, чтобы она была двойной величиной размера шрифта UPM (например, 2000 пт для шрифта 1000 UPM).
  • Установите высоту документа, равную размеру UPM - Descender (например, 1000 - (-263) = 1263 pt).
  • Выберите «Окно»> «Информация», «Просмотр»> «Показать линейки», «Просмотр»> «Привязать к сетке».
  • Отключить просмотр> Направляющие> Блокировка направляющих.
  • При желании выберите «Просмотр»> «Показать сетку».
  • Расположите направляющую на высоте, которая имеет такое же (положительное) значение, что и (отрицательное) нисходящее направление вашего шрифта (например, 263 в нашем примере).
  • Установите направляющую и установите ее на 0.
  • Расположите исходную точку в месте пересечения двух направляющих.
  • Перетащите направляющие в положение вашего восходящего элемента, высоту x и высоту колпачков.

4

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

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

Примечание: только Mac

Изменить: я забыл добавить это видео, которое показывает некоторые функции - http://vimeo.com/34351633


2

Я считаю, что уроки Филиппы Берри Смит на YouTube превосходны, как этот:

http://www.youtube.com/watch?v=bSi1OgvuCPk

Она показывает, как нарисовать шрифт в иллюстраторе.

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

http://www.youtube.com/watch?v=yI-7e4nRNus

Плюс у нее акцент на киви, и это весело.


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

2

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

Это называется Prototypo . Это совершенно новая альтернатива, и это краудфандинг!

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


1

Я пытаюсь сделать то же самое.

Я получил фонографа и FontLab Studio от FontLab. Я думаю, что есть бесплатная демоверсия.

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

Поэтому я сделал персонажей в Illustrato. ТОГДА -

Я прошел этот турориал.

и я смотрел этот урок.

Я все еще довольно потерян. Мои персонажи не отображаются на базовой линии должным образом.

Но я думаю, что это должно привести вас в правильном направлении.

Удачи!

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.