Создаем абстракцию в Adobe Illustrator
26 марта 2013 | Опубликовано в Уроки | Нет комментариев »

Детали урока
- Программа: Photoshop CS5, Adobe Illustrator CS — CS6;
- Сложность: beginner;
- Время: 15 минут
Шаг 1
Начнем с ограничения границ нашего будущего рисунка. Для этого создаем большой и маленький круг, а также волнистую кривую. Желательно, чтобы цвета кругов были серого цвета, а также заблокировать на панели слоев.

Шаг 2
Рисуем две вертикальные линии, которые будут пересекать изогнутую линию в начале и в конце. Выбираем две вертикальные линии и нажимаем Cmd / Ctrl + Opt / Alt +B, чтобы создать переход между объектами, а затем дважды щелкните на Blend Tool на панели инструментов и задайте указанный путь и количество шагов.

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

Шаг 4
В результате, у нас получится группа элементов без обводки и заливки. Установите цвет обводки — любой цвет. Нажмите Cmd / Ctrl + Shift + G, чтобы разгруппировать все объекты. Выделите прямоугольную область возле вершин линий с помощью Selection Tool (V).

А теперь перейдите к Select> Inverse и нажмите на Delete.
Шаг 5
Выделите прямоугольную область вокруг вершин линий в этот раз с помощью Direct Selection Tool (A).

Теперь нажмите на Cmd / Ctrl + Opt / Alt + клавишу J и выберите в диалоговом окне опцию Both. Включите Smart Guides с помощью Cmd / Ctrl + U, и «захватив» вершины линий, перетащите их в центр будущего рисунка.

Шаг 6
Давайте немного отвлечемся от линий. Включите сетку (Cmd / Ctrl + «) и привязку к сетке (Cmd / Ctrl + Shift +»). Нарисуйте прямоугольник и круг (прямоугольник должен быть помещен позади круга). Их размеры не имеют значения, важно, чтобы ширина прямоугольника была равна радиусу окружности, и она была совмещена с центром окружности с правого края.

Отключите обводку прямоугольника (убедиться, что нет заливки), выберите его и круг, и перетащите его в палитру кистей, выберите направление Art Brush — справа; опция Proportion должна быть включена. Теперь прямоугольник и круг можно удалить.

Шаг 7
Вернемся к линиям, выбираем их и применяем созданную кисть. Переходим к Object > Expand Appearance. Удаляем круги, которые мы создали в первом шаге. Выбираем все (Cmd / Ctrl + A) и устанавливаем 1pt в панели Stroke .
Теперь мы можем экспериментировать. Например, применить эффект Zig Zag к кругам (Effect> Distort & Transform> Zig Zag ...) со следующими параметрами:


Или примените эффект Zig Zag с такими параметрами:

Затем перейдите в Effect> Distort & Transform> Pucker & Bloat...

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

А вот так может выглядеть наш вектор, если к кругам применить радиальный градиент и пунктирную обводку.
Если немного поэкспериментировать, можно получить следующее:
