Vectorboom
Уроки / Иллюстрации / Comments: 6

Как создать векторную фигуру танцора на абстрактном фоне танцпола в Adobe Illustrator

Ярослав Лазунов
26.03.2013
Цель урока
векторный абстрактный фон с фигурой танцора в Adobe Illustrator

В этом уроке мы создадим векторный абстрактный фон с фигурой танцора, используя такие плагины для Adobe Illustrator как: Phantasm CS и VectorScribe. Комбинация Dynamic Sketch Tool (DrawScribe) с новой функцией применения градиентых заливок к обводке в  Adobe Illustrator CS6 действительно может расширить ваши возможности рисования. Убедитесь в этом сами.

Шаг 1

Начнем наш урок с создания абстрактного фона, который будет передавать освещение танцпола. Хочу заметить, что мы будем работать в режиме RGB  (File > Document Color Mode > RGB color). При помощи Rectangle Tool (M) создаем прямоугольник с заливкой черного цвета.

Не снимая выделения с прямоугольника, переходим Object > Create Gradient Mesh… и устанавливаем количество столбцов и строк в диалоговом окне.

Выделяем центральные точки сетки при помощи Direct Selection Tool (A) и окрашиваем их в темные оттенки синего, фиолетового и желтого цветов.

Шаг 2

В этом шаге мы создадим несколько окружностей при помощи Ellipse Tool (L), которые будут иметь разные заливки и режимы смешивания. Этот процесс показан на рисунках ниже.

Шаг 3

Создадим звезду, которая имеет 46 лучей при помощи Dynamic Shapes Tool (плагин VectorScribe). Я предпочитаю использовать этот инструмент, так как он дает возможность динамически изменять все параметры формы при помощи панели (Window > VectorScribe > Dynamic Shapes Panel)

Заливаем объект линейным градиентом, который содержит синий, два черных и желтый слайдер, затем применяем режим смешивания Color Dodge в панели Transparency.

Создадим еще один подобный объект, зальем его линейным градиентом от черного к темно-красному цвету, применим режим смешивания Color Dodge  и уменьшим прозрачность в панели Transparency.

Шаг 4

Создаем окружность, заливаем радиальным градиентом от черного к темно-зеленому цвету, затем применяем к ней режим смешивания Screen.

Копируем эту окружность и вставляем ее вперед (Command / Ctrl + C, Command / Ctrl + F). Применяем к ней режим смешивания Normal и заливаем вертикальным линейным градиентом от белого к черному цвету.

Выделяем обе окружности, созданные в этом шаге, затем нажимаем на кнопку Make Mask в панели Transparency.

Этим действием мы создали Opacity Mask. Дублируем созданный объект, уменьшаем его размеры, поворачиваем и помещаем в левой части фона. Друзья, мы создаем абстрактную векторную композицию, и, конечно, вы можете использовать другие объекты и по-другому размещать их. Я лишь описываю процесс создания моей работы.

Шаг 5

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

Для затемнения части фона создадим эллипс с заливкой эллиптическим градиентом с одним прозрачным слайдером и применим режим смешивания Multiply.

Для осветления необходимо использовать режим Screen.

Шаг 6

Создадим прямоугольник с заливкой радиальным градиентом из двух оттенков серого цвета, который будет полностью накрывать фон.

Для получения множества светящихся объектов мы будем использовать плагин Phantasm CS. Не снимая выделения с прямоугольника, переходим Effect > Phantasm CS > Halftone… и устанавливаем параметры, показанные на рисунке ниже.

Применяем к прямоугольнику режим смешивания Color Dodge.

Шаг 7

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

Выделяем все созданные объекты, затем используем комбинацию горячих клавиш иллюстратора Command / Ctrl + 7  для создания Clipping Mask.

Шаг 8

Приступаем к созданию фигуры танцора. Для этих целей я использовал готовый векторный силуэт.

Подобные силуэты вы сможете найти на сайте all-silhouettes.com. Для создания контура танцора мы будем использовать Dynamic Sketch Tool (плагин DrawScribe). Открываем панель этого инструмента (Window > DrawScribe > Dynamic Sketch Panel), выбираем опцию Edit or continue existing paths и создаем контур, основываясь на векторный силуэт.

Параметры Accuracy и Smoothness уровней подбирайте в процессе работы, от них зависит насколько детализированным будет создаваемый контур. Кроме того, пути, созданные нами при помощи  Dynamic Sketch Tool, являются динамическими, то есть их параметры могут быть изменены после создания контура.  Обратите внимания на то, чтобы контур танцора был замкнут. Игнорирование этого сделает невозможным выполнение шагов 11 - 13. После создания контура векторный силуэт может быть удален.

Шаг 9

Теперь создадим блики света на фигуре танцора. Комбинируя Dynamic Sketch Tool с функцией градиентной заливки обводки в  Adobe Illustrator CS6, мы можем добиться эффекта рисования кистью с мягкими краями. Давайте немного настроим инструменты для предстоящей работы. Устанавливаем зависимость ширины обводки от давления на стилус в панели Dynamic Sketch (в дальнейшей работе мы будем использовать графический планшет).

Теперь откроем диалоговое окно Dynamic Sketch Preferences (для его открытия просто нажмите на  Enter, когда выбран Dynamic Sketch Tool) и отключим опцию New Paths Have Basic Appearance.

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

И наконец, установим градиент для обводки. Это должен быть линейный градиент, который состоит из двух слайдеров одинакового цвета, один из которых имеет 0% прозрачности. Вы также должны выбрать опцию Gradient across stroke в панели Gradient.

Настройки сделаны, давайте создадим пробный путь, используя Dynamic Sketch Tool.

Как вы можете видеть, один край мазка размыт. И это на 100% векторный объект. Подумайте, какие возможности для рисования перед вами открываются.

Шаг 10

Используя все выше сказанное и Dynamic Sketch Tool, я создал блики на теле танцора.

Лучше если это будут цветные блики, соответствующие цветам танцпола. Хочу отметить, что вы можете управлять шириной обводки при помощи Width Tool (Shift + W).

Это позволит вам создавать обводку нужной вам формы.

Шаг 11

Теперь нам нужно спрятать лишние части бликов. Выделяем контур белого цвета, затем переходим Object > Expand Appearance. Объедините контур в один объект, нажав на Unite в панели Pathfinder. В результате мы получим составной путь.

Выделяем контур, затем переходим Object > Path > Offset path… и устанавливаем величину смещения.

Шаг 12

Не снимая выделения с нового контура, переходим Object > Compound Path > Release.

Удаляем белый объект между головой и рукой  танцора и самый нижний объект.

Оставшиеся объекты мы будем использовать в качестве Clipping Paths.

Шаг 13

Выделяем блики, которые находятся на брюках танцора, и белый объект внутри их контура, затем переходим Object > Clipping Mask > Make или используем горячие клавиши Command / Ctrl + 7.

Применим эту технику к остальным частям танцора.

Используя техники, описанные в этом уроке, я также создал световую волну.

Надеюсь, что вы узнали что-то новое для себя и научились комбинировать Dynamic Sketch Tool с функцией градиентной заливки обводки. Это была основная цель урока.

Всего комментариев: 0
Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.