В этом уроке мы покажем вам, как вы можете создать свой собственный шрифт с помощью Illustrator и онлайн-сервиса fontastic.me.
Для продолжения вам понадобится копия Adobe Illustrator, хотя, если у вас нет копии и вы не хотите ее покупать, вам может быть интересен наш аналогичный учебник, в котором используется Inkscape. Inkscape - бесплатная альтернатива Open Source для Illustrator. Независимо от того, какое приложение рисования векторных линий вы используете, fontastic.me предлагает свой сервис совершенно бесплатно.
Пока мы покажем вам, как создать рисованный шрифт, используя фотографию букв, нарисованных на бумаге, вы также можете использовать похожие методы для создания шрифта с помощью букв, которые были нарисованы непосредственно в Illustrator. Если вы используете планшетный планшет, это может быть предпочтительнее для вас.
Если вы используете фотографию, убедитесь, что вы используете темное перо цвета, чтобы нарисовать буквы и использовать обычную белую бумагу для максимальной контрастности. Кроме того, сделайте свою фотографию в хорошем свете, чтобы сделать фотографию прозрачной и контрастной, чтобы сделать как можно проще, чтобы Illustrator проследил отдельные буквы.
Открыть пустой документ
Первый шаг - открыть пустой файл для работы.
Идти к Файл> Создать и в диалоговом окне задайте размер по желанию. Мы использовали квадратный размер страницы 500 пикселей, но вы можете установить его по своему усмотрению.
Затем мы импортируем файл фото в Illustrator.
Импортируйте свою фотографию рукописного текста
Если у вас нет фотографии ручной работы для работы, вы можете загрузить тот же файл, который мы использовали для этого урока.
Чтобы импортировать файл, перейдите к Файл> Место а затем перейдите к тому месту, где находится ваша фотография рисованного текста. Нажмите Место и вы увидите, что фотография появляется в вашем документе.
Теперь мы можем проследить этот файл, чтобы дать нам векторные буквы.
Отслеживайте фотографию рисованных писем
Отслеживание букв очень просто.
Просто иди Объект> Живая трассировка> Сделать и развернуть и через несколько минут вы увидите, что все буквы были наложены на новые версии векторной строки. Менее очевидно тот факт, что они будут окружены другим объектом, который представляет фон фотографии. Нам нужно удалить фоновый объект, поэтому перейдите к Объект> Разгруппировать а затем щелкните в любом месте за пределами прямоугольной ограничительной рамки, чтобы отменить выбор всего. Теперь нажмите рядом, но не на одной из букв, и вы увидите, что выбран прямоугольный фон. Просто нажмите удалять на клавиатуре, чтобы удалить его.
Это оставляет все отдельные буквы, однако, если какое-либо из ваших писем содержит более одного элемента, вам необходимо сгруппировать их вместе. Все наши письма содержат более одного элемента, поэтому нам пришлось сгруппировать их все. Это делается нажатием и перетаскиванием выделенной области выделения, которая охватывает все разные части письма, а затем собирается Объект> Группа.
Теперь вы останетесь со всеми своими отдельными буквами, а затем, мы будем использовать их для создания отдельных SVG-файлов, которые нам нужны для создания шрифта на fontastic.me.
связанные с: Вы также можете научиться использовать Live Trace в Illustrator.
Сохранить отдельные письма в виде файлов SVG
К сожалению, Illustrator не позволяет сохранять несколько монтажных панелей в отдельные файлы SVG, поэтому каждая буква должна быть сохранена вручную в виде отдельного SVG-файла.
Во-первых, выберите и перетащите все буквы, чтобы они не накладывались на панель. Затем перетащите первую букву на монтажную область и измените ее размер, чтобы заполнить монтажную область, перетащив одну из угловых манипуляторов. Удерживайте сдвиг пока вы делаете это, чтобы поддерживать те же пропорции.
Когда это будет сделано, перейдите к Файл> Сохранить как и в диалоговом окне измените Формат опуститься до SVG (svg), дайте файлу значимое имя и нажмите Сохранить, Теперь вы можете удалить эту букву и поместить ее и изменить ее размер на монтажной панели. Опять Сохранить как и продолжайте, пока вы не сохранили все свои письма.
Наконец, прежде чем продолжить, сохраните пустую монтажную панель, чтобы вы могли использовать ее как символ пробела. Вы также можете рассмотреть возможность сохранения знаков препинания и строчных букв ваших писем, но мы не потрудились для этого урока.
Если эти отдельные файлы букв SVG готовы, вы можете сделать следующий шаг, чтобы создать свой шрифт, загрузив их в fontastic.me. Пожалуйста, взгляните на эту статью, чтобы узнать, как использовать fontastic.me для завершения шрифта: Создайте шрифт, используя Fontastic.me.
Используйте панель экспорта новых активов
Текущая версия Adobe Illustrator содержит новую панель, которая позволяет размещать все ваши рисунки на одной монтажной панели и выводить их как отдельные документы SVG. вот как:
- Выбрать Окно> Экспорт активов для открытия панели «Экспорт активов».
- Выберите одну или все ваши буквы и перетащите их в панель. Все они будут отображаться как отдельные предметы.
- Дважды щелкните имя объекта на панели и переименуйте его. Сделайте это для всех элементов панели.
- Выберите элементы для экспорта и выберите SVG от Формат выскочить.
- Нажмите экспорт.
