Vectorboom
Уроки / Векторные Эффекты / Comments: 11

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

Ярослав Табачковский
12.07.2014
Цель урока

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

В действительности не проблема создать круговую волну, используя Zig Zag эффект, или создать волну, расходящуюся из центра окружностей при помощи Blend Tool. Но создать круговое вращение волны, не такая простая задача. Этот урок посвящен описанию метода такого вращения.

Шаг 1

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

Шаг 2

Нарисуем две вертикальные линии, которые пересекут волнистую линию в ее начале и конце. Выделим обе линии и нажмем Ctrl + Alt + B, затем два раза кликнем по иконке Blend Tool на панели инструментов, выберем опцию Specified Steps или Specified Distance и добьемся необходимой плотности промежуточных линий, изменяя числовой параметр.

Шаг 3

Переходим Object > Blend > Expand, выделяем вертикальные линии и волнистую кривую, затем нажимаем кнопку Outline панели Pathfinder.

Шаг 4

В результате мы получим группу элементов без заливки и обводки. Окрасим обводку в любой цвет для того чтобы не работать вслепую. Разгруппируем все объекты (Cmd / Ctrl + Shift + G). Выделим верхние линии, используя Selection Tool (V).

Переходим Select > Inverse и нажимаем Delete.

Шаг 5

Выделяем верхние точки оставшихся линий, используя в этот раз Direct Selection Tool (A)

Теперь нажимаем Ctrl + Alt +J и выбираем опцию Both в открывшемся диалоговом окне. Включите умные направляющие (Ctrl + U), если они еще не включены, затем захватим вершину линий и перетащим ее в центр будущей фигуры.

Шаг 6

Отвлечемся от наших линий немного. Включим сетку (Ctrl + “) и привязку к направляющим (Ctrl + Shift + “). Нарисуем прямоугольник и окружность (прямоугольник должен находиться ниже окружности). Размер этих объектов не имеет значения, главное чтобы ширина прямоугольника точно равнялась радиусу окружности и чтобы середины боковых сторон прямоугольника касались центра окружности и ее правого края.

Отключите обводку и заливку прямоугольника. Выделяем прямоугольник и окружность, затем перетаскиваем их в панель Brushes. Выбираем Art Brush, затем в новом диалоговом окне выбираем направление – вправо, опция Proportion должна быть включена. Теперь окружность и прямоугольник могут быть удалены.

Шаг 7

Вернемся к линиям. Выделим их и применим созданную кисть. Теперь переходим Object > Expand Appearance. Удаляем окружности, созданные в первом шаге. Выделяем все объекты и устанавливаем толщину обводки – 1pt в панели Stroke.

Теперь мы можем экспериментировать. Например, применить Zig Zag эффект к окружностям (Effect > Distort & Transform > Zig Zag...) с такими параметрами…

Или с такими параметрами…

Теперь переходим Effect > Distort & Transform >Pucker & Bloat...

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

А вот так выглядит векторный вортекс с заливкой радиальным градиентом и с пунктирной обводкой окружностей

И еще немного экспериментов

Всего комментариев: 11
1
1  
Интересный способ, и результат отличный. Спасибо!
P.S. Ярослав, вы пересели на Illustrator CS2 ?   smile

1
2  
Спешу вас разочаровать smile
Это не мой урок, а другого Ярослава - Табачковского, разработчика Mesh Tormentor

0
3  
А я и не посмотрел, что автор другой — привык, что вы размещаете свои статьи smile
Спасибо Ярославу Табачковскому за туториал,  и отдельное спасибо за обновление Mesh Tormentora до версии СС2014 под мак smile

0
4  
Видимо в более новых версиях Illustrator  механизм работы кистей (либо что-то другое?) был изменен.
На СС 2014 после применения кисти результат выглядит таким образом
Возможно где-то ошибся я, но три раз перепроверял по пунктам.

0
5  
Вполне вероятно, проверю в понедельник

1
6  
В шестом пункте ошибка в фразе "(прямоугольник должен находиться выше окружности)". Он должен быть ниже окружности (под ней в списке слоев).
К счастью, в CC2014 этот механизм все еще работает.

0
7  
Спасибо, исправляю

0
8  
Подтверждаю, с прямоугольником внизу все работает smile Спасибо!

0
9  
на CC работает. А 4 mastaka надо в конце нажимать expand apperance.

0
10  
В конце нужно делать Epand? У меня всё получилось, только когда заливаю радиальным градиентом всё сливается, т.е. не видно четких границ кругов...

0
11  
Про градиент не помню - это был просто эксперимент. И вам посоветую покрутить тудыма, сюдыма

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