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

Как создать цветочную открытку к празднику Навруз в Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

Навруз отмечается в марте, в день весеннего равноденствия. Это первый день Бахайского календарного года и один из девяти священный дней для сторонников религии Бахаи. Обычно это праздничное мероприятие со встречами для молитв, музыки и танцев.

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

Давайте приступим!

1. Создаём листья и ветки для узорчатых кистей.

Шаг 1

Начнём с создания маленького гибкого стебля. Возьмите Инструмент "Отрезок линии" (\) и, удерживая клавишу Shift, сделайте вертикальную линию 150 пикселей в высоту. Перейдя на панель управления сверху, установите Толщину обводки на 4 и измените Профиль переменной ширины на один из профилей по умолчанию, что сделает линию выпуклой в середине и тонкой на концах.

make a stem with stroke

Шаг 2

Теперь придадим форму листку. Инструментом "Эллипс" (L) создайте овал 5 х 20 пикселей. Выделите нижнюю опорную точку Инструментом "Прямое выделение" (А). Найдите меню Преобразовать на верхней панели управления и нажмите Преобразовать выделенные опорные точки в угол, сделав листок заострённым. Проделайте то же самое с верхней опорной точкой фигуры.

form a leaf from the ellipse

Шаг 3

Выделите стебель, который мы создали и примените к нему Объект > Разобрать, превратив обводку в фигуру. Слегка сожмите стебель, сделав его немного тоньше. Возьмите листок, который мы создали, уменьшите его и поместите на верхушку стебля.

expand the stroke

Шаг 4

Удерживая Alt-Shift, перетащите листок вниз, создав копию. Разместите его на левой стороне стебля. Выделив листок, дважды щёлкните на Инструменте "Зеркальное отражение" (О) и поверните фигуру на 180 градусов по Вертикальной оси. Кликните Копировать, чтобы добавить ещё один листок с правой стороны стебля.

Теперь можем сгруппировать (Control-G) эти два листка и сделать больше копий, изменяя размер и расстояние между группами листьев.

attach leaves to the stem

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

create two branches

Шаг 5

Создайте второй стебель, потом сформируйте ещё несколько листьев другой формы. Инструментом "Эллипс" (L) сделайте овал 2 х 10 пикселей с Обводкой 1 и без Заливки. Инструментом "Прямое выделение" (А) растяните указатели верхней опорной точки, чтобы расширить верхушку листка.

create stroke leaf

Шаг 6

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

attach leaves to the stem

Шаг 7

Теперь, когда у нас есть три ветки, давайте создадим кисти! Поверните ветки на 90 градусов, расположив их горизонтально. Выделите первый стебель и перетащите его на панель Кистей. В появившемся меню Новой кисти выберите Узорчатую кисть и взгляните на разнообразие Опций узорчатых кистей.

Установите Масштаб на 100% Фиксированный и Расстояние на 0%. Далее давайте установим Фрагменты внешних и внутренних углов на Авто-перекрытие. Установите Боковой фрагмент на Исходный по умолчанию. Установите параметр Подогнать на Растянуть. Что касается Метода окраски, можете установить его Отсутствие по умолчанию, если не хотите менять цвет мазка кистью. В ином случае, можете установить его на Оттенки и тени на панели Цвета, если хотите чередовать цвет. В любом случае, мы будем работать с цветами позже, поэтому вам не нужно беспокоиться о них на этом этапе.

create a pattern brush

Создайте ещё две Узорчатые кисти, используя оставшиеся стебли.

Шаг 8

Теперь посмотрим на наши кисти в действии! Возьмите Инструмент "Эллипс" (L) и, удерживая Shift, нарисуйте круг 370 х 370 пикселей. Выберите кисть на панели Кистей, применив её к кругу.

Прекрасно! Теперь у нас есть милый минималистичный венок.  Идём дальше. Добавим больше деталей, чтобы получился праздничный, украшенный венок.

apply the brush to the circle

Шаг 9

Создайте круг поменьше на верхушке первого. Теперь применим нашу вторую кисть с тёмно-голубыми листьями. И мы также можем изменить все настройки в окне Параметров узорчатых кистей, если дважды кликнем нашей кистью на панели Кистей.

