Как создавать собственные шрифты с помощью Inkscape и IcoMoon

Что нужно знать

  • Inkscape: Импортируйте файл изображения и отметьте Встроить для импортного типа. Выбрать изображение> Дорожка > Растровое изображение трассировки. По завершении удалите исходное изображение.
  • Перейти к Дорожка > Распадаются разбивать буквы. В Свойства документа, набор Ширина/Высота до 500. Перетащите, измените размер и сохраните каждую букву как простой .svg.
  • IcoMoons: импортировать все буквы. Для каждого выберите Создать шрифт, назначить символ Юникода, сохранить набор как .ttf. Импорт в текстовый редактор.

Создание персонализированных шрифтов не требует дорогого программного обеспечения или больших художественных способностей. Можно создавать собственные шрифты, используя Inkscape а также IcoMoon, две бесплатные программы, которые работают на любом компьютере. Мы покажем вам, как использовать Inkscape версии 0.92.4 для Windows, Mac и Linux.

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

Чтобы создать собственные шрифты с помощью Inkscape и Icomoon:

  1. Откройте Inkscape и перейдите в Файл > Импортировать.

    Команда импорта
  2. instagram viewer
  3. Выберите свое изображение и выберите Открыть.

    Выберите свое изображение и нажмите «Открыть».
  4. Убеждаться Встроить выбрано рядом с Тип импорта изображения, затем выберите ОК.

    Вариант "Встроить"
  5. Если изображение в окне кажется слишком маленьким или большим, перейдите к Вид > Масштаб> Масштаб 1: 1 чтобы настроить вид.

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

    Команда Zoom 1: 1
  6. Щелкните фотографию, чтобы убедиться, что она выбрана, а затем перейдите в Дорожка > Растровое изображение трассировки открыть Диалоговое окно "Трассировка растрового изображения".

    Команда Trace Bitmap
  7. Установите флажок рядом Предварительный просмотр в реальном времени чтобы увидеть, как будет выглядеть конечный продукт. Измените настройки по своему вкусу или оставьте значения по умолчанию и выберите ОК.

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

    Опция Live Preview
  8. Когда обводка будет завершена, буквы появятся прямо над фотографией. Щелкните изображение фотографии и перетащите его в сторону, чтобы разделить два слоя, затем нажмите Удалить на клавиатуре, чтобы удалить его из документа. У вас останутся только очертания букв.

    Щелкните изображение фотографии и перетащите его в сторону, чтобы разделить два слоя, затем нажмите «Удалить» на клавиатуре, чтобы удалить его из документа.
  9. Перейти к Дорожка > Распадаются чтобы разбить буквы на отдельные элементы.

    Команда "Разбить на части"
  10. Некоторые отдельные буквы могут быть разделены на несколько элементов. Чтобы сгруппировать эти элементы вместе, нарисуйте вокруг них рамку со значком Выбирать инструмент, затем перейдите к Объект > Группа. Каждая буква должна быть отдельным элементом, поэтому может быть хорошей идеей сделать это для каждого символа.

    Команда группы
  11. Перейти к Файл > Свойства документа.

    Пункт меню "Свойства документа"
  12. Установить Ширина а также Высота к 500 пикселей.

    Настройки ширины и высоты
  13. Перетащите все буквы за края страницы.

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

    Не забудьте держать Ctrl или же Командование сохранить первоначальные пропорции.

    Перетащите первую букву на страницу, а затем перетащите маркеры, чтобы изменить размер буквы так, чтобы она занимала большую часть страницы.
  15. Перейти к Файл > Сохранить как.

    Перейдите в Файл> Сохранить как.
  16. Дайте файлу осмысленное имя и выберите Сохранить.

    Обязательно сохраните файл в простой .svg формат.

    Дайте файлу понятное имя и выберите Сохранить.
  17. Переместите или удалите первую букву, затем поместите вторую букву на страницу и повторяйте процесс, пока каждая буква не будет сохранена как отдельный файл .svg.

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

    Кнопка "Импортировать значки" в Icomoon
  19. Выберите первую букву в пользовательском наборе шрифтов и выберите Открыть.

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

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

    Выберите карандаш вверху страницы для дальнейшего редактирования отдельных символов.

    Кнопка "Создать шрифт"
  21. Назначьте каждую букву символу Юникода. Щелкните в правой части поля под каждым файлом .svg и введите символ, который вы хотите связать с ним. Icomoon автоматически обнаружит соответствующий шестнадцатеричный код. Когда закончите, выберите Скачать.

    Кнопка "Скачать"
  22. Ваш набор будет сохранен как Шрифт TrueType (.ttf) файл внутри .zip файл. Ты можешь сейчас импортировать ваш шрифт в Microsoft Word и другие программы.

    Ваш набор шрифтов будет сохранен как файл шрифта TrueType (.ttf) внутри файла .zip.

Что вам нужно для создания пользовательских шрифтов

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

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

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

Вы также можете рисовать буквы прямо в Inkscape. Это может сработать особенно хорошо, если вы используете планшет для рисования.