Create Easy Heart Shapes in Illustrator

Need some heart shapes for Valentine's Day or some other project in general but don't know where to start? Follow this short tutorial for beginner's to see how easy these shapes are to make. Created in Illustrator CS6.

1. Create a pill shape

Fire up Illustrator and create a new document using points or pixels are the unit of measurement. Select the Rounded Rectangle tool (hidden beneath the Rectangle tool in the toolbar) and click once in the document to display the tool's settings. Enter the values shown and click OK.


2. Apply color

Keep the shape selected and double-click on the Fill box at the base of the toolbar to bring up the Color Picker. In the RGB fields, enter the following values and click OK.


If you have a stroke color on your shape, remove it by clicking on the Stroke box at the base of the toolbar. Once it overlaps the Fill box, click the None swatch to remove the color.


3. Rotate the shape

Select the shape so that you can see the bounding box around it.


Move the mouse cursor near a corner handle until you see a curved double-arrow cursor. Once you see it, press and hold down the Shift key and then click and hold down the mouse button as drag up. The Shift key will constrain rotations to 45 degree angles. Once you have the shape angled as shown below, release the mouse button then the Shift key.


4. Reflect and copy

With the shape selected, click on Reflect tool in the toolbar. This tool is hidden behind the Rotate tool. You can also simply press the O key on your keyboard to summon the tool. Once you see it, double-click the tool in the toolbar to call up its settings.


Select Horizontal (or Vertical) as the Axis option and click the Copy button. Here's the result.


5. Divide the shapes

Select both shapes and click the Divide command on the Pathfinder panel (View > Pathfinder).


This will divide the shapes into five individual shapes. I've moved the pieces apart for demonstration purposes only.


6. Delete and unite

Ungroup the shapes via Object > Ungroup. Click an empty area (with the Selection tool) near the shapes to deselect them. Next, select the two lower shapes and delete them.

Heart Shapes

Select the remaining three shapes and click the Unite command on the Pathfinder panel to fuse the shapes into one


That's all there is to it. You've now created a heart shape. But wait, there's more!

7. Customizations

If you feel the dip at the top of the heart shape is too deep, step back to the end of Step 4. Move one of the shapes closer to the other. Hold down the Shift key and you click and drag the shape over. Holding the Shift key down while dragging will keep the shapes aligned.


Once the shape is repositioned, follow Steps 5 and 6 again.

Heart Shapes

Now take your design further by creating a pattern. Scale the heart down with the Scale tool. Select the heart and double-click the Scale tool to bring up the options. I chose to scale down to 25%.


Select the heart and, from the menu bar, go to Object > Pattern > Make. This places you in pattern making mode.


Name your pattern and make adjustments to the pattern settings. Here's what I set my options to.


Once you're happy with how things look, click Done at the top of your document. The pattern you made is now in the Swatches panel (View > Swatches).


Create a shape, such as a circle or square and apply your pattern to it.

Heart Shapes Pattern

Don't worry about any thin lines you see running through your pattern shapes. If you save the file to a web format or print it out, these lines won't be visible.


About the author

My name is Mike Hamm. I like robots. I'm a designer, author, teacher and illustrator. I currently work as a Senior Designer at Expedia. I'm co-author of Introduction to Web Design Using Dreamweaver and have contributed articles and artwork to Layers Magazine as well as several Illustrator WOW! books. I've also been teaching and developing Adobe Illustrator courses for Sessions College for Professional Design since 2003. You can view my never complete portfolio website:


  1. abhi191 says:

    great tutorial..
    Very simple to follow..

  2. DIY Party Invitations in Illustrator | beets & okra says:

    […] Heart: This blew my mind! To create a heart in illustrator you have to go about it in the most unusual way (unless you can free hand with a mouse like a true artist). Check out this guide for an easy way to make perfect hearts! […]

  3. Vanessa Fromm says:

    This tutorial is fabulous! I design for applique and need a perfectly symmetrical heart so that it doesn't matter which way people cut the shape out. Well done!

  4. Cactii says:

    Awesome! Thanks

  5. Maxim says:


  6. Emma says:

    Thank you so much for this tutorial! It was very good and easy to follow.

  7. Baroque Myriam says:

    Thank you! This was so helpful. I am just starting to learn Adobe Illustrator.

  8. tartantroll says:

    Fantastic tutorial. I found it so easy to follow.

  9. Kaitlin Jaffe says:

    This was exactly what I needed to make a heart, thanks!

  10. Draft Logo Project – Blog for Ransom says:

    […] scalloping on the little pencil. This method worked but the proportions were a little off. I found this tutorial, which gave me the shape I was looking for. I made the “X” shown in the tutorial, then […]

  11. Final Logo Project – Blog for Ransom says:

    […] gold hearts and I wanted to include that element in my design. I made an “X” as shown in this tutorial, then used the shape builder tool to delete the extra parts. After reading Prof. […]


Leave a Reply