Отправляет email-рассылки с помощью сервиса Sendsay

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

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Раскрутка сайта. Советы" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Октябрь 2006   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
www.brush.spoke.ru

Статистика

1.565 подписчиков
-1 за неделю
←   Все выпуски   →

Уроки 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).

рис.1

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

рис.2

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

рис.3

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

рис.4

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

рис.5

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

рис.6

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

рис.7

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

рис.8

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

рис.9

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

рис.10

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

рис.11

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

рис.12

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

рис.13

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

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

рис.14

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

рис.15

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

рис.16

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

рис.17

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

рис.18

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

рис.19

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

рис.20

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

рис.21

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

рис.22

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


В избранное