Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Flowers

Как создать набор из 10 народных цветов в Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called 10 Years of Envato Tuts+!.
How to Create a Surreal Animal Photo Manipulation With 10 Photos in Adobe Photoshop
How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Russian (Pусский) translation by Olya Misuraghina (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Итак, давайте начнем с урока по созданию набора из десяти цветков в народном стиле, с использованием основных форм и инструментов Adobe Illustrator. Мы будем вдохновляться народными узорами, и наш набор будет состоять из множества повторяющихся элементов, поэтому вы научитесь создавать много интересных элементов из ограниченного количества повторяющихся частей.  Кроме того, так вы сможете создать любые элементы дизайна, объединенные общим стилем.

Если вы ищете больше цветочных векторных дизайнов, зайдите на GraphicRiver.

1. Как создать первый цветок

Шаг 1

Создайте Новый документ (File > New) с такими настройками:

  • Number of Artboards: 1
  • Width: 800 px
  • Height: 600 px
  • Units: Pixels
  • Color Mode: RGB

Дальше на панели Layers создайте 11 слоев: по одному для каждого цветочного элемента и по одному для фона.

Потом перейдите на панель View и включите Smart Guides.

Creating of a New DocumentCreating of a New DocumentCreating of a New Document

Шаг 2

Создайте розовый (#f4908a) круг (100x100 пикселей) с помощью Ellipse Tool (L). Выберите инструмент «Ножницы» (С) и нажмите на правую и левую опорные точки круга. Затем удалите верхнюю половину и нажмите Unite на панели Pathfinder.

С помощью инструмента «Прямоугольник» (M) добавьте прямоугольник бледно-розового цвета (#f9c4be) размером 100 x 25 пикселей и поместите его на верхнюю часть розовой основы.

Сделайте маленький розовый (#f4908a) овал размером 9 x 18 пикселей (также с помощью Ellipse Tool (L)) и нажмите на верхнюю и нижнюю опорные точки с помощью инструмента Anchor Point (Shift-C). Поместите эту форму на бледно-розовый прямоугольник слева.

Затем скопируйте его и переместите скопированный фрагмент вправо. Выберите Blend Tool (W) и щелкните на левую и правую фигуры, а затем дважды щелкните на миниатюре Blend Tool.  Установите опции Specified steps и 3 и нажмите OK. Расширьте эффект, перейдя в Object > Expand.

Making of a base of the first flowerMaking of a base of the first flowerMaking of a base of the first flower

Шаг 3

Создайте ярко-розовый круг размером 9 x 9 пикселей (#ed5a62) и поместите его над видоизмененным овалом слева. Удерживая кнопку «Alt» на клавиатуре, перетащите ярко-розовый круг к правому краю и проделайте то же самое с Blend Tool (W), как и в предыдущем шаге.

С помощью инструмента «Line Segment Tool» (\) создайте линию ярко-розового цвета (#ed5a62) высотой 45 пикселей. Перейдите в Window > Stroke и установите Cap: Round cap. Установите Width: 6 pt.

Скопируйте (Control-C) и вставьте (Control-V) видоизмененный овал, перекрасьте его в ярко-розовый (#ed5a62) и измените его размер на 20 x 40 пикселей.  Затем поверните его, удерживая Shift, и поместите его рядом с линией, с ее левой стороны. Скопируйте лист и отразите его по вертикали, выбрав Object > Transform > Rotate.  Добавьте две дополнительные ветви к левой и правой сторонам основного стебля. И поместите по одному ярко-розовому (#ed5a62) кружку размером 15 х 15 пикселей на каждую из этих дополнительных ветвей.

Наш первый цветок готов!

Adding of a stem and leavesAdding of a stem and leavesAdding of a stem and leaves

2. Как сделать второй цветок

Шаг 1

Создайте голубой (#1a9cb4) круг размером 40 x 40 пикселей и синий (#18477b) круг размером 70 x 70 px. Поместите синий под голубой и выровняйте их, используя верхнюю панель Align.

Создайте круг из темного золота (#b55a2d) размером 50 x 50 пикселей и поместите его позади двух предыдущих фигур в верхней левой части. Скопируйте его и переместите скопированную фигуру вверху справа. Затем скопируйте обе эти фигуры и переместите их вниз.

Making of a base of the second flowerMaking of a base of the second flowerMaking of a base of the second flower

Шаг 2

Скопируйте стебель из предыдущего цветка и перекрасьте его в синий (#18477b). Также скопируйте большие листья, сделайте их тоже синими, и поместите две копии около стебля и два листа слева и справа от цветка.  Затем сделайте четыре копии маленьких листьев, перекрасьте их в темное золото (#b55a2d) и поместите их вокруг цветка.

Adding of a stem and leaves to the second flowerAdding of a stem and leaves to the second flowerAdding of a stem and leaves to the second flower

3. Как сделать третий цветок с сердечками

Шаг 1

Скопируйте розовое полукруглое основание с первого цветка, сделайте круг размером 25 х 25 пикселей и поместите его на основание. Затем сделайте три копии этого круга и разместите их последовательно после первого.

Создайте темно-синий (#1c2949) круг размером 70 x 70 пикселей и поместите его под розовое основание. Добавьте три белых кружка на темно-синей фигуре: один 15 х 15 пикселей и два по 9 х 9 пикселей.

Создайте две темно-синие (#1c2949) линии со следующими параметрами: Stroke 6 pt и Height 35 px. Поверните эти линии, удерживая Shift, и разместите их на нижней части розового основания. Добавьте темно-синий круг размером 40 x 40 пикселей под розовую базовую форму.

Making of a base for the third flowerMaking of a base for the third flowerMaking of a base for the third flower

Шаг 2

А сейчас мы быстренько сделаем сердце идеальной формы.

Создайте два бледно-розовых (#f4908a) круга размером 20 x 20 пикселей и разместите их рядом друг с другом. Затем с помощью Pen Tool (P) сделайте два треугольника, которые объединят оба круга. Объедините все эти фигуры с помощью панели Pathfinder.

Поместите одно сердце на цветок и два сердца - над ним.

Creating of a heart shapeCreating of a heart shapeCreating of a heart shape

4. Как сделать минималистичный четвертый цветок

Шаг 1

Создайте синий круг (#18477b) размером 60 x 60 пикселей, обрежьте его верхнюю половину с помощью инструмента «Ножницы» (C) и добавьте на него темно-синий круг (#1c2949) размером 40 x 40 пикселей.

Making of a base for the fourth flowerMaking of a base for the fourth flowerMaking of a base for the fourth flower

Шаг 2

Добавьте три ярко-розовых (#ed5a62) круга размером 15 х 15 пикселей над основанием цветка.

Создайте синий стебель 45 пикселей высотой. И скопируйте два больших листа и четыре маленьких со второго цветка, перекрасив большие в синий, а маленькие - в ярко-розовый. Разместите их вокруг стебля.

Adding of a stem and leaves to the fourth flowerAdding of a stem and leaves to the fourth flowerAdding of a stem and leaves to the fourth flower

5. Как сделать пятый цветок, вдохновленный народной дымковской игрушкой

Шаг 1

Начните с розового (#f4908a) круга размером 100 x 100 пикселей и ярко-розового (#ed5a62) круга размером 75 x 75 пикселей с обводкой 6 pt и без заливки. Вы заметили, что все наши элементы имеют одинаковую обводку в 6 pt?  Это делает наш дизайн более сложным. Поэтому добавьте синий (#18477b) круг 50 x 50 пикселей и три темно-синие (#1c2949) линии (шириной 6 pt каждая).

Making of a base for the fifth fowerMaking of a base for the fifth fowerMaking of a base for the fifth fower

Шаг 2

Скопируйте любой лист с предыдущих цветков, измените его размер на 60 x 30 пикселей и покрасьте в синий (#18477b). Поместите два листа на левую и правую стороны цветка.  Затем скопируйте лист размером 40 x 20 px со второго цветка, перекрасьте его в темно-синий (#1c2949) и вставьте четыре копии вокруг цветка. Также добавьте четыре золотых (#d38932) круга размером 15 x 15 px и поместите их между листьями.

Adding of leaves to the fifth flowerAdding of leaves to the fifth flowerAdding of leaves to the fifth flower

6. Как сделать шестую композицию из цветов

Шаг 1

Создайте бледно-розовый (#f9c4be) круг размером 80 x 80 пикселей и розовый (#f4908a) круг размером 55 x 55 пикселей внутри него. Сделайте темно-синий (#1c2949) круг размером 40 x 40 пикселей и поместите его поверх бледно-розового круга под ним.  Выделив темно-синюю форму, выберите Rotate Tool (R) и щелкните в центре розового круга, удерживая клавишу Alt.  Установите Angle: 360/6 (число наших лепестков равно 6) и нажмите Copy. Затем нажмите Control-D столько раз, сколько нужно.

Using of the Rotation Tool to add petalsUsing of the Rotation Tool to add petalsUsing of the Rotation Tool to add petals

Шаг 2

Создайте темно-синий (#1c2949) стебель высотой 100 пикселей. Скопируйте темно-синий лист с пятого цветка и поместите четыре копии по левой стороне стебля и четыре - по правой.

Adding of a stem and leavesAdding of a stem and leavesAdding of a stem and leaves

Шаг 3

Создайте темно-синий (#1c2949) круг размером 80 x 80 пикселей. Добавьте на него синий (#18477b) круг 55 × 55 пикселей и голубой (#1a9cb4) круг 30 x 30 пикселей.

Сделайте стебель голубого цвета высотой 90 пикселей. Кроме того, сделайте две маленькие ветви и добавьте по одному голубому кругу 15x15 пикселей на каждую. Переместите этот цветок слева от темно-синего цветка.

Making of the minimalistic cian flower Making of the minimalistic cian flower Making of the minimalistic cian flower

Шаг 4

Скопируйте бледно-розовое сердце с третьего цветка, перекрасьте его в ярко-розовый (#ed5a62) и измените его ширину (Width) на 75 пикселей. Не забудьте нажать кнопку Constrain Width and Height Proportions («Сохранить пропорции по ширине и высоте»).

Вставьте бледно-розовое сердце снова и переместите его в центр ярко-розовой формы. Добавьте ярко-розовый стебель высотой 50 пикселей и по два листа с каждой стороны от стебля. Переместите цветок справа от большого темно-синего цветка.

Затем выберите все эти элементы и сгруппируйте их (Control-G).

Making of a heart-shaped flowerMaking of a heart-shaped flowerMaking of a heart-shaped flower

7. Как создать седьмую цветочную композицию, используя инструмент Rotate

Шаг 1

Сперва, сделайте два круга размером 45 х 45 пикселей. Один розовый (#f4908a), а другой темно-синий (#1c2949). Переместите розовую фигуру на вершину темно-синего круга за ней.

Как и раньше, выделив розовую фигуру, возьмите Rotate Tool (R) и щелкните в центре темно-синего круга, удерживая клавишу Alt.  Установите Angle: 360/5 (потому что сейчас нам нужно 5 лепестков) и нажмите Copy. Затем нажмите Control-D столько раз, сколько нужно. Все, вы создали идеальный цветок!

Make a seventh flowers base using the Rotate ToolMake a seventh flowers base using the Rotate ToolMake a seventh flowers base using the Rotate Tool

Шаг 2

Добавьте три золотых (#d38932) круга 15 x 15 пикселей между лепестками. Создайте (или скопируйте с других цветков) синий (#18477b) лист размером 30 x 15 пикселей и переместите его в центр темно-синей фигуры.  Вы можете сделать это с помощью Smart Guides или с помощью панели Align. Также добавьте восемь маленьких белых кружков вокруг листа.

Скопируйте пять лепестков, перекрасьте их в синий (#18477b) и, нажав кнопку Constrain Width and Height Proportions, измените Width на 50 пикселей.  Добавьте темно-синий (#1c2949) круг размером 15 x 15 пикселей в центр. Затем переместите этот маленький цветок слева от розового цветка, а его копию - справа.

Adding of two small copied flowersAdding of two small copied flowersAdding of two small copied flowers

8. Как создать восьмую цветочную композицию

Шаг 1

Как мы уже делали, начните с бледно-розового (#f9c4be) круга 30 x 30 px. Скопируйте пять лепестков из предыдущего цветка и измените значение ширины на 90 пикселей.  Переместите бледно-розовую фигуру на лепестках к центру. Не забудьте добавить темно-синий стебель высотой 70 пикселей.

Creating of a base for the eighth flowerCreating of a base for the eighth flowerCreating of a base for the eighth flower

Шаг 2

Добавьте темно-синий лист размером 60 x 30 пикселей (возьмите цвет с лепестков с помощью Eyedropper Tool (I)), поверните его, удерживая Shift, и поместите его возле стебля с левой стороны.

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

Adding of a stem and leaves to the eighth flowerAdding of a stem and leaves to the eighth flowerAdding of a stem and leaves to the eighth flower

Шаг 3

Снова скопируйте бледно-розовый круг и добавьте бледно-розовый стебель высотой 40 пикселей (Stroke: 6 пикселей) и четыре равных по размеру листа.  Затем добавьте золотой круг, скопированный из пункта 7, над цветком в форме сердца. Поместите один цветок в форме сердца слева от темно-синего цветка и один справа.

Adding of a pale pink heart-shaped flower with a stem and leavesAdding of a pale pink heart-shaped flower with a stem and leavesAdding of a pale pink heart-shaped flower with a stem and leaves

9. Как быстро сделать стильную девятую композицию из листьев

Давайте скопируем большой темно-синий лист из восьмого пункта и повращаем его. Сформируйте крест из четырех листьев.

Затем скопируйте и вставьте вертикальную часть этой композиции влево и вправо (см. рисунок ниже). Добавьте девять золотых кругов, скопированных с восьмого пункта.

Quick making of the ninth leaves compositionQuick making of the ninth leaves compositionQuick making of the ninth leaves composition

10. Как сделать десятую цветочную композицию из ягод

Шаг 1

Сначала создайте розовый (#f4908a) круг размером 65 x 65 пикселей. Добавьте на розовую фигуру белый круг 30 x 30 пикселей с бледно-розовым (#f9c4be) штрихом 6 пикселей. Также нарисуйте темно-синий (#1c2949) круг размером 50 x 50 пикселей и поместите его поверх розовой фигуры за ним.

Making of a base for the ninth flowerMaking of a base for the ninth flowerMaking of a base for the ninth flower

Шаг 2

Выделив розовую фигуру, выберите Rotate Tool (R) и щелкните в центре темно-синего круга, удерживая клавишу «Alt». Установите Angle: 360/6 и нажмите Copy. Затем нажмите Control-D столько раз, сколько нужно. 

Вставьте два больших листа из девятого пункта, перекрасьте их в синий (#18477b) и поместите над цветком. Отразите их по горизонтали и переместите в нижнюю часть цветка.

Adding petals and leaves to the tenth flowerAdding petals and leaves to the tenth flowerAdding petals and leaves to the tenth flower

Шаг 3

И последний элемент - ягода! Сделайте ее основу из розового круга размером 35 х 35 пикселей. Добавьте маленький синий кружок размером 9 x 9 пикселей в середине левой стороны ягоды и белый круг того же размера, что и отражение.

Создайте круг размером 30 x 30 пикселей с темно-синей обводкой в 3 pt и выберите тип кисти Width Profile 1. Отрежьте левую сторону этой формы с помощью Scissors Tool (С).  Мы создали ягоду! Теперь вам просто нужно повернуть ягоду и разместить одну слева от цветка, а другую - справа.

Теперь сгруппируйте всю композицию (Control-G).

Making of berries for the tenth flowerMaking of berries for the tenth flowerMaking of berries for the tenth flower

Шаг 4

Наконец, добавьте на фоновый слой белый прямоугольник размером 800 x 600 пикселей (с помощью Rectangle Tool (R)) и выровняйте его по рабочей поверхности.

Разместите на экране все наши десять цветочных композиций и посмотрите, какую прекрасную работу вы проделали!

Итак, вот и сентябрьские цветы!

Теперь вы знаете, сколько интересных вариантов вы можете создать даже из ограниченного количества элементов. Я надеюсь, что вы также научились  из этого урока каким-то новым уловкам.

Не забудьте поделиться своими результатами в комментариях. Вы можете создавать свои собственные шаблоны, используя элементы нашего сегодняшнего урока: будем рады видеть все ваши варианты в комментариях!

Увидимся!

All 10 flower compositionsAll 10 flower compositionsAll 10 flower compositions
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.