Повысим Масштаб нашей тёмно-голубой кисти до 160% и установим Расстояние на 30%. Таким образом мы можем увеличить элементы и оставить между ними больше расстояния, придав воздушности нашему венку.

create and apply another pattern brush

Шаг 10

Сделайте ещё один круг и примените нашу третью кисть. Можете изменить размер каждого круга, объединив их друг с другом.

create a pattern brush 3

2. Создаём цветочные и ягодные элементы

Шаг 1

Добавим яркие цветочные элементы нашему венку, создав весеннее настроение праздника.

Начнём формировать лепесток из розового эллипса 10 х 30 пикселей. Дважды щёлкните на Инструменте "Поворот" (R), чтобы появилось окно с настройками, затем установите значение Угла на 10 градусов. Инструментом "Зеркальное отражение" (О) создайте зеркальную копию повёрнутого лепестка. Выровняйте нижние части лепестков, чтобы они перекрыли друг друга и образовали стилизованную форму сердца.

make a petal from ellipse 1

Шаг 2

Сгруппируйте два лепестка, которые мы создали, и при помощи Инструмента "Зеркальное отражение" (О) разверните фигуру на 180 градусов, но уже по Горизонтальной оси, затем кликните Копировать, чтобы получить перевёрнутый лепесток в форме сердца.

Сгруппируйте (Control-G) оба элемента, Скопируйте их и Вставьте на передний план (Control-C > Control-F). Поверните копию на 45 градусов Инструментом "Выделение" (V), удерживая Shift. Инструментом "Зеркальное отражение" создайте зеркальную копию.

Вуаля! Теперь у нас есть цветок. Давайте добавим центральный элемент!

make a petal from ellipse 2

Шаг 3

Возьмите Инструмент "Многоугольник" и создайте восьмигранник размером 15 х 15 пикселей. Заполните его жёлтым цветом.

Расположите фигуру в центре цветка и перейдите в Эффект > Исказить и трансформировать > Втягивание и раздувание. Передвиньте ползунок на 60%, сделав наш восьмигранник похожим на цветок. Кликните ОК и Объект > Разобрать оформление фигуры, чтобы применить эффект.

add a center to the flower

Шаг 4

Давайте сделаем ещё один цветок, применив ту же технику. Создайте эллипс нежного кремового цвета размером 10 х 30 пикселей. Удерживая Alt-Shift, перетащите эллипс вниз, создав копию. Сгруппируйте (Control-G) оба лепестка и скопируйте их, разместив копию горизонтально. Создайте ещё две копии лепестков, повернув их на 45 градусов и таким образом образовав цветок.

make a petal from ellipse for creme flower 1

Шаг 5

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

add circles to the middle

Шаг 6

Теперь, когда у нас есть пара цветов, создадим пару листьев. Начните создавать овал 30 х 70 пикселей ярко-зелёного цвета. Выделите его верхнюю и нижнюю опорные точки Инструментом "Прямое выделение" (А) и, используя функцию Преобразовать, Преобразуйте выбранные опорные точки в угол, сделав кончики листка заострёнными.

Инструментом "Отрезок линии" (\) сформируйте вертикальную жилку вдоль листка.

make a leaf from oval shape

Шаг 7

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

Создайте копию основы листка (без элементов), заполнив её светло-зелёным цветом. Это будет второй вариант листка.

add strokes to the leaf

Шаг 8

Теперь давайте создадим некоторые отдельные элементы и частицы. Инструментом "Эллипс" (L) создайте круг для ягоды 15 х 15 пикселей.

make a circle for the berry

Шаг 9

Давайте добавим детали на верхушку ягоды Создайте овал 5 х 2 пикселя ярко-оранжевого цвета и поверните его на 45 градусов. Инструментом "Зеркальное отражение" (О) сделайте зеркальную копию, образовав крест. Поместите крест на верхушку ягоды.

add details to the berry

Шаг 10

