Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Design & Illustration
  2. Nature
Design

Як створити дерево у формі серця в Адобе Ілюстратор

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Love Week.
How to Create a Rustic Wedding Invitation Template in Adobe InDesign
How to Create a Love-Themed Icon Pack in Adobe Illustrator

Ukrainian (українська мова) translation by Mavka (you can also view the original English article)

Final product image
What You'll Be Creating

У цьому уроці ви дізнаєтеся, як використовувати інструмент Сітчастий градієнт та Градієнт в Адобе Ілюстратор для створення красивого дерева у формі серця!

Якщо ви хочете пропустити урок і просто використати цей прекрасний фон, ви можете придбати дерева у формі закоханих сердець на GraphicRiver!

Love Heart Trees
Фон до дня Валентина з деревом у формі серця

1. Створимо простий стовбур дерева

Крок 1

Скористайтеся інструментом Прямокутник (M), щоб створити вузький прямокутник коричневого кольору. Колір повинен бути #785243.

Long narrow brown rectangle

Крок 2

Видаліть вузол у верхньому правому куті прямокутника, щоб створити трикутну форму.

Delete the node in the upper right hand corner

Крок 3

Оберіть інструмент Сітчастий градієнт (U) та розмістіть новий вузол у лівій частині трикутника, під його верхнім кутом. Розфарбуйте його у #997666.

A node on the left side of the triangle under its upper corner

Крок 4

Створіть інший вузол, а потім розфарбуйте його в колір #6D4A3A.

A node just under the last one

Крок 5

Створіть інший вузол у позиції, зазначеній на малюнку, і перетягніть весь стовпчик вгору, вигинаючи форму.

Bend a section near the right side of the shape upwards

Крок 6

Вигніть форму далі, виконавши кроки на зображенні нижче, скориставшись Сітчастим градієнтом (U).

Bend the trunk widen the base on the right side to make it look more realistic

Крок 7

Розфарбуйте два стовпчики сітки зліва від форми у різні відтінки коричневого.

734E3F on the nodes

Крок 8

Виберіть стовпчик сітки ліворуч від форми та застосуйте до нього 10% Непрозорості.

Window Transparency 10 Opacity

Наш стовбур закінчено! Давайте перейдемо до гілок.

2. Створимо гілки дерев

Крок 1

Користуючись інструментом Перо P), намалюйте фігуру, подібну до наведеної нижче. Колір повинен бути #785243.

Uneven line resembling a twig

Крок 2

Застосуйте ширше обведення до нього (у моєму випадку - 6,6 pt) та Профіль ширини 4 на панелі Обведення (в меню ВІкно> Обведення).

Window Stroke Width Profile 4

Крок 3

Застосуйте до форми Розгорнути вигляд в меню Об'єкт.

Object Expand Appearance

Крок 4

Скопіюйте та Вставте форму, масштабуйте її та прикріпіть до оригінальної гілки. Ось як ми будемо створювати всі різні форми гілок пізніше.

Create a branching shape

Крок 5

Подібним чином приєднайте все більше і більше форм до оригіналу. Наш зразок гілки завершено!

Add more twigs to the branch

3. Зберемо дерево

Крок 1

Оскільки наше дерево буде у формі серця, давайте почнемо з малювання серця для референсу.

Почніть, намалювавши половину серця за допомогою Пера (P).

Right half of a heart

Крок 2

Клацніть правою кнопкою миші на формі, вибравши у випадному меню пункт Трансформувати> Дзеркальне відображення.

Transform Reflect

Крок 3

Оберіть Вертикальна вісь та натисніть Копіювати.

Vertical Axis Copy

Крок 4

Перемістіть другу половину поруч із першою, щоб вирівняти їх, а потім оберіть обидві форми і клацніть на них правою кнопкою миші. Виберіть Об'єднати в меню.

Join the shapes

Крок 5

Злегка поверніть серце вліво, а потім перемістіть стовбур, який ми зробили в першому розділі, так щоб вирівняти його по нашій формі серця.

Trunk in the middle of the heart

Крок 6

Візьміть гілку, яку ми зробили в другій частині уроку, і прикріпіть її до стовбура внизу форми серця.

Після розміщення, клацніть правою кнопкою миші та виберіть Упорядкувати > Перемістити назад.

Повторіть це після розміщення кожної гілки!

Arrange Send to Back

Крок 7

Виконайте кроки на зображенні нижче, щоб зібрати дерево. На кожному кроці гілку, яку ми використаємо, показано під деревом, а її розміщення виділено синім кольором.

Кожна гілка, використана на цьому кроці, може бути зібрана з елементу, який ми створили в другому розділі уроку, просто масштабуйте та обертайте!

Звичайно, на цьому кроці ви можете створити власне дерево так, як вам подобається!

Complete the tree with different branches following the heart shape

Коли ви завершите та задовольнитеся деревом, переходьте до наступного розділу! 

4. Розфарбуємо та додамо серця

Крок 1

Скопіюйте серце, яке ми використали в останньому розділі, як референс, і залийте його за допомогою Лінійного градієнту від #FF1F2C до #8A000A.

Linear Gradient from FF1F2C to 8A000A

Крок 2

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

Two hearts in the center of the tree

Крок 3

Відкрийте панель Шари (меню Вікно> Шари).

Виділіть обидва серця та Згрупуйте їх (Control-G), а потім знайдіть цю групу на панелі Шари та Перемкніть видимість, натиснувши значок ока зліва.

Це допоможе вам не плутати розміщення сердець в наступних кроках.

Не забудьте повторити цей крок після розміщення кожної групи сердець!

Click eye icon in the Layers panel

Крок 4

Розташуйте ще три групи сердець на дереві, виконавши кроки на зображенні нижче. Застосоване серце показано над деревом на кожному кроці.

Не забудьте повторити Крок 3 після розміщення кожної групи.

Three groups of hearts the smaller they are the more of them are placed onto the tree

Крок 5

Створимо ще один варіант серця! Розфарбуйте його Лінійним градієнтом від #C60014 до #FF3C31.

Linear Gradient from C60014 to FF3C31

Крок 6

Подібно до Кроку 4, розмістіть серце на дереві.

Four groups of hearts the smaller they are the more of them are placed onto the tree

Крок 7

Нарешті, Перемкніть Видимість кожної групи сердець назад, щоб побачити кінцевий результат!

Final product

Крок 8

Ви також можете додати додаткові серця під дерево, як я зробив на цьому зображенні:

Final product with heart falling from the tree

5. Додамо пагорби

Крок 1

Що тепер? Ви можете додати природний фон! Щоб створити елементи, які вам знадобляться, перейдіть до мого іншого уроку зі створення зимового пейзажу та слідуйте за другим розділом, щоб створити пагорби!

Тепер трохи змініть їх, дотримуючись наведених нижче кроків.

Modify the scene

Крок 2

Тепер створіть фон з Лінійним градієнтом від #FCF9EC до #DFD0CB!

 Linear Gradient

Чудова робота, ми закінчили!

Ось як ми створили зображення цілком! Дякую вам за те, що слідували цьому, і будьте ласкаві, надішліть свій результат у коментарі. Я з нетерпінням чекаю на це!

У цьому уроці ви дізналися, як створити тематичне дерево у формі серця та фон на День святого Валентина, використовуючи Сітчастий градієнт та Градієнт.

Я сподіваюся, вам сподобався цей урок та ви навчилися користуватися корисними інструментами для майбутнього!

Final scene

Ви можете придбати дерева у формі закоханих сердець на GraphicRiver!

Love Heart Trees
Фон до дня Валентина з серцем у формі дерева
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.