Vectorboom
Советы / Техники / Comments: 10

Создание за считанные минуты снежинок и елочных игрушек в Adobe Illustrator

Ярослав Лазунов
27.11.2012
Цель Урока

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

Шаг 1

Берем инструмент иллюстратора Dynamic Shapes Tool, открываем панель Dynamic Shapes (Window > VectorScribe > Dynamic Shapes), выбираем в этой панели  Dynamic Star и создаем восьмиконечную звезду.

выбираем в  панели Dynamic Star и создаем восьмиконечную звезду

Шаг 2

Теперь создадим еще одну восьмиконечную звезду в подслое выше первой. Установим радиус округления ее лучей в панели Dynamic Shapes. Вторая звезда больше первой. Вы всегда можете изменить размеры динамической формы путем перетаскивания ее угловых точек.

создадим еще одну восьмиконечную звезду в подслое выше первой

Совмещаем центры обоих динамических форм при помощи Dynamic Shapes Tool.

Совмещаем центры обоих динамических форм при помощи Dynamic Shapes Tool

Шаг 3

Выделяем обе динамические формы и переходим Effect > Pathfinder > Minus Back.

Выделяем обе динамические формы и переходим Effect > Pathfinder > Minus Back

Эффект Pathfinder, в отличие от действий с формами в панели Pathfinder, позволяет нам сохранить динамические свойства наших объектов, которые будут находиться в одной группе. Не снимая выделения с группы, переходим Effect > Transform > Zig Zag…, устанавливаем параметры в диалоговом окне, указанные на рисунке ниже.

Эффект Pathfinder позволяет нам сохранить динамические свойства наших объектов, которые будут находиться в одной группе.

Шаг 4

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

Выделяем верхнюю динамическую звезду, это удобно сделать в палитре слои

Теперь переходим Effect > Transform > Pucker & Bloat… и, экспериментируя с параметрами эффекта, создаем векторную форму снежинки, показанную на рисунке ниже.

создаем форму снежинки

Шаг 5

Вся прелесть работы с динамическими формами в Illustrator заключается в том, что мы можем менять их параметры после создания. Это, конечно, повлияет на вид нашей снежинки. Так, например, мы можем изменить ее количество лучей, радиус округления и применить Negative Corner.

мы можем изменить в снежинке количество лучей, радиус округления и применить Negative Corner

Все эти изменения приведут к созданию новой, неповторимой снежинки.

Шаг 6

На форму векторной снежинки влияют и параметры примененных эффектов. Доступ к ним вы можете получить из панели Appearance (Window > Appearance)

На форму снежинки влияют и параметры примененных эффектов

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

векторная снежинка в Adobe Illustrator вариант 1
векторная снежинка в Adobe Illustrator вариант 2
векторная снежинка в Adobe Illustrator вариант 3
векторная снежинка в Adobe Illustrator вариант 4

Шаг 7

Теперь, получив хороший результат, мы можем использовать снежинки в своей работе. Например, поместить ее на елочную игрушку. Давайте посмотрим, как создать яркий шар. Берем Ellipse Tool (L) и создаем окружность с заливкой серого цвета.

Давайте посмотрим, как создать яркий шар

Копируем окружность и вставляем ее вперед (Cmd / Ctrl + C; Cmd / Ctrl + F) и немного уменьшим ее размер.

Давайте посмотрим, как создать яркий шар

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

устанавливаем количество столбцов и строк в диалоговом окне

Шаг 8

Берем Gradient Mesh Tool (U) и создаем новую линию сетки, кликнув в точке A. При помощи Direct Selection Tool выделяем узлы градиентной сетки и перекрашиваем их в более светлые оттенки серого цвета, результат этих действий вы можете видеть на картинке ниже.

При помощи Direct Selection Tool выделяем узлы градиентной сетки

Копируем градиентную сетку и вставляем ее вперед (Cmd / Ctrl + C; Cmd / Ctrl + F), немного уменьшаем ее размер и поворачиваем на некоторый угол. Теперь перекрасим ее узлы, как это показано на рисунке ниже.