Наконец, используем основу кремового цветка как крошечную зелёную частицу. Также используйте одну из веток с листьями из предыдущей части, чтобы создать маленькую жёлтую ветку с листьями побольше на конце и поменьше - на верхушке.

Отлично! Теперь у нас есть набор шаблонных элементов, которые помогут нам украсить наш венок, сделав его праздничным.

floral elements

3. Создаём дискретные кисти из цветочных элементов и ягод

Шаг 1

Перетащите розовый цветок на панель Кистей и в этот раз создайте Дискретную кисть  В окне Настроек давайте настроим следующие параметры:

  • Размер: Случайный от 50% до 100 %.
  • Расстояние: Случайное от 350% до 160%.
  • Дискрет: Установленный на -20%.
  • Вращение: Случайное от -70 градусов до 40 градусов

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

Вы всегда можете дважды кликнуть на кисти на панели Кистей, открыть окно Параметров и поиграть с настройками, изменяя параметры по своему вкусу. На этом этапе ваш венок может отличаться от моего, т.к. мы установили некоторые параметры на Случайные. Двигайте ползунки, пока не получите желаемый результат, при котором венок выглядит сбалансированным.

make a scatter brush and apply it 1

Шаг 2

Теперь добавим венку листья. Создайте Дискретную кисть со следующими настройками:

  • Размер: Случайный от 40% до 100 %
  • Расстояние: Случайное от 340% до 100%
  • Дискрет: Случайный от -40% до 30%
  • Вращение: Случайное от 45 градусов до -10 градусов

Установите Вращение относительно Контура, выбрав его из маленького выпадающего меню ниже параметров.

Примените листовые кисти к новому кругу венка и сдвиньте их назад на одну позицию, нажимая Control-[, затем разместите ниже цветочного круга.

make a scatter brush and apply it 2

Шаг 3

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

make a scatter brush and apply it 3

Шаг 4

Теперь давайте добавим те жёлтые ветки с листьями. Здесь я решила создать Узорчатую кисть, т.к. форма элементов очень похожа на голубые ветви, которые мы сделали ранее. В окне Параметров я решил увеличить Масштаб до 200% и настроить Расстояние на 80%, оставив достаточно места между элементами.

make a pattern brush and apply it 1

Шаг 5

Теперь пора добавить кремовые цветы. Сделайте новую Дискретную кисть. Равномерно покройте цветами круг, установив нужные параметры.

make a scatter brush and apply it 4

Шаг 6

Добавьте остальные элементы (ягоду и крошечный зелёный цветок) на панели Кистей, делая Дискретные кисти. В результате у нас есть четыре Узорчатые кисти с ветками и шесть Дискретных кистей с цветочными элементами.

Во время процесса формирования венка я иногда возвращаюсь к некоторым кистям, которые мы создали, и настраиваю их параметры, делая элементы больше или меньше, изменяя расстояние между ними или варьируя масштаб. Эта техника очень гибкая и с её помощью каждый венок выглядит особенным.

adjust the brush

Шаг 7

Добавьте крошечные цветы и ягоды на венок. Прекрасно! Наш венок уже выглядит сбалансированным и завершённым на этой стадии. Давайте двигаться дальше. Посмотрим, что ещё мы можем сделать, чтобы улучшить его.

make a scatter brush and apply it 5

4. Создаём открытки к Наврузу

Шаг 1

Теперь, когда мы сделали венок, он всё ещё состоит из мазков кисти. Сгруппируйте (Control-G) все круги венка и скопируйте (Control-C > Control-V) группу, сохранив копию на отдельном закреплённом слое на случай, если позже вы захотите изменить какие-нибудь опции кистей.

Выделите второй венок и примените Объект > Разобрать оформление для превращения наших мазков кисти в несколько групп объектов: группу цветов, группу листьев и т.д.

В некоторых поздних версиях Adobe Illustrator вы можете заметить прозрачную рамку без Заливки и Обводки вокруг каждого элемента. Чтобы избавиться от этих ненужных рамок, выделите всё и перейдите в Объект > Контур > Вычистить.

expand the brush strokes

Шаг 2

Теперь можем выбрать каждую группу элементов, дважды щёлкнуть на ней, чтобы изолировать и редактировать объекты внутри группы.

Здесь, к примеру, я подправляю расположение листьев, вращая их и помещая под цветами. Потом я также редактирую расположение жёлтых ветвей, изменяя их направление, чтобы венок получился более кустистым. 

move the elements

Шаг 3

При создании определённых комбинаций, например, цветочного букета, мне нравится размещать светло-зелёные листья под тёмно-зелёными. Я также увеличила розовые цветы, сделав их главными элементами венка, что привлекает внимание. Что касается кремовых цветов, их я использовала как второстепенные элементы, разместив возле розовых цветов, подчеркнув и дополнив их.

Теперь можем начать формировать элегантную, минималистичную открытку, символизирующую весёлую весеннюю атмосферу празднования Навруза! Давайте создадим фиолетовый квадрат размером 600 х 600 пикселей и расположим его прямо под венком, отправив на Задний план (Shift-Control-[).

add a dark background

Шаг 4

Чтобы венок гармонировал с фоном, давайте сделаем так, чтобы цвета хорошо сочетались друг с другом. Для изменения цвета одинаковых элементов быстро и легко мы воспользуемся Инструментом "Волшебная палочка".

Во-первых, откроем панель с настройками Волшебной палочки (Окно > Волшебная палочка) и установим Отклонение цвета заливки на 0. Таким образом, инструмент выберет элементы только одного и того же цвета без вариаций.

Волшебной палочкой (Y) выделите жёлтые ветки. Смените цвет на тёмно-оранжевый, снизив контраст между элементами.

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

Измените цвет ягод с жёлтого на розовый, чтобы они гармонировали с фоном.

Поиграйте с другими цветами по своему усмотрению, чтобы общая палитра выглядела гармонично и нежно.

recolor the elements with magic wand tool

Шаг 5

Чтобы наша открытка смотрелась завершённой, поместим поздравление или какие-нибудь тёплые пожелания в её центр, чтобы мы могли отправить её своим друзьям или членам семьи.

Я использовала бесплатный шрифт Sophia, созданный из надписи кистью. Он добавил эффект сделанной вручную открытки, что выглядит уютно и искренне.

add hand letter text to our card

Шаг 6

Скопируем нашу открытку и попробуем другие цветовые комбинации. Заполните фон лёгким розовым цветом и измените цвет некоторых ветвей на белый, сделав открытку светлой и яркой. Также измените цвет букв на белый.

change the colors

Шаг 7

Мне нравится создавать более детальные открытки, добавляя текстуры, придающие ретро-эффект.

Давайте скопируем прямоугольник фона и Поместим его на Передний план (Control-C > Control-F). Перейдите на панель Образцы, кликнув на иконке Меню библиотеки образцов. В выпадающем меню найдите Узоры > Базовая графика > Базовая графика_точки. Здесь кликните на образце 6 точек на дюйм 20%, чтобы применить приятный узор в горошек к копии фона.

apply polka dot pattern

Шаг 8

Давайте изменим цвет узора, чтобы он подошёл нашей мягкой палитре. Дважды щёлкните на применённом узоре на панели Образцы, чтобы изолировать его в Режиме образца. Теперь можем отредактировать отдельные элементы узора. Выберите чёрные точки и измените их цвет на светло-розовый (слегка светлее, чем фон).

Выглядит нежно!

recolor polka dot pattern

Шаг 9

Вот некоторые цветовые вариации, которые я сделала при помощи вышеуказанных техник. Надеюсь, они вдохновят вас на создание других цветовых гамм, объединяя цвета и подбирая их.

try other color schemes

Всем счастливого Навруза! Наша нежная цветочная открытка готова!

Прекрасная работа, друзья! Мы научились работать с простыми фигурами и базовыми операциями в Adobe Illustrator, что помогло нам создать эти цветочные кисти. Они пригодятся не только для открыток к Наврузу, но и для любого вида весенних цветочных приглашений и декораций.

Надеюсь, вам также как и мне понравилось создавать эту простую, но элегантную открытку. Желаю вдохновения и наслаждения весной!

Naw Ruz floral postcard
Advertisement
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.