Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Создаем абстракцию в Adobe Illustrator

26 марта 2013 | Опубликовано в Уроки | Нет комментариев »

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

 

Детали урока

  • Программа: 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...

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

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

Если немного поэкспериментировать, можно получить следующее:

How to Create Vector Human Body Using Poser and Adobe Illustrator
Автор урока:  Iaroslav Tabachkovsky
Перевод — Дежурка



Коментарии запрещены.