Перекрасим узлы градиентной сетки

Шаг 9

При помощи Ellipse Tool (L) создадим новый эллипс.

При помощи Ellipse Tool (L) создадим новый эллипс

Манипулируя точками и их плечами, приводим эллипс к виду, показанному на рисунке ниже.

Манипулируем точками и их плечами

Берем Gradient Mesh Tool (U) и создаем две линии сетки, кликнув в точках A and B.

создаем две линии сетки, кликая в точках A and B

Этим же инструментом добавляем новые линии к сетке.

добавляем новые линии к сетке

Шаг 10

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

окрашиваем узлы в разные оттенки серого цвета

Теперь копируем самую нижнюю окружность и вставляем ее вперед (Cmd / Ctrl + C; Cmd / Ctrl + F), поместим ее выше всех объектов шара (Shift + Cmd / Ctrl + ]). Заливаем окружность красным цветом.

Заливаем окружность красным цветом

Не снимая выделения с окружности, устанавливаем режим смешивания Overlay в палитре Transparency.

устанавливаем режим смешивания Overlay в палитре Transparency

Вы, наверное, догадались, что верхнюю окружность можно заливать любым цветом. Все зависит от того, какого цвета шар вы хотите получить.

верхнюю окружность можно заливать любым цветом

Таким образом, мы создали универсальную заготовку для Новогоднего елочного шара.

Шаг 11

Создадим блик на шаре. Берем Ellipse Tool (L) и нарисуем два эллипса. Оба эллипса залиты белым цветом. Больший эллипс находится ниже меньшего и имеет прозрачность 0% Opacity.

Создадим блик на шаре

Теперь переходим Object > Blend > Blend Options и устанавливаем количество Specified Steps. Выделяем оба белых эллипса и переходим Object > Blend > Make.

устанавливаем количество Specified Steps

Шаг 12

При помощи Pen Tool (P) создадим векторную форму металлической верхушки елочного шара и зальем ее линейным градиентом, который состоит из чередующихся светлых и темных оттенков серого цвета.

создадим векторную форму металлической верхушки елочного шара

Шаг 13

Теперь создадим дужку для нитки, ведь нашу игрушку как то надо повесить на елку. Существует много способов создать подобную форму. Быстрее всего это сделать при помощи VectorScribe плагина. Берем Dynamic Shapes Tool и открываем панель Dynamic Shapes (Window > VectorScribe > Dynamic Shapes), выбираем в этой панели  Dynamic Donut и создаем форму дужки. Заливаем ее линейным градиентом, который состоит из оттенков серого цвета. Поместим дужку в подслое ниже верхушки шара.

создадим дужку для нитки

Шаг 14

Размещаем снежинку, созданную в первой части урока на поверхности шара. Дублируем ее (Opt / Alt во время перетаскивания) и уменьшаем размер копий при помощи Selection Tool (V). Заливаем снежинки радиальными градиентами из белого, желтого и светло-коричневого цветов.

Размещаем снежинку на поверхности шара

Шаг 15

Копируем самую нижнюю окружность шара и вставляем ее вперед (Cmd / Ctrl + C; Cmd / Ctrl + F). Поместим окружность над снежинками, переместив ее в панели слои.

Поместим окружность над снежинками, переместив ее в панели слои

Выделяем снежинки и эту окружность, затем нажимаем shortcuts Cmd / Ctrl + 7, создавая Clipping Mask

создаем Clipping Mask

Теперь создаем простую векторную иллюстрацию из двух разноцветных елочных игрушек. Тени под шарами создавались при помощи Blend, эта техника описана в 11 шаге.

создаем простую векторную иллюстрацию из двух разноцветных шаров

Надеюсь, вам понравился этот урок. Всем веселых наступающих праздников! Будьте всегда в курсе свежих новостей о векторной графике, новых   уроков   работы в Adobe Illustrator, статей и интервью посвященных   графическому   дизайну. Команда RU.Vectorboom работает для Вас!

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