How to Create a Heart in Illustrator

how to make a heart in illustrator

In this tutorial, I’m going to show you how to make a perfect heart in Adobe Illustrator in 5 easy steps.

You can watch the full video below, or scroll down for written directions.

The best part of this how-to is we won’t be using the pen tool at all! And trust me, that’s good news, folks. Because I don’t know about you — but in my past I tried countless times to make a perfect heart using the pen tool. It isn’t impossible, but it nearly is. And by the time you achieve it, you’ll have a few more gray hairs on your head than when you started.

To achieve a perfect heart, we’ll be using a combination of the Rectangle Tool and the powerful Pathfinder Tool.

In this tutorial, I’m using Illustrator Creative Cloud (which is a fancy way of saying that I’m using a cloud-based Illustrator with all the latest & greatest features), but creating shapes like this one is a basic process that you can recreate easily in older versions of Illustrator. Keep in mind that depending on which version you’re using, it may require a few additional steps. Certain tools or features might be located in slightly different places as well.

How to Create a Perfect Heart in Adobe Illustrator

Make a Heart in Illustrator Step #1: Draw out a rounded rectangle.

In your toolbar, click and hold down on the little corner of your rectangle tool to select the rounded rectangle tool and draw out a shape that is longer/wider than it is tall.

Make a Heart: Draw out a Rounded Rectangle in Illustrator


Make a Heart in Adobe Illustrator Step #2: Round out the Corners of your rectangle.

With your shape still selected, In the top toolbar, bump the corner radius all the way up until your corners are as round as they can be.

Make a Heart: Adjust the Corner Radius of the Rectangle in Illustrator

Make a Heart in Adobe Illustrator Step #3: Rotate your shape 45 degrees.

Press “V” on your keyboard as a shortcut, or click on the Selection Tool in your tool bar.

Click on your shape and hold down Shift as you drag down with the mouse to rotate the shape 45 degrees. You can rotate it more or less depending on your preferences.

Make a Heart: Rotate the Shape 45 degrees in Illustrator


Make a Heart in Adobe Illustrator Step #4: Rotate & Copy The Shape, adjust depth of the “V”

In the top menu bar, choose Object > Transform > Reflect. Make sure that Vertical is selected and click Copy.

Make a Heart: Transform and Copy the Shape in Illustrator

You can probably  see the heart shape already. Depending on how shallow or deep you want that dip or “V” for your heart, you can hold shift (which will keep everything at the same height) and drag the shapes closer together or further apart, like so:

Make a Heart: Adjust the Placement of overlapping V in Illustrator


Make a Heart in Adobe Illustrator Step #5: Divide & Unite with the Pathfinder Tool to Shape our Heart.

If you don’t see your Pathfinder Toolbar on the screen, in the top menu bar,  choose Window > Pathfinder. The pathfinder tool will appear.

Make a Heart: Select the Pathfinder Tool in Illustrator

Using your Selection Tool (keyboard shortcut: V), click down & drag your mouse over both shapes to select them.

First, from your Pathfinder tool, choose Divide. This literally divides our overlapping shapes into 5 separate pieces.

Make a Heart: Divide with the Pathfinder Tool in Illustrator

Using the Direct Selection Tool (keyboard shortcut: A), delete the two bottom pieces you don’t want, like so:

Make a Heart: Delete Extra Pieces from Heart Shape in Illustrator

Select the three remaining shapes. In the pathfinder tool, choose Unite.

Make a Heart: Unite the 3 Remaining Shapes into a Heart with the Pathfinder Tool in Illustrator

Voila! You have a perfect heart every time.

Make a Heart in Illustrator: Change the Color of the Heart


If you enjoyed this tutorial, be sure to pin the image below and share with your friends! Also  follow my  Youtube Channel, where I create graphic design tutorials using Adobe Illustrator, Photoshop & more.

perfect heart in adobe illustrator

Be sure to check out more of my Illustrator & Photoshop Tutorials:

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © 2021 · Theme by 17th Avenue

Copyright © 2021 · Amelia on Genesis Framework · WordPress · Log in