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

Создаем Цветочную Открытку на День Святого Валентина в программе Adobe Illustrator

by
Difficulty:IntermediateLength:MediumLanguages:

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

В этом уроке мы создадим милую цветочную поздравительную открытку на День Валентина в Adobe Illustrator, используя Shape Builder Tool. Продвинутые художественные умения необязательны для создания такой открытки, и вы можете спокойно сделать всю работу без использования графического планшета.


1.Создаем "одуванчик" с ягодками

Шаг 1

Создайте новый документ  размером 600 x 600px в режиме RGB.

1-Valentine-card-new-document

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

1a-Valentine-card-new-document

Шаг 2

Начнем мы с создания простой веточки. Она напоминает мне зонтик семян одуванчика, только с ягодками. Для начала,нарисуем коричневый кружочек придерживая клавишу Shift  и используя Ellipse Tool (L).

Продублируйте этот круг и сдвиньте верхнюю копию немного вверх. На панели Pathfinder используйте Minus Front(Минус Верхний) на оба объекта,чтобы удалить ненужные части изображения и получить желанный полумесяц.

2-Valentine-card-flower

Шаг 3

Удерживая комбинацию Alt-Shift сдвиньте полумесяц вправо. Проделывая это,вы создаете копию объекта и сдвигаете ее строго горизонтально. Используйте Shape Builder Tool (Shift-M) чтобы удалить ненужные части справа.

3-Valentine-card-flower

Добавьте больше элементов цветочку, дублируя и отражая его части с помощью Reflect Tool (O).

4-Valentine-card-flower

Шаг 4

А теперь давайте сделаем блестящую милую ягодку. Она состоит только из кружочков различного диаметра. Начнем с создания большого круга розового цвета и затем продолжим добавлять детали нашей ягодке.

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

5-Valentine-card-flower

Шаг 5

Наконец, добавьте по ягодке на каждый "прутик" вашего цветка. Меняйте количество и положение белых блестяшек чтобы сделать каждую ягодку уникальной.

6-Valentine-card-flower

Шаг 6

Настало время добавить стеблей нашему цветочку. Возьмите Rounded Rectangle Tool (Примоугольник с закругленными углами) и создайте очень узкий и длинный прямоугольник. Выберите Effect > Warp > Arc и поставьте ползунок Bend на Vertical, 13%.

7-Valentine-card-flower

Шаг 7

Продублируйте весь цветок, копию поверните чуть-чуть и добавьте к левой части основного цветка, сделав копию чуть меньше. 

8-Valentine-card-flower

2. Создаем зеленую ромашку

Шаг 1

Давайте перейдем к следующему элементу нашей композиции. Это будет другой цветок. Сначала нарисуем семиугольник, используя Polygon Tool и выставив Sides(Стороны) значение 7.

Затем в меню Effect > Distort & Transform > Pucker & Bloat( Втягивание и раздувание) превратим наш многоугольник в прекрасный цветок, выставив ползунок Bloat на 84%.

Object > Expand разберите объект когда будете довольны результатом.

9-Valentine-card-flower

Шаг 2

Создадим второй многоугольник поверх первого, но сделаем его меньше и поменяем цвет на светло-зеленый. Применим Pucker & Bloat снова, но на этот раз передвинем ползунок на Pucker и установим значение -200%. Уменьшим и покрутим новый объект на цветке.

10-Valentine-card-flower

Шаг 3

Едем дальше и создаем еще один многоугольник, но на этот раз установим количество сторон Sides = 30 В меню Pucker & Bloat двигаем ползунок до значения 14%.

12-Valentine-card-flower

Шаг 4

Сделайте 7 копий нового объекта и расположите их сверху кончика каждого  лепестка нашего цветка. Выберите все светло-зеленые объекты, Unite ( Объединить) объедините их в панели Pathfinder и используя Shape Builder Tool (Shift-M) удалите ненужные части снаружи лепестков.

13-Valentine-card-flower

Шаг 5

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

14-Valentine-card-flower

3. Делаем цветочную ветку с ягодками 

Шаг 1

В этот раз начнем с создания стебля.

Как мы это делали в первой части этого урока, рисуем тонкую линию с помощью Rounded Rectangle Tool и используя Effect > Warp > Arc чтобы согнуть  стебель, выставляем Bend значение Vertical, 13%. Создаем второй стебель,пересекающий первый и применяем Arc со следующими настройками Horizontal Bend, -54%.

15-Valentine-card-flower

Шаг 2

Следующий шаг - создаем бутон цветка. Начинаем с создания яйцеобразной формы  из круга, выбрав точки с обеих сторон круга с помощью инструмента выделения Direct Selection Tool (A) и перетаскиваем их немного вниз.

Добавим немного деталей как мы делали в предыдущем шаге -  нарисуем более светлое "яичко" над первым, и поместим небольшую тень на одной стороне путем отрезания лишнего из формы инструментом Shape Builder Tool (Shift-M). Добавим несколько блестящих точек и коричневый венчик бутона в нижней части, как мы делали ранее из многоугольника с 30-ю сторонами и эффектом Pucker & Bloat.

