Быстрый вектор и сложные формы в Illustrator CS5 из песочницы

Бывает такое, что надо быстро отвекторить лого или другое изображение потому что НГ и надо быстро-быстро отдать в типографию штамп на тиснение, а растр не принимают. А может надо печатать огромный постер из логотипа, который вы только что сосканировали с единственной визитки. Такие изображения не всегда бывают достаточно простыми чтобы отрисовать их по оригиналу. Кроме того, у нас поджимает время – шампанское налито, студень остывает…

Конечно на помощь всегда придет (теперь уже встроенная в Иллюстратор) функция Live Trace. Как не странно, даже постоянные пользователи пакета не знают о ее существовании или не умеют (не хотят) использовать оную в полной мере (а зря). Вдобавок, часто слышу что не получается делать «каты» из сложных форм. Особенно это касается новых версий пакета, где логика объединения форм сильно переработана.

Для наглядности, примеры показаны на прозрачном фоне. Советую и вам выучить комбинацию Shift+Ctrl+D — это поможет не пропустить лишние объекты, которые потом могут сыграть злую шутку.

Допустим вы отсканировали лого и перевели его в Grayscale. Можно сделать это и в иллюстраторе, но проще и эффективнее — в фотошопе. Ведь в последнем случае, вы так же сможете поднять контраст изображения и убрать «мусор» который только помешают автоматическому трассировщику.

На рисунке 1, растровая картинка (нагло украдена из гугла – авторские права наверно за автором), которая легко превращается в вектор посредством клика по кнопке Live Trace (а затем Expand) в верхнем тулбаре. Получившееся следует разгруппировать, нажав правую кнопку мыши и выбрав соответствующий пункт выпадающего меню (рис. 2).

109.49 КБ

Теперь надо избавится от кусков белого фона. В большинстве логотипов это просто, но что если у вас лавровый венок перевязанный лентой, а внутри еще лик Платона? Каждый кусочек белого выделять муторно, долго и, никто не гарантирует что ничего не забудете.

На третьем рисунке выбран объект, который было выбрать проще всего — самый большой кусок белого. Затем в главном меню: Select/Same/Fill Color. Это выбор всех объектов с похожим стилем заливки. Меню Select кстати, почему-то несправедливо игнорируется многими пользователями AI.

114.37 КБ

Наконец у нас нет ничего лишнего и, если надо залить лого простой плашкой (для тиснения просто черным), то у нас все готово. Но что если результат надо залить градиентом или сделать векторным стилем?

На рисунке 4 показано применение градиента к сложной форме. Все вроде ничего, но залилась каждая отдельная часть объекта, а нам надо управлять градиентом на всей фигуре. Кнопка Unite в палитре Pathfinder тоже не спасает положение. Дело в том что теперь программа не делает объект по умолчанию Compound Shape. Именно поэтому следует посетить сперва в сабменю палитры Pathfinder (рис. 5) и после выбора Make Compound Shape, обязательно (иначе будет много проблем в дальнейшем) не забыть нажать кнопку Expand в этой же палитре.

159.16 КБ

Когда все получилось, нам вдруг нужно подкорректировать форму, ведь быстрый вектор может исказить те или иные линии. Можно сделать коррекцию пером по точкам, но снова же – долго и не Фен-Шуй. А нам надо быстро и правильно. Проще всего создать новую верную форму (рис. 6), положить ее сверху, и используя кнопку Minus Front палитры Pathfinder, вырезать ее из объекта. Правда, вырезав, снова получаем эффект битого градиента. Заостряю на этом внимание, потому что эффект не виден на однотонных плашках, но может здорово взорвать ваше представление о мире когда вы постараетесь снова вырезать что-то из формы.

159.71 КБ

Повторяйте снова связку объединения формы и экспанда, поправляйте мелкие недочеты, накладывайте нужные эффекты и — вуаля!

34.47 КБ

Если такой метод ускорит кому-то работу – буду только рад. Если что-то упустил – пишите, постараюсь дополнить.
+26
12 декабря 2011, 14:05
99
Hitokiri 1,5

комментарии (12)

+1
RubyFOX #
Лично я набил руку, и такие картинки имхо лучше трасить вручную, так более точные кривые получаются. И да в фотошопе кривые безье гораздо удобнее, а потом уже в люстру или корел :)
Это если именно плакат большой с визитки, а для такой же маленькой визитки и так нормально :)
0
despoth #
Пользуюсь примерно такой же методикой, правда векторизую в Vector Magic — у него более точная трассировка, чем в люстре.
+3
skazo4nik #
От «кусочков белого» можно легко избавиться еще на этапы трассировки — опция Ignore White. Полезная вещь.
0
Hitokiri #
Да, совершенно согласен с вами. Спасибо за дополнение!
0
skazo4nik #
Не за что. Буду рад еще почитать подобные статьи, работа с вектором для меня неосновная сфера деятельности, и в основном приходится до всего доходить самостоятельно
0
Grawl #
Я обычно векторизую пером в Photoshop. Доходит до абсурда: grawl.ru/images/portfolio/AMATORY%20Live%20eviL%20Pt.1%20Vectorization.png (да, каждый кусочек, каждую крапинку руками делал).
Пробовал различные векторизаторы, пре- и пост-обработку — не оправдывает. Дольше вожусь с интерфейсами автоматических векторизаторов, чем мог бы сделать это вручную. Заодно, опять-таки, набил руку — теперь логотип средней сложности (в основном — как в статье, или даже сложнее) делаю за 10-15 минут усердного кликанья, протирания мышью стола и агрессивного битья клавиатуры.
+1
designiac #
Я тоже предпочитаю трейсить вручную, далеко не все изображения подходят для нормального трейсинга (взять хоть любой герб, на них много разных сложных элементов, или шрифт), хотя автотрейсер иногда может сильно сократить время, можно пару раз перед ручной отрисовкой попробовать трейсить в разных режимах.

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

Моя методика:
+1
Grawl #
Ну, тему ручной векторизации можно продолжать часами — здесь много нансов, приёмов и прочего. Интересны больше всего истории успеха, связанные как раз в автоматической векторизацией.
–1
designiac #
Вы знаете, где можно об этом почитать? Было бы интересно.
0
Grawl #
Много искал — и сейчас надеюсь только на это обсуждение и аудиторию Хабра.
+2
Kakao #
Предпочитаю кореловский автотрейс, на мой взгляд он точнее.
0
Hitokiri #
Всем спасибо за дополнения и критику! Все верно, иногда проще отрисовать руками, но и такой метод не раз спасал мне часок-другой времени (когда логотипов было много).

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