Автоматическая трассировка

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

 

Шаг 1.

Создайте надпись от руки, а затем отсканируйте либо сфотографируйте ее.

1.

 

 

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

Шаг 2.

Откройте изображение в Photoshop. Если изображение цветное — обесцветьте его через меню Image > Adjustments > Black & White.

2

Шаг 3.

Отредактируйте яркость и контрастность изображения так, чтобы буквы стали полностью черными, а бумага белой. Для этого перейдите в меню Image > Adjustments > LevelsЧтобы отрегулировать цвет бумаги, сдвигайте белый ползунок влево, пока бумага не станет абсолютно белой. При необходимости можно отрегулировать и средний ползунок, который отвечает за общую яркость. Здесь с его помощью вы настроите качество краев букв.

3.

Шаг 4.

Создайте в программе Illustrator новый документ и поместите туда получившееся изображение через меню File > Place.

Шаг 5.

Чтобы приступить к трассировке, выделите изображение > перейдите в меню Window > Image Trace > в появившемся окне поставьте флажок рядом с пунктом Preview. С этого момента любые изменения, внесенные вами в меню Tracing Options, будут автоматически отображаться.  В списке Preset выберите Black & White Logo изображение будет состоять только из черных и белых объектов. Поэкспериментируйте с плотностью границ текста с помощью ползунка Threshold.

Щелкните по секции Advanced и в разделе Options поставьте галочку напротив Ignore White, чтобы программа не создавала белые объекты, которые нам, очевидно, не нужны.

1 copy

 

А.С.: Для удобства мы разрезали исходную фотографию на три части, чтобы для каждого вида текста делать свои настройки. Советую в аналогичных случаях поступать так же. Это сильно упрощает задачу.

Шаг 6. 

Разгруппируйте объекты через меню Object > Ungroup.

3

 

Для завершения трассировки и получения векторной фигуры перейдите в меню Object > Expand либо выберите эту команду на панели управления.

2Шаг 7.

В нашем примере буквы в слове «Небо» имеют неровные шероховатые края. Но это не везде оправдано. Чтобы в некоторых местах края буквы сгладить, воспользуйтесь инструментом Smooth Tool. Сначала выделите букву инструментом Direct Selection Tool > на панели инструментов выберите Smoot Tool > проведите им по контуру буквы.

8

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

2let copy

Шаг 8.

Перейдем к слову «Ближе». Выполните для него шаг пятый и шестой.  После этого попробуйте другой способ работы с результатом трассировки.

Выделите в букве «Б» инструментом Direct Selection Tool внутренний контур и нажмите delete на клавиатуре. Буква станет полностью черной. Выделите ее инструментом Selection Tool, уберите  заливку и оставьте только обводку. 

3let

А.С.: Этот маневр позволит вам добиться идеально ровной толщины контура и поможет с дальнейшим выравниванием.

Чтобы вам было проще разобраться с контурами, перейдите в “скелетный” режим (сочетание клавиш Cmd + Y).

5

Теперь можно приступить к выравниванию букв. Для этого поставьте направляющие их можно “стащить” с линейки сверху и слева.  Если линейки нет, то ее можно включить через меню View > Show Rulers.

7

Перейдите в меню Object > Envelope Distort > Make With Mesh > в появившемся окне задайте количество строк две, а количество колонок восемь, чтобы регулировать внутренние и внешние части. Вы можете варьировать количество колонок и строк.

4let copy

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

10

Снимок экрана 2015-10-27 в 18.22.02 copy

Шаг 9.

Со словом “Становится” можно работать аналогичным образом, но вырезать внутренние контуры, конечно, не нужно.

Снимок экрана 2015-10-27 в 18.53.28 copy