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

Как создать дерево в форме сердца в Адобе Иллюстратор

by
Read Time:5 minsLanguages:
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

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

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

В этом уроке вы узнаете, как использовать инструмент Сетчатый градиент и Градиент в Адобе Иллюстратор для создания красивого дерева в форме сердца!

Если вы хотите пропустить урок и просто использовать этот прекрасный фон, вы можете приобрести деревья в форме влюбленного сердца на GraphicRiver!

Love Heart TreesLove Heart TreesLove Heart Trees
Фон ко дню Валентина с деревом в форме сердца

1. Создадим простой ствол дерева

Шаг 1

Воспользуйтесь инструментом Прямоугольник (M), чтобы создать узкий прямоугольник коричневого цвета. Цвет должен быть #785243.

Long narrow brown rectangleLong narrow brown rectangleLong narrow brown rectangle

Шаг 2

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

Delete the node in the upper right hand cornerDelete the node in the upper right hand cornerDelete the node in the upper right hand corner

Шаг 3

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

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

Шаг 4

Создайте другой узел, а затем раскрасьте его в цвет #6D4A3A.

A node just under the last oneA node just under the last oneA node just under the last one

Шаг 5

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

Bend a section near the right side of the shape upwardsBend a section near the right side of the shape upwardsBend 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 realisticBend the trunk widen the base on the right side to make it look more realisticBend the trunk widen the base on the right side to make it look more realistic

Шаг 7

Раскрасьте два столбика сетки слева от формы в разные оттенки коричневого.

734E3F on the nodes734E3F on the nodes734E3F on the nodes

Шаг 8

Выберите столбик сетки слева от формы и примените к нему 10% Непрозрачности.

Window Transparency 10 OpacityWindow Transparency 10 OpacityWindow Transparency 10 Opacity

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

2. Создаем ветви деревьев

Шаг 1

Пользуясь инструментом Перо P), нарисуйте фигуру, подобную приведенной ниже. Цвет должен быть #785243.

Uneven line resembling a twigUneven line resembling a twigUneven line resembling a twig

Шаг 2

Примените к нему широкую обводку (в моем случае - 6,6 pt) и Профиль ширины 4 в панели Обводки (В меню Окно> Обводка).

Window Stroke Width Profile 4Window Stroke Width Profile 4Window Stroke Width Profile 4

Шаг 3

Примените к форме Разобрать оформление в меню Объект.

Object Expand AppearanceObject Expand AppearanceObject Expand Appearance

Шаг 4

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

Create a branching shapeCreate a branching shapeCreate a branching shape

Шаг 5

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

Add more twigs to the branchAdd more twigs to the branchAdd more twigs to the branch

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

Шаг 1

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

Начните, нарисовав половину сердца с помощью Пера (P).

Right half of a heartRight half of a heartRight half of a heart

Шаг 2

Щелкните правой кнопкой мыши на форме, выбрав в выпадающем меню пункт Трансформировать> Зеркальное отражение.

Transform Reflect Transform Reflect Transform Reflect

Шаг 3

Выберите Вертикальная ось и нажмите Копировать.

Vertical Axis CopyVertical Axis CopyVertical Axis Copy

Шаг 4

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

Join the shapesJoin the shapesJoin the shapes

Шаг 5

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

Trunk in the middle of the heartTrunk in the middle of the heartTrunk in the middle of the heart

Шаг 6

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

После размещения, щелкните правой кнопкой мыши и выберите Монтаж > На задний план.

Повторите это после размещения каждой ветви!

Arrange Send to BackArrange Send to BackArrange Send to Back

Шаг 7

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

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

Конечно, на этом этапе вы можете создать собственное дерево так, как вам нравится!

Complete the tree with different branches following the heart shapeComplete the tree with different branches following the heart shapeComplete the tree with different branches following the heart shape

По завершению, удовлетворившись созданным деревом, переходите к следующему разделу!

4. Раскрасим и добавим сердца

Шаг 1

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

Linear Gradient from FF1F2C to 8A000ALinear Gradient from FF1F2C to 8A000ALinear Gradient from FF1F2C to 8A000A

Шаг 2

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

Two hearts in the center of the treeTwo hearts in the center of the treeTwo hearts in the center of the tree

Шаг 3

Откройте панель Слои (меню Окно> Слои).

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

Это поможет вам не путать размещение сердец в следующих шагах.

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

Click eye icon in the Layers panelClick eye icon in the Layers panelClick eye icon in the Layers panel

Шаг 4

Расположите еще три группы сердец на дереве, выполнив шаги на картинке ниже. Примененное сердце показано над деревом на каждом шагу.

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

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

Шаг 5

Создадим еще один вариант сердца! Раскрасьте его Линейным градиентом от #C60014 к #FF3C31.

Linear Gradient from C60014 to FF3C31Linear Gradient from C60014 to FF3C31Linear Gradient from C60014 to FF3C31

Шаг 6

Подобно шагу 4, разместите сердце на дереве.

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

Шаг 7

Наконец, переключите Видимость каждой группы сердец назад, чтобы увидеть конечный результат!

Final productFinal productFinal product

Шаг 8

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

Final product with heart falling from the treeFinal product with heart falling from the treeFinal product with heart falling from the tree

5. Добавим холмы

Шаг 1

Что теперь? Вы можете добавить природный фон! чтобы создать элементы, которые вам понадобятся, перейдите к моему другого урока по созданию зимнего пейзажа и следуйте за вторым разделом, чтобы создать холмы!

Теперь немного измените их, соблюдая следующие действия.

Modify the sceneModify the sceneModify the scene

Шаг 2

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

 Linear Gradient Linear Gradient Linear Gradient

Чудесная работа! Мы закончили!

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

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

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

Final sceneFinal sceneFinal scene

Вы можете приобрести деревья в форме сердец влюбленных на GraphicRiver!

Love Heart TreesLove Heart TreesLove Heart Trees
Фон ко дню Валентина с сердцем в форме дерева
One subscription.
Unlimited Downloads.
Get unlimited downloads