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 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 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 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.
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 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.
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.
Using the Direct Selection Tool (keyboard shortcut: A), delete the two bottom pieces you don’t want, like so:
Select the three remaining shapes. In the pathfinder tool, choose Unite.
Voila! You have a perfect heart every time.
If you enjoyed this tutorial, be sure to follow my Wondernote Youtube Channel, where I create graphic design tutorials using Adobe Illustrator, Photoshop & more.
Be sure to check out more of my Illustrator & Photoshop Tutorials:
- How to Make Chevron in Illustrator
- How to Make Zig Zag Lines in Illustrator
- Make Ric Rac (Wavy Lines) in Illustrator
- How to Slice A Photo for an Instagram Collage in Photoshop