Как перевести шрифты в вектор
Как перевести текст в кривые в иллюстраторе, кореле и индизайне
Перевод текста в кривые – это один из основных этапов допечатной подготовки макета. Делается это для того, чтобы вся текстовая информация в макете, при открытии его в типографии выглядела такой же, как её видит дизайнер при создании макета. В том же случае, если шрифты не были переведены в кривые, и на компьютере в типографии, на котором открывается макет, отсутствует использованный дизайнером шрифт, графический редактор уведомит о том, что шрифт в системе отсутствует. Мало кто будет заниматься поиском нужного шрифта и скорее всего дизайнера попросят конвертировать шрифты в кривые и снова прислать макет.
Возможность перевода текста в кривые предусмотрена во всех основных векторных графических редакторах. Делается это быстро и просто, с помощью выбора вкладки в меню редактора или же при помощи нажатия комбинации клавиш.
Как перевести текст в кривые в Иллюстраторе:
1. Откройте макет.
2. Выделите нужный текстовый элемент, или же для конвертации в кривые всех текстовых элементов макета, выделите все элементы макета (вкладка select > All, в русифицированной версии вкладка выделить > выделить всё, или комбинация клавиш Ctrl + A).
3. Конвертируйте выбранный элемент или все текстовые элементы в кривые, для этого во вкладке Type выберите пункт Create Outlines (Текст > Преобразовать в кривые) или нажмите комбинацию клавиш Shift + Ctrl + O.
Как перевести текст в кривые в Кореле:
1. Откройте макет.
2. Выделите нужный текстовый элемент, или для того, чтобы конвертировать в кривые весь текст на странице, выделите все текстовые элементы нажав во вкладке Edit > Select All > Text (Правка > Выделить все > Текст) или просто нажав сочетание клавиш Ctrl + A.
3. Конвертируйте выбранные текстовые элементы в кривые, перейдя во вкладку Arrange > Convert To Curves (Объект > Преобразовать в кривую) или нажав сочетание клавиш Ctrl + Q.
Как перевести текст в кривые в Индизайне:
Чаще всего индизайн применяется для верстки многостраничных изделий, таких как брошюры и каталоги. При передаче таких макетов в типографию, шрифты лучше не конвертировать в кривые, а приложить их к макету, в отдельной папке. Так лучше поступать на случай того, если заказчик захочет внести в макет правки непосредственно в типографии, или же корректор обнаружит ошибки и их исправлять будет оператор отдела предпечатной подготовки макетов. Но если всё же необходимо перевести шрифты в кривые, то делается это следующим образом:
1. Откройте макет.
2. Выделите нужный текстовый элемент, или же для конвертации в кривые всех текстовых элементов разворота, выделите все элементы (вкладка Edit (Правка) > Selrct All (Выделить все) или комбинация клавиш Ctrl + A).
3. Конвертируйте выбранный элемент или все текстовые элементы разворота в кривые, для этого во вкладке Type выберите пункт Create Outlines (Текст > Преобразовать в кривые) или нажмите комбинацию клавиш Shift + Ctrl + O. Обратите внимание, что индизайн не переводит текст в кривые, если текст сгруппирован с другими объектами.
Ручная пропись: перевод в вектор
Russian (Pусский) translation by Yuri Yuriev (you can also view the original English article)
Я помню, сколько проблем у меня было год назад с переводом прописи в вектор. У меня было хорошее понимание Pen Tool, но я понятия не имел, что есть мелкие приёмы, которые чудесным образом делают очертания букв плавными.
Надеюсь, этот урок ответит на все вопросы перевода в вектор надписи и чего угодно. Тот же процесс годится для всего, что вы создаёте в Illustrator. В случае с надписью секрет в небольшом количестве опорных точек при правильном их размещении и нескольких приёмах правки кривых, углов, ширины и т. д.
Пока что обратите внимание на три вещи:
Во-первых, в процессе используется работа, созданная мною в предыдущем уроке. Для вашей практики и опыта будет полезней работать на своём примере. Это лучший способ обучения! Я дам вам информацию, а вы примените её к своей надписи, чтобы у вас получилось оригинальное произведение!
В-третьих, этот урок может показаться немного запутанным и затянутым, но я обещаю, что это ради учения! Я стараюсь поделиться с вами всем, что может помочь с работой в векторе. Короче говоря, это не будет лёгкой пробежкой. Будет начало и будет конец, но нам потребуется некоторое время, чтобы туда добраться!
Держите глаза и уши открытыми и мы создадим великие вещи, обещаю. Начинаем!
1. Приготовим необходимые инструменты
Можете взять любой эскиз надписей, которые вы, возможно, сделали на предыдущих уроках. Нашей задачей будет перевести его в векторный формат.
2. Нанесение крайних (extrema) точек
Прежде чем садиться за компьютер, сделаем перенос векторов вручную! На бумаге! Дикость, да? Я обещаю, что это даст вам гораздо большее понимание прекрасного инструмента Pen Tool.
Теперь, что значит «extrema»? Во-первых, это множественное число для extremum. Что в математике обычно означает максимум или минимум. В случае с надписью крайние точки контура буквы, который будет создан кривыми bezier с помощью ручек. Например, крайними точками буквы «О» будут северная и южная опорные точки, которые образуют кривую. Восточная и западная опорные точки позволяют распределять вес и ширину.
Посмотрите на эту окружность. Её форма создана равномерно четырьмя основными точками. Они и есть «extrema» буквы «O».
Обратите внимание, что ручки вытянуты и распределены равномерно. Ту же технику применяйте к своей прописи. Старайтесь сбалансировать нагрузку так, чтобы вес не оказался на одной ручке.
Шаг 1
Если хотите, загрузите мою надпись. Если нет, выбирайте свою! Начинаем расставлять опорные точки. Возьмите карандаш или ручку и нарисуйте кружочки там, где окажутся опорные точки в Adobe Illustrator.
Шаг 2
Теперь возьмите тот же образец надписи и начните рисовать прямоугольники вокруг каждой формы. Это простой приём, чтобы понять, где вы поставите крайние точки. Точки будут лежать в местах касания сторон прямоугольника с формой буквы. Но это не означает, что будет только по четыре крайних точки, как у сторон прямоугольника. Это просто хорошая точка отталкивания.
Позже мы расставим крайние точки в Illustrator, добавим дополнительные опорные точки для кривых, возможно, поправим вес форм букв. Все буквы разные, поэтому процесс будет подвижным. Двигайтесь в правильном направлении, а затем решите, что выглядит «хорошо», а что «правильно».
3. 0°, 45°, 90°: углы наклона ручек
Прежде, чем мы углубимся в этот раздел учебника, я хочу сказать, что 0 °, 45 ° и 90 ° не единственные значения углов отклонения ручек. Вам судить, насколько хорошо всё смотрится, угол может быть и 15 °, например.
Итак, какие особенности в соотношениях горизонтальных, вертикальных и диагональных (45 градусов) углов? Во-первых, использование одинаковых углов выравнивает элементы надписи. Во-вторых, это ключевые углы для плавных кривых. Вы замечали небольшие переломы в своих надписях от опорных точек? Вот, это можно исправить расположением точки привязки и правильным углом между ручек.
Приступаем к работе!
Шаг 1
Этот простой процесс показывает важность положения горизонтальных и вертикальных рукояток опорных точек. Он повторяется в каждом проекте работы с векторным изображением. Начнём создавать вектор «The». Я разобью процесс на этапы, чтобы вы могли видеть, как я обычно обвожу простейшее слово вроде этого.
Можете начать с техники «прямоугольника», чтобы определить, где должны оказаться крайние точки.
Шаг 2
Начнём обводить вектор надписи «The» по частям.
Я начну с ножки буквы «T». Как видите, я берусь за горизонтальные ручки опорных точек и делаю два не очень математических угла. Помните, что не каждая ручка должна быть горизонтальной. Смотрите, как будет лучше. Для этой ножки я начал с горизонтальных, а затем подстроил ещё две по своему вкусу.
В целом, с поправками, здесь хватило четырёх опорных точек.
Шаг 3
Здесь всё немного запутывается. В этом конкретном примере я решил связать сочетание «Th» в единую форму. Каждая опорная точка сбалансирована и равномерно распределяет кривизну. Что касается того, откуда начать расставлять опорные точки, зависит от предпочтений. Форма буквы сама подскажет. Я пишу слева направо, поэтому начал с рисования петлевого соединения «Т» и закончил на стебле «h».
Шаг 4
Затем я сформировал плечо «h» (второй отросток, если хотите). Каждый фрагмент этой надписи разбит на фигуры, поэтому вы можете вносить изменения в отдельные части.
Шаг 5
В следующем шаге обведём «e». Мне удалось обойтись восемью опорными точками для регулировки ширины, контраста и т. д.
Начинайте с любого места, но я начал с перекладины «e», обвел вокруг и сформировал чашу, закончив её хвостиком.
Вот ещё один пример, чтобы вы увидели совершенно другой стиль слова «The» с похожими горизонтальными и вертикальными ручками.
4. Дополнительные векторные подсказки и приёмы
Вектор отнимает много времени даже у мастера. Это всегда очень тонкая настройка и исправление кривых, опорных точек и т. д.
В этом разделе урока я поделюсь приёмами по ускорению процесса. Для простоты возьму букву «O» или форму круга, чтобы продемонстрировать несколько трюков. Несмотря на то, что это простая форма, подсказки будут работать в любом случае.
Шаг 1
Эту технику я называю crossover. Возможно, вам будет проще обводить вектором фигуры букв, применяя технику кроссовера для контроля ширины и углов частей форм. На примере вы можете увидеть, что я создал дополнительную опорную точку, чтобы контролировать так называемую «развилку» «N». Это позволяет перемещать и изменять одну часть буквенной формы, не беспокоя другую.
В примере с нижним gif показано, что я имею в виду под этим выражением. Конструкция «А» определённо некорректна. Вот отличный способ продемонстрировать технику кроссовера.
Шаг 2
Инструменты Ellipse Tool и Rectangle Tool в Illustrator ваши лучшие друзья для определения правильной формы фигуры букв. Например, буква «O» состоит из двух эллипсов: один снаружи, другой внутри. Итак, если вы уложите два эллипса один в другой, они образуют букву «O» в течение нескольких секунд.
Для создания буквы «H» вы можете использовать инструмент Rectangle Tool. Каждый отросток и перекладина «H» были сформированы тремя отдельными прямоугольниками. Позже их можно поправить и объединить в одну форму.
Надеюсь, что демонстрация процесса на gif пояснит, что я имею в виду. Я просто использую простые фигуры для формирования этих букв.
Шаг 3
Этот инструмент ускоряет векторную обработку определённых букв, особенно прописей. Не забывайте рисовать «strokes» и добавлять контраст буквенным формам с помощью инструмента Width Tool.
Поэтому без первоначальной линии будет сложно приступить к редактированию, если понадобится.
5. Последняя часть вектора
Хорошо, ребята, пришло время добить наш проект, поскольку мы узнали всё о том, как делается вектор! Продолжим урок с того места, где мы остановились, и закончим с New York City.
Шаг 1
Переходя от одной части к другой, начните обводку форм букв по отдельности. Пользуйтесь техникой кроссовера, чтобы настраивать пропись, не нарушая общей формы. Конкретно для этой надписи потребовалось не так много ручек. Но я привязывал их к крайним точкам, чтобы получились линии, которые вы видите.
Шаг 2
Закончив с «New», переходим к слову: «York». Повторите ту же процедуру обводки фигуры по частям. Вы видите россыпь опорных точек в пределах «K». Это потому, что каждую часть «K» я рисовал, как отдельную фигуру для возможности редактирования. То есть, стебель и две ноги нарисованы индивидуально, чтобы вместе сформировать «K».
Обратите внимание, чтобы всё перекрывалось для будущей заливки.
Шаг 3
Последним сделаем вектор «City». Что делать, знаете: начинайте строить точки и тщательно поправляйте по своему вкусу. Каждую букву рисуем отдельно, чтобы было проще редактировать.
Шаг 4
Вот оно! По окончании векторной обводки фрагмента можете залить фигуру, чтобы увидеть, как взаимодействуют положительное и отрицательное пространства.
Шаг 5
Когда вы уже подумали, что с вектором закончено, оказалось, что нет!
После «заливки» фигуры понадобятся правки, потому что стали заметны недостатки контрастности, кернинга и т. д. В этом случае я сделал много мелких изменений, чтобы поправить общий цвет. К примеру, я изменил форму «Y», чтобы заполнить пустоту в «N».
Шаг 6
Последний шаг! Здесь я добавил небольшие «вырезы» в формах букв. Похоже на вектор или что-то вроде этого? Надо снова разбить вещи на простые фигуры или штрихи. Я знал, что можно сделать простые линии с помощью инструмента Pen Tool, но взял «Variable Width Profile» и вырезал треугольники. Что я имею в виду, вы видите ниже.
Заключение
Я уверен, что к этому моменту работа с вектором стала для вас намного удобней и понятней, чем раньше. Мы прошли большой материал и настало время закрепить эти знания. Постоянно упражняйтесь и со временем станете ещё лучше, я обещаю! Так держать!
Как всегда, если у вас есть какие-либо вопросы или пожелания, пишите в комментариях и я смогу вам помочь. Удачи!
Дополнительные ресурсы
Если вам понадобится помощь с прописями, в Envato Studio есть отличная компания Lettering & Calligraphy Specialists, куда вы можете обратиться.