16-Valentine-card-flower

Шаг 3

Расположите получившийся цветок на вершинке нашего стебля. Продублируйте бутон три раза и сделайте копии немного меньше. После того, как все копии распределите по стеблям, используйте Reflect Tool (O) Зеркальное отражение чтобы отразить бутоны на другую сторону.

17-Valentine-card-flower

4.Создаем прелестный розовый тюльпанчик

Шаг 1

Начнем с формирования стебля с помощью Rounded Rectangle Tool, но в этот раз используем эффект деформации Flag и установим значение Bend -100% чтобы получить мягкую волну. Если вас не устраивает изгиб волны, просто повторите этот шаг, и примените один и тот же эффект дважды.

18-Valentine-card-flower

Шаг2

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

19-Valentine-card-flower

Шаг 3

Теперь нам надо сформировать бутон нашего цветка. Мы вырежем его ипзх формы, которую мы уже использовали - 30- сторонний многоугольник с эффектом Pucker & Bloat.

Создайте овальную форму инструментом Эллипс Ellipse Tool (L) над многоугольником, выберите их оба, и удалите ненужные части инструментом Shape Builder Tool (Shift-M). Добавим мелкие детали в том же стиле, в каком исполняли ранее цветы и элементы.

20-Valentine-card-flower

Шаг 4

Поместим бутон над стеблем и вот  у нас получился милый тюльпанчик!

21-Valentine-card-flower

Вы можете продолжить рисовать новые причудливые формы и фантастические цветы, используя простые формы или рисуя от руки с помощью инструмента карандаш Pencil Tool (N) если есть такое желание.

26-Valentine-card-flower

7. Добавим несколько декоративных веточек

Шаг 1

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

Сначала, нам нужны листья. Нарисуем эллипс и трансформируем его, нажав на верхнюю и нижнюю опорные точки инструментом Convert Anchor Point Tool (Shift-C).

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

22-Valentine-card-leaves

Шаг 2

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

Затем, возьмите и перетащите первый лист на панель Кисти Brushes и выберите Art Brush во всплывающем меню.

Как показано на нижеследующих скриншотах, я оставил все настройки по умолчанию, за исключением только Ширины Width кисти. Я выставил ее на 20%. Вы всегда сможете вернуть настройки кисти после того, как создали кисть, и поиграть с шириной пока не получите такой размер, какой вам нужен.

23-Valentine-card-leaves

6. Скомпонуйте вашу открытку

Шаг 1

Теперь у нас готовы все элементы для открытки. Я отразил и перекрасил некоторые из них, чтобы сделать открытку более детализированной и уникальной. Я также добавил парочку милых птичек, о создании которых вы можете почитать в моем Уроке по Созданию Зимнего Бесшовного Паттерна. Цвета я поменял, основываясь на нашей палитре.

27-Valentine-card-elements

Шаг 2

Что нам требуется дальше, так это создать праздничную ленту для нашего текста.

Начнем с рисования двух прямоугольников инструментом Rectangle Tool (M). Разместите их один над другим. После этого, выберите опорные точки на правой стороне обоих прямоугольников инструментом  Direct Selection Tool (A) и опустите их, зажимая Shift, чтобы скосить стороны.

28-Valentine-card-ribbons

Шаг 3

Продублируйте один из прямоугольников и отразите его по вертикальной оси. Залейте этот объект темно-красным цветом  и отправьте его на задний план Send it To Back (Shift-Control-[) чтобы получить внутреннюю затененную часть ленты.

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

29-Valentine-card-ribbons

Шаг 4

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

Пройдите в меню Object > Path > Add Anchor Points и у вас получится 4 новых опорных точки точно по центру каждой из сторон. Выберите левую точку и сдвиньте ее вправо чтобы создать форму флажка.

30-Valentine-card-ribbons

Шаг 5

Разместим флажок над лентами, сделаем чуть темнее и повернем параллельно лентам.

Добавим маленький треугольник, формируя складку между флагом и лентой.

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

31-Valentine-card-ribbons
32-Valentine-card-ribbons

Шаг 6

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

Используйте настройку Arrange(Монтаж) кликнув правой кнопкой на объект или горячие клавиши Control-[ и Control-] чтобы разместить объект над или под лентами.

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

33-Valentine-card-ribbons

Шаг 7

Веточки я решил повернуть и спрятать за ленту. Я продублировал несколько элементов и изменил их размер.

34-Valentine-card-ribbons

Шаг 8

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

35-Valentine-card-ribbons

Шаг 9

Когда вы добавили достаточно элементов и остались довольны результатом, пришло время добавить текст или все что вы желаете. Я поиграл со шрифтами и выбрал шрифт "Noteworthy" вместо установленных шрифтов по умолчанию. Поворачивайте текст как раздельные объекты, чтобы сделать их параллельными лентам.

36-Valentine-card-ribbons

Ваша милая открытка ко Дню Святого Валентина готова!

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

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

floral_Valentine_card_tuts600-600
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.