Heart Shapes in Illustrator
● Hearts are Important Basic Shapes that can be Used in many Different ways.
✓ Duplicate Shapes ✓ Twist Shapes✓ Radial Gradients ✓ Join Shapes
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 your other layers.
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 and 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) …
✓ … 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.
Step #6: Convert Anchor Point ~
✓ Hold down the Alt (⌥)/Option key …
✓ … click and drag the Bezier up to approximately even with the other one …
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 …
Step #8: Adjust the Shape ~
✓ Use the Direct Selection Tool again - keyboard shortcut (a) …
✓ … and adjust the Beziers.
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:
• 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.