Как сделать автотрейс растрового изображения в Adobe Illustrator

Довольно часто меня спрашивают по поводу функции автотрейса в Иллюстраторе. Реалистичная акварелька, силуэты, гранжевые текстуры и другие прикольные штуки - всё это можно автоматически перегонять в векторные формы в Adobe Illustrator. Посему я решил опубликовать урок про автотрассировку. Тема эта довольно попсовая, и ничего тут сложного на самом деле нет. Данный урок по Adobe Illustrator я рекомендую в первую очередь начинающим. В сегодняшнем уроке я сделаю автотрейс вот такого листа жомканой бумаги. На картинке изображено как раз то, что должно получиться после автотрассировки. На этом примере мы и посмотрим, как работает автотрейс в иллюстраторе.

Как сделать автотрейс растрового изображения в Adobe Illustrator, image #1

Если во время работы по уроку возникнут какие-то трудности, и вам что-то будет непонятно, то лучше начать изучение Adobe Illustrator с самых азов по этому курсу: https://vk.com/wall-29007596_8977

А теперь переходим к уроку! Для начала, чтобы сделать автотрейс в Adobe Illustrator, нам необходимо исходное растровое изображение. Для урока я взял обычный лист бумаги, помял его хорошенько, а потом отсканировал на сканере (можно и сфотографировать). Исходные растровые изображения для автотрейса желательно делать хорошего качества и высокого разрешения. В противном случае результат автотрейса может не оправдать ваши ожидания.

Как сделать автотрейс растрового изображения в Adobe Illustrator, image #2

Растровую картинку закидываем в Иллюстратор. И когда она выделена и лежит себе преспокойненько на рабочей области, то вверху на панели информации как раз и появляется кнопочка автотрейса Image Trace (Live Trace в старых версиях). Также доступ к автотрейсу можно получить через панель свойств Properties.

Как сделать автотрейс растрового изображения в Adobe Illustrator, image #3

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

Как сделать автотрейс растрового изображения в Adobe Illustrator, image #4

И Иллюстратор начнёт высчитывать автотрейс данного изображения. На это требуется определённое время. Всё зависит от размеров исходника и мощности компьютера. Результат он потом вам покажет. Если вы считаете, что автотрейс получился не очень хорошо, то можно выбрать другой шаблон в поле Presets.

Как сделать автотрейс растрового изображения в Adobe Illustrator, image #5

Как видно на картинке выше, с параметрами High Fidelity Photo автотрейс максимально повторяет исходное изображение. Но при этом надо учитывать, что векторная иллюстрация после такого автотрейся будет максимально сложная и большая по объёму. Для примера, вот такой результат даёт автотрейс при использовании другого шаблона - 16 colors.

Как сделать автотрейс растрового изображения в Adobe Illustrator, image #6

Здесь уже нужно исходить из ваших конечных целей, и растрового изображения, которое трейсится. Например, для черно-белого силуэта подойдёт шаблон Black and White Logo, где иллюстратор автоматически отрисует только контуры.
Если вы хотите самостоятельно выставить настройки автотрейса, то достаточно нажать на кнопочку Image Trace Panel (в старых версиях иллюстратора нужно зайти в меню Object > Live Trace > Tracing Options).

Как сделать автотрейс растрового изображения в Adobe Illustrator, image #7

Как видите по изображению выше, панель там довольно объёмная, настроек так много, что можно и запутаться. Но если есть желание разобраться с ручной настройкой автотрейса, то вам поможет этот урок для продвинутых пользователей: всё что вы хотели знать об автотрейсе в Adobe Illustrator.

Когда вы посчитаете, что результат автотрейса вас устраивает, нужно нажать кнопочку Expand в панели информации, чтобы получить векторные формы.

Как сделать автотрейс растрового изображения в Adobe Illustrator, image #8

Иллюстратор разберёт результат автотрейса, и вот уже готова наша векторная помятая бумага.

Как сделать автотрейс растрового изображения в Adobe Illustrator, image #9

Чтобы повторить эту растровую картинку, иллюстратор создал множество форм с разной заливкой. Это хорошо видно при большом зуме в режиме Outline (Ctrl+Y).

Как сделать автотрейс растрового изображения в Adobe Illustrator, image #10

Дальше можно закрыть все выступающие части маской или обрезать их автоматически с помощью скрипта Super Magic Eraser.

Данный скрипт будет очень полезен, если вам нужно именно фактически отрезать и удалить все выступающие объекты, а не просто скрыть их маской. В этом видео показан пример обработки серии паттернов с помощью скрипта Super Magic Eraser.

И ещё несколько слов по поводу микростоков. Дело в том, что на стоках неоднозначно относятся к результатам автотрейса. Иллюстрацию, сделанную на основе автотрейса, могут как принять на продажу так и отклонить. Тут всё зависит от инспектора. Если он посчитает, что каша-малаша из форм, которая обычно получается после автотрейса, приемлема для стока, то картинку примут. Если же инспектору не понравится конечный векторный файл, то он её отклонит. А на Shutterstock, например, вообще запретили автотрейс, поэтому пропихнуть его через приёмку крайне сложно.

Так или иначе, вы всегда должны иметь наготове исходник изображения, чтобы предъявить его, если этого потребуют во время приёмки. Исходник должен быть ваш авторский. Либо автор исходника должен подписать вам Property Release, разрешающий продавать данное изображение на стоках.

И на закуску ещё одно полезное видео про автотрейс для стоков.

602 views·12 shares