При разработке шрифта, который будет эффективно работать с различными размерами, с тщательно продуманным письмом кернинг - это навык, который может занять годы, чтобы отточить, этот быстрый и забавный проект покажет вам, как вы можете создавать свои собственные шрифты для почерка, используя Inkscape и fontastic.me, давая вам свой собственный уникальный шрифт. Основная цель fontastic.me - создавать шрифты значков для веб-сайтов, но вы можете создать шрифт букв, который можно использовать для создания заголовков или небольшого количества текста.
Если вы не знакомы с ними, Inkscape - это бесплатное приложение для рисования векторных линий с открытым исходным кодом, которое доступно для Windows, OS X и Linux. Fontastic.me - это веб-сайт, который предлагает множество шрифтов значков, а также позволяет загружать собственную графику SVG и бесплатно конвертировать их в шрифт.
Для целей этого урока мы проследим фотографию некоторых написанных писем, но вы можете легко адаптировать эту технику и нарисовать свои буквы непосредственно в Inkscape. Это может особенно хорошо работать для тех, кто использует планшеты для рисования.
Импортировать фотографию вашего письменного шрифта
Вам понадобится фотография нескольких нарисованных букв, если вы хотите следовать за ними, и если вы не хотите создавать свои собственные, вы можете загрузить и использовать a-doodle-z.jpg, который содержит заглавные буквы A-Z.
Если вы собираетесь создать свой собственный, используйте темные цветные чернила и белую бумагу для сильного контраста и сфотографируйте заполненные буквы в хорошем свете. Кроме того, старайтесь избегать любых закрытых пространств в буквах, таких как «O», поскольку это усложнит жизнь при подготовке ваших прослеживаемых букв.
Чтобы импортировать фотографию, откройте «Файл»> «Импорт», затем перейдите к фотографии и нажмите кнопку «Открыть». В следующем диалоговом окне рекомендуется использовать параметр Embed.
Если файл изображения очень большой, вы можете уменьшить масштаб, используя параметры в подменю «Вид»> «Масштаб», а затем измените размер его, щелкнув один раз на нем, чтобы отображать стрелки в каждом углу. Нажмите и перетащите дескриптор, удерживая клавишу Ctrl или Command, и он сохранит свои первоначальные пропорции.
Затем мы проследим изображение, чтобы создать векторные строчные буквы.
02 из 05Отслеживание фотографии для создания векторных строк
Это хорошая идея, чтобы просмотреть процесс трассировки растровой графики, прежде чем вы начнете.
Нажмите на фотографию, чтобы убедиться, что она выбрана, а затем перейдите в «Путь»> «Трассировка растрового изображения», чтобы открыть диалоговое окно «Трассировка растрового изображения». Здесь мы оставили все настройки по умолчанию и дали хороший, чистый результат. Возможно, вам придется настроить параметры трассировки, но вам может быть проще снимать фотографию с помощью лучшего освещения, чтобы создать изображение с более сильным контрастом.
На снимке экрана вы можете увидеть прорисованные буквы, которые мы вытащили из исходной фотографии. Когда трассировка будет завершена, буквы будут помещены непосредственно над фотографией, поэтому они могут быть не очень очевидными. Перед тем как продолжить, вы можете закрыть диалоговое окно «Трассировка растрового изображения», а также щелкнуть по фотографии, чтобы выбрать его, и нажмите кнопку «Удалить» на клавиатуре, чтобы удалить его из документа.
03 из 05Разделить трассировку на отдельные письма
На этом этапе все буквы объединяются вместе, поэтому перейдите в «Путь»> «Разделить», чтобы разделить их на отдельные буквы. Обратите внимание: если у вас есть буквы, состоящие из нескольких элементов, они также будут разделены на отдельные элементы. В случае нашего примера это относится к каждой букве, поэтому имеет смысл объединить каждую букву на этом этапе.
Для этого просто нажмите и перетащите выделенную область вокруг буквы, а затем перейдите в «Объект»> «Группа» или нажмите «Ctrl + G» или «Command + G» в зависимости от вашей клавиатуры.
Очевидно, вам нужно только сделать это с помощью букв, содержащих более одного элемента. Перед созданием файлов букв мы изменим размер документа до подходящего размера.
04 из 05Задайте размер документа
Вам нужно будет установить документ в подходящий размер, поэтому перейдите в меню «Файл»> «Свойства документа» и в диалоговом окне установите ширину и высоту по мере необходимости. Мы устанавливаем наш размер в 500 пикселей на 500 пикселей, хотя в идеале вы бы установили ширину по-разному для каждой буквы, чтобы последние буквы соответствовали друг другу более аккуратно.
Затем мы создадим буквы SVG, которые будут загружены на fontastic.me.
05 из 05Создайте отдельные файлы SVG для каждого письма
Fontastic.me требует, чтобы каждая буква была отдельным SVG-файлом, поэтому вам нужно будет создать их, прежде чем нажимать.
Перетащите все буквы, чтобы они были за пределами границ страницы. Fontastic.me игнорирует любые элементы, которые находятся за пределами области страницы, поэтому вы можете оставить эти буквы припаркованными здесь без проблем.
Теперь перетащите первую букву на страницу и используйте перетаскивающие ручки в углу, чтобы изменить ее по мере необходимости.
Затем перейдите в «Файл»> «Сохранить как» и дайте файлу значащее имя. Мы назвали my.svg - убедитесь, что файл имеет .svg-суффикс.
Теперь вы можете перенести или удалить первую букву и поместить вторую букву на страницу и снова перейти в «Файл»> «Сохранить как». Вы должны сделать это для каждой буквы. Если вы терпеливы, вы можете настроить ширину страницы по мере того, как вы будете лучше соответствовать каждой букве.
Наконец, вы можете захотеть создать пунктуацию, хотя вам определенно нужен космический персонаж. Для пробела просто сохраните пустую страницу. Кроме того, если вам нужны буквы в верхнем и нижнем регистре, вам также нужно сохранить все эти.
Теперь вы можете посетить fontastic.me и создать свой шрифт. Вы можете немного узнать об этом процессе в сопроводительной статье, в которой объясняется, как использовать fontastic.me для создания шрифта.
