example

Summary:

Heart Shapes in Illustrator

    ●  Hearts are Important Basic Shapes that can be Used in many Different ways.


Learn About:

Duplicate Shapes Twist Shapes Radial Gradients Join Shapes

  •   This tutorial is an entry level tutorial often used in the Make a Scene, CD Cover, Don't Buy The Lie, and the Design Your Identity Projects.

Other People's Work:

Here are examples of work inspired by this tutorial.

           

Step #1: Open Your Project in Illustrator ~

Open YOUR CURRENT PROJECT in Illustrator

 

 

… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …


If you don't have your project started, begin your CD cover by opening this template : cd-cover-template.ai

 

 

… whatever project you're using, always make a New Layer, and lock lock your other layers.

new layer


Step #2: Ellipse Tool ~

Using the Ellipse Tool again, draw a perfect circle by holding the Shift key.

Get the Direct Selection Tool or hit the keyboard shortcut letter (a) and select ONLY the bottom half of the circle.

Hit Delete or Backspace and watch the selected area disappear.


Step #3: Duplicate the Shape ~

Get the Selection Tool or hit the keyboard shortcut letter (v) …

… hold Alt (⌥)/Option alt option key and Shift (⇧) shift to duplicate the shape and move perfectly horizontal while dragging.

Release the mouse when you see the word intersection appearing on the horizontal smart guide.


Step #9: Join the Shapes ~

Get the Direct Selection Tool or hit the keyboard shortcut letter (a) …

direct selection tool 

… and drag a small rectangle around the intersecting anchor points of the 2 open circles to select them both.

Now join both anchor points, hit the keyboard shortcut: Cmd(⌘)+J or go to: Object > Path > Join.


Step #4: Connect with the Left Shape ~

Get the Pen Tool or hit the keyboard shortcut letter (p) …

… and click the most left anchor point of the shape, hold down the Shift Key while dragging perfectly vertically downwards …

Then let go of the Pen Tool.


Step #5: The Bottom of the Heart ~

Now click near the bottom of the heart with the Pen Tool, and click-and-pull again.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #6: Convert Anchor Point ~

Hold down the Alt (⌥)/Option key alt option key

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… click and drag the Bezier up to approximately even with the other one …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #7: Complete the Shape ~

Lastly, go to the top-right of the heart and complete the shape the same way you did it before …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #8: Adjust the Shape ~

Use the Direct Selection Tool again - keyboard shortcut (a) …

direct selection tool

… and adjust the Beziers.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #9: Add Fill ~

Add a Fill color, eyes and any thing else you want.


Last Step: Save and Attach ~

Save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.ai

Go to: File > Save as … and save the file as YOUR NAME! so we know whose it is.

 

  •   ALWAYS save your projects using the following naming convention:
FIRST_NAME_LAST_NAME_PROJECT_NAME

 

  •   DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.

 

  •   NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.