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

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

Итак, давайте начнем с урока по созданию набора из десяти цветков в народном стиле, с использованием основных форм и инструментов 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.

Шаг 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.

Шаг 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 пикселей на каждую из этих дополнительных ветвей.

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

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 1

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

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

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

Шаг 2

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

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

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

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

Шаг 1

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

Шаг 2

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

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

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

Шаг 1

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

Шаг 2

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

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 столько раз, сколько нужно.

Шаг 2

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

Шаг 3

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

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

Шаг 4

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

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

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

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

Шаг 1

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

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

Шаг 2

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

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

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

Шаг 1

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

Шаг 2

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

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

Шаг 3

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

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

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

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

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

Шаг 1

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

Шаг 2

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

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

Шаг 3

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

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

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

Шаг 4

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

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

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

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

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

Увидимся!