Уроки Adobe Illustrator от brush.spoke.ru

  Все выпуски  

Уроки Adobe Illustrator от brush.spoke.ru -Трассировка изображения в Illustrator


Сможешь нарисовать смайлик? Получи графический планшет! Подробнее...
"Подлянка Фрекен Бок" 2006г.
“Добро пожаловать”
"Как ослик Иа хвост потерял..."
Прочитать Эффект рисования акварельными красками в Adobe Photoshop
Прочитать Анимация блика в Adobe Photoshop
Прочитать Кристаллы в Photoshop
Прочитать Металлическая кнопка в Photoshop

Информ-Лента

Конкурс!!!
Закончился прием работ на конкурс "Лучшие смайлики", всего было представлена 21 работа. У Вас еще есть время проголосовать за работы участников конкурса, каждый голос может повлиять на результат! Торопитесь.
Подробности здесь.

Рассылки Subscribe.Ru
Кино-обои от Hit-kino.ru
Другие рассылки от сайта Brush.spoke.ru

Рассылки Subscribe.Ru
Уроки Photoshop от Brush.spoke.ru

Есть вопрос или идея по поводу нового урока? Выскажите его администрации.
Задать вопрос.

Трассировка изображения в Illustrator
автор: Alex

В предыдущем уроке рассматривался пример рисования персонажа и способ окрашивания Live Paint, появившийся в версии Illustrator CS2. В данном уроке я так же хотел привести пример работы с версией CS2. В прошлом уроке мы выполняли ручную трассировку (отрисовку изображения), но в Illustrator CS2 появился хороший инструмент, позволяющий сэкономить на этом этапе работы много времени. Именно он и будет рассмотрен в этом уроке.

Для начала нарисуем то, что будем в последствии отрисовывать. Мне не хотелось использовать для данного урока какие-то примитивные фигуры. Я нарисовал муравья. Советую и Вам использовать свой собственный рисунок, или хотя бы использовать этот (рис.1).

Трассировка изображений в Adobe Illustrator

рис.1

Я старался обвести чёткий жирный контур карандашом, но тем не менее и этот рисунок желательно обработать в Adobe Photoshop. Чтобы добиться хорошего результата, делаем рисунок более контрастным и ярким, ластиком удаляем контрастные ненужные линии (рис.2).

Трассировка изображений в Adobe Illustrator

рис.2

В Main Toolbar выбираем Live Trace. Перед нами появляется окно настроек трассировки Tracing Options, представленное на рис.3. Поэкспериментируйте с настройками. Для оптимального результата примените настройки примерно как на рис.3. Обратите также внимание на Minimum Area. Этот параметр помогает избежать большого количества мелких объектов, т.е. различного "мусора".

Трассировка изображений в Adobe Illustrator

рис.3

Результат Вы видите на рис.4. Векторный вариант получился более-менее удачный. Присутствуют некоторые недочёты, которые мы сейчас исправим.

Трассировка изображений в Adobe Illustrator

рис.4

На рис.5 представлена панель Main Toolbar. "Expand" позволяет перевести объект в кривые, т.е. в обычные векторные объекты (при этом теряется возможность редактирования трассировки). Кнопка "Live Paint" переводит изображение в одноимённый режим, позволяющий с лёгкостью задать заливку всем объектам рисунка. Этот инструмент подробно описан в прошлом уроке.

Трассировка изображений в Adobe Illustrator

рис.5

Переходим в режим Live Paint и выделяем белые объекты, находящиеся в области рук (рис.6). Нам необходимо избавиться от них. Для этого просто зададим им чёрную заливку.

Трассировка изображений в Adobe Illustrator

рис.6

Обратите также внимание на дефект на одной руке (рис.7). Мы займёмся им, когда переведём муравья в кривые.

Трассировка изображений в Adobe Illustrator

рис.7

Зададим заливку элементам туловища. При наведении инструмента заливки на какую-либо область она выделится красным цветом, как показано на рис.8. Это позволяет избежать ошибок, мы наглядно видим, какая область будет сейчас окрашена.

Трассировка изображений в Adobe Illustrator

рис.8

При попытке окрасить голову муравья мы получили фон того же цвета (рис.9). Это свидетельствует о том, что контур головы не замкнут.

Трассировка изображений в Adobe Illustrator

рис.9

Обратите внимание на рис.10. На нём видно, что между правым глазом и щекой контур головы не замыкается, т.е. голова и фон - единый объект.

Трассировка изображений в Adobe Illustrator

рис.10

Для решения этой проблемы существует функция Gap (замыкание контура).

Трассировка изображений в Adobe Illustrator

рис.11

Выделяем объекты, выбираем Object/Live Laint/Gap Options. В появившемся диалоговом окне задаём необходимые параметры. При этом мы можем видеть, будет ли нужное место «разрезаться» на несколько объектов.

Трассировка изображений в Adobe Illustrator

рис.12

Теперь мы с лёгкостью можем залить цветом голову муравья (рис.13).

Трассировка изображений в Adobe Illustrator

рис.13

Переведём рисунок в кривые, нажав кнопку Expand. Теперь в документе мы имеем только множество простейших векторных объектов, при работе с которыми у Вас уже не может возникнуть никаких проблем :)

Займёмся рукой, имеющей дефект. Инструментами группы Pen удаляем лишние опорные точки и выравниваем контур руки. Результат Вы видите на рис.14.

Трассировка изображений в Adobe Illustrator

рис.14

В области этой руки имеются также большое количество элементов, которые мы окрасили в чёрный цвет. Удалим и их (рис.15).

Трассировка изображений в Adobe Illustrator

рис.15

Нарисуем тени. Для этого создадим линии границ теней. Для наглядности я задал им красную обводку (рис.16).

Трассировка изображений в Adobe Illustrator

рис.16

Выделяем все объекты (Ctrl+A), переходим в режим Live Paint и задаём теням более насыщенный и тёмный оттенок (рис.17).

Трассировка изображений в Adobe Illustrator

рис.17

Создадим блик для очков. Выделим две линзы (рис.18).

Трассировка изображений в Adobe Illustrator

рис.18

В контекстном меню выбираем Transform/Transform Each (рис.19). Эта функция позволяет применить всем выделенным объектам одну и ту же трансформацию (вместо того, чтобы применять каждому из них одну и ту же трансформацию). Уменьшим размер пропорционально по вертикали и горизонтали и нажмём Copy (трансформация применится к созданным копиям).

Трассировка изображений в Adobe Illustrator

рис.19

В результат трансформации и применения заливки мы видим то, что показано на рис.20.

Трассировка изображений в Adobe Illustrator

рис.20

На рис.21 показано, что я применил к отдельным объектам градиентную заливку (люблю я её).

Трассировка изображений в Adobe Illustrator

рис.21

Нарисуем фон, проработаем его цветовую гамму и возможно некоторые эффекты и рисунок готов!

Трассировка изображений в Adobe Illustrator

рис.22

То, что мы получили в результате, можно нарисовать в любой предыдущей версии Illustrator-а, но на то и написан этот урок, чтобы описать новые возможности программы. Попробуйте нарисовать то же самое простыми инструментами и сравните, сколько времени это у Вас займёт. Компьютер нужен именно для того, чтобы работать за Вас. Пусть он и занимается своим делом :) Все вопросы по данному уроку Вы можете задавать в комментариях ниже. С нетерпением жду Ваших работ, выполненных с помощью этого урока на форуме!



В избранное