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

Как в Adobe Illustrator создать векторный травяной фон

Ярослав Лазунов
27.04.2013
Цель урока
векторный травяной фон в Adobe Illustrator

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 

В этом уроке мы научимся создавать травяной фон, применяя довольно простые векторные техники с использованием Art Brush, градиентной заливки и символов.

Шаг 1

При помощи Ellipse Tool (L) создадим эллипс, вытянутый в горизонтальном направлении.

Выделяем точки A и B при помощи Direct Selection Tool (A), затем удаляем их, нажав на соответствующую кнопку в панеле Control.

Смещаем ручки оставшихся точек к центу фигуры, удерживая клавишу Opt / Alt.

Шаг 2

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

Сохраним оба объекта в панеле Brushes, как Art Brush, не изменяя дефолтные настройки кисти.

Шаг 3

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

Выделяем нижнюю и верхнюю формы травинки, затем берем Shape Builder Tool и, удерживая клавишу Opt / Alt, удаляем нижнюю часть верхней формы.

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

Сохраняем обе травинки, каждая из которых состоит из двух объектов, как Art Brushes.

Шаг 4

Используя первые две Art Brushes и Pen Tool (P), создадим несколько криволинейных сегментов, так чтобы они напоминали пучок травы. Регулируйте толщину травинок, изменяя параметр Weight в панеле Stroke.

Выделяем все травинки, затем переходим Object > Path > Outline Stroke.

Шаг 5

Как вы можете видеть, наши травинки имеют чрезмерное количество точек. Так как наша работа будет содержать большое количество травинок, то будет лучше, если мы уменьшим количество точек, что в итоге уменьшит размер исходного векторного файла. Не снимая выделения с травинок, переходим Object > Path > Simplify…. Параметры, установленные по умолчанию, вполне подходят для решения нашей задачи.

Однако у нас появилась новая проблема: на месте угловых точек образовались петли.

Для удаления петель запускаем скрипт Merge Overlapped Anchors (File > Script > Merge Overlapped Anchors) , который вы сможете скачать здесь. Как вы видите, все петли удалены, при этом пути не изменили своей траектории.

Шаг 6

Применяем к травинкам вертикальный линейный градиент от зеленного к темно-зеленому цвету.

Сохраняем травинки, как новый символ в панеле Symbols.

Шаг 7

Берем Rectangle Tool (M) и создаем прямоугольник с темно-зеленной заливкой. Размер прямоугольника должен соответствовать размеру травяного фона.

Шаг 8

Два раза кликнем по иконке Symbol Sprayer Tool на панеле Tools, что приведет к открытию диалогового окна. Установите параметры, указанные на рисунке ниже.

Выбираем символ с пучком травы в панеле Symbols, затем разбрызгиваем его, перемещая инструмент в горизонтальном направлении у верхней части прямоугольника.

Шаг 9

Блокируем созданный Symbol Set в панеле Layers.

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

Используя эту технику, создаем ряды травы, двигаясь сверху вниз по площади прямоугольника. Только не забывайте блокировать предыдущий ряд травинок.

Таким образом мы создали нижний слой травы.

Шаг 10

Теперь создадим пучок травы из третей и четвертой Art Brushes.

Совершаем с этим пучком травы те же действия, что и с первым. Переходим Object > Path > Outline Stroke, затем уменьшаем количество точек у травинок.

Запускаем скрипт Merge Overlapped Anchors для удаления петель.

Шаг 11

Выделяем при помощи Direct Selection Tool (A) объект темно-зеленного цвета.

Теперь переходим Select > Same > Fill Color.

Заливаем выделенные объекты вертикальным градиентом от светло-зеленного к темно-зеленному цвету.

Шаг 12

Выделяем объект с светло-зеленной заливкой.

Переходим Select > Same > Fill Color.

Заливаем выделенные объекты линейным градиентом, который содержит более светлые оттенки зеленного цвета, чем предыдущий.

Конечно, для достижения лучшего результата вы можете поработать с каждой травинкой, используя Gradient Tool (G)

Шаг 13

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

Сохраняем все пучки как символы в панеле Symbols.

Шаг 14

Используя Symbol Sprayer Tool и технику, описанную в 8 и 9 шаге, разбрызгиваем символы по поверхности фона. Постоянно чередуйте символы для того чтобы избежать однообразия.

Укладывайте траву рядами, перемещаясь сверху вниз.

Шаг 15

Дублируем нижний прямоугольник и размещаем копию выше всех созданных объектов.

Заливаем прямоугольник радиальным градиентом от белого к зеленому цвету и применяем к нему режим смешивания Multiply в панеле Transparency. Этим мы добились неравномерного освещения травяного фона.

Шаг 16

Дублируем верхний прямоугольник еще раз, затем выделяем все созданные объекты и нажимаем на клавиши Cmd / Ctrl + 7 для создания Clipping Mask.

Травяной фон готов.

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 

Всего комментариев: 1
0
1  
Отличный урок, спасибо!

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