Как сделать траву в иллюстраторе

Как создать растения в горшочке в иллюстраторе

Сегодня мы научимся как можно создать простые растения в горшочке.

Сперва создадим горшочки.

Создадим наши горшки под растения. Берем инструмент прямоугольник и рисуем прямоугольник произвольного размера. Обводки у нашего горшка не должно быть.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

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

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

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

Для этого выбираем инструмент прямое выделение, и кликаем по одной из вершин основания. Удерживая клавишу Shift и нажав на клавишу «влево» или «вправо» изменяем размер основания. То же самое выполняем и для второй вершины.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Округлим края нашего верхнего прямоугольника. Для этого выбираем инструмент прямое выделение, и перетягиваем наши углы к центру. Убедитесь что у вас включен виджет углов в панели просмотра.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

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

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

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Далее выделяем наш новый прямоугольник, и тот что под ним. Выбрав инструмент «Создания фигур» удерживая клавишу Alt удаляем фрагменты выходящие за пределы большого прямоугольника.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Добавим объема еще больше. Рисуем прямоугольник, который перекрывает половину нашего горшка.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Так же как и в предыдущем шаге удалим не нужную нам часть.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Уменьшим прозрачность до 10-20%.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Создадим еще один горшок. Рисуем правильный круг используя инструмент эллипс, и удерживая клавишу Shift.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

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

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Выбираем все объекты, и используя «Создание фигур», убираем все лишнее.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Немного украсим наш горшок. Рисуем прямоугольник не большой толщины.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Выбрав наш горшок и прямоугольник убираем все лишнее инструментом создание фигур.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Так же как и на прошлом горшке создадим тень. Рисуем прямоугольник на половину горшка. Убираем ненужные части, и ставим прозрачность 10-20%.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Приступаем к созданию растений которые мы посадим в наши горшки.

Инструментом эллипс рисуем идеальный круг.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Зажав клавишу Alt и перетянув наш круг в сторону мы создадим его дубликат. Пересечение этих кругов станет нашим листочком.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Инструментом «Создание фигур» убираем все ненужное.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Затемним половину нашего листочка используя уже известную нам технику.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Размещаем наши листочки на горшках. Что бы листки не выступали вперед перемещаем их на задний план.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

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

Источник

How to Create a Grass Banner in Adobe Illustrator

In this tutorial, you will learn how to use the Mesh Tool and Warp effects in Adobe Illustrator to create a fresh spring grass banner!

You can purchase an illustration including similar grass banners and even flowers from GraphicRiver.

1. How to Create a Blade of Grass

Step 1

Our first step is going to be the creation of a single blade of grass. Create a long, narrow rectangle using the Rectangle Tool (M).

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 2

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 3

Select the upper right-hand corner of the rectangle with the Direct Selection Tool (A) and Delete it, creating a triangular shape.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 4

Take the Mesh Tool (U) and create four mesh nodes at regular intervals from each other, simply clicking with the tool on the path. In the end, you should have six mesh nodes, as demonstrated in the screenshot.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 5

Now we will be coloring our created Mesh. We will start with the lowest node, coloring it with the #325001 color.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 6

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 7

We will continue coloring the nodes, alternating darker and lighter colors, as shown in the screenshots below:

#4C6C06 for the third node.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

#7CA10F for the fourth node.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

#416203 for the fifth node.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Finally, #7CA00D for the uppermost node.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 8

Create another row of mesh by clicking right around the middle of the shape with the Mesh Tool (U).

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 9

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 10

Select the middle row of nodes using the Lasso Tool (Q) and adjust the color of them by going to Edit > Edit Colors > Adjust Colors.

Input the settings shown below: 17% Red, 12% Green.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

2. How to Create Grass Shapes Using Warp Effects

Step 1

Now we will create four more copies of our grass blade to modify them. You can clone them by using Control-C, Control-V, or simply drag the shape while holding the Alt key.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 2

Take one of the copies and go to Effect > Warp > Flag. Use these settings:

This will warp the blade of grass and make it look more natural.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 3

Select the result and go to Object > Expand Appearance to adjust the shape to the applied effect. Don’t forget to repeat this step after each Warp!

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 4

The second blade of grass we will modify with Effect > Warp > Arc with the following settings:

Repeat Step 3 after this.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 5

For the third shape, use Effect > Warp > Flag again, but with different settings:

Repeat Step 3.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 6

To achieve a different look, you can create anchor points on the shape, using the Add Anchor Point (+) function, and then drag them with Direct Selection Tool (A), as I did right here:

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 7

Moving on to the fourth shape, apply Effect > Warp > Rise with the following settings:

Repeat Step 3.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 8

Finally, modify the last remaining shape with Effect > Warp > Flag and these settings:

Repeat Step 3.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 9

We’re done with the warping! Now, rotate your grass blades so they are facing the correct way. Select all five of them and create a copy (Control-C, Control-V) of them.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 10

Select the copies and by going to Edit > Edit Colors > Adjust Colors, make the grass a bit darker.

Step 11

Create one more copy of the original grass and adjust the colors as well.

Edit > Edit Colors > Adjust Colors

Step 12

Now that we have all the different colors, let’s think about the length of the grass!

Select all of the grass we created so far, create a copy, and scale the grass a little bit to make it shorter.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

3. How to Create Your Own Grass Banner

Now that we have all the different types of grass, your next task will depend on your creativity!

Step 1

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Continue, once you are happy with your patch of grass. You can use mine as inspiration!

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 2

If you are satisfied with the end result, select the patch of grass, create a group (Control-G), and then move it next to its original place while holding the Alt key. This will copy it. There shouldn’t be any empty space between the two patches.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 3

Keep the second group selected and press Control-D. This will copy it again.
Repeat this step until you are happy with the resulting length of the banner.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

4. How to Pretty It Up

We’re almost done! All that’s left is to make your banner look a bit nicer.

Step 1

Create a white rectangle with the Rectangle Tool (M). The size doesn’t matter for now.
Take the Mesh Tool (U) and create a node right in the middle of the shape.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 2

Select the bottom three nodes with the Lasso Tool (Q) and apply the #293500 color to them.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 3

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 4

Open the Transparency panel (Window > Transparency) and apply the Multiply Transparency mode to the shape.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 5

Stretch and scale the shape so it fits on the bottom of your grass banner. If you feel the shadow is too dark, adjust the Opacity in the Transparency panel—I made it 70%.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 6

In this we will apply a Clipping Mask, effectively «cropping» the banner.

So now, create a rectangle and move it on top of the picture. It should include everything that you want to have in the final image.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Step 7

Select everything (Control-A), and then press the right mouse button and select Make Clipping Mask.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

Congratulations, You’re Done!

What now? You can play around with your banner some more, for example rotating or stretching the different blades of grass. You can adjust the color of the shadow as well.

Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстратореКак сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе Как сделать траву в иллюстраторе. Смотреть фото Как сделать траву в иллюстраторе. Смотреть картинку Как сделать траву в иллюстраторе. Картинка про Как сделать траву в иллюстраторе. Фото Как сделать траву в иллюстраторе

In this tutorial, you learned how to create a spring grass background, primarily using the Mesh Tool and the different Warp effects!

I hope you’ve enjoyed this tutorial and learned some useful tools for the future!

This grass banner is uniquely created through this tutorial, but you can find similar grass banners in this illustration, and there’s even more in my portfolio!

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *