Hypotrochoid Shapes in Illustrator

    ●  Make Shapes and Fill Them In with Color.

Learn About:

Smart Guides Rotate Tool Scale Tool

   •   This tutorial is part of the Free Trade and Picture Perfect 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) …



… make a New Layer, and lock lock your other layers.

Step #2: Colors ~

Set the Fill Color to and the Stroke to black.

Step #3: Ellipse Tool ~

Get the Ellipse Tool or hit the keyboard shortcut letter (L) …

… and draw a perfect circle by holding Shift (⇧)shift key while you drag.

Step #4: Scale Tool ~

Double-Click the Scale Tool …

… and bring up the Scale Tool dialogue box - select Non-Uniform and 30 percent Horizontal.

Step #5: Smart Guides ~

First, make sure Smart Guides is on by going to: View > Smart Guides:

Step #6: Rotate Tool ~

Then get the Rotate Tool or hit the keyboard shortcut (r) …

… and select the top anchor point.

Step #7: Alt - Click the Anchor Point ~

With the top anchor point selected, hold the Alt (⌥) key


… and Click the Anchor Point with the Rotate Tool to bring up the dialogue box.

Step #8: Angle ~

Set your Angle to 30 degrees, hit Preview, and click Copy.

Step #9: The Lower Side ~

Now, take the Rotate Tool rotate tool small again and Alt - Click the lower Anchor Point on the new shape …

… and hit Copy again.

Step #10: Back Top Side! ~

Now Alt - Click the top of the new shape and hit Copy:

Step #11: Keep Going ~

Keep going in the same way 11 times …

Step #12: Make New Layer ~

Make another New Layer and lock the others …

… get the Ellipse Tool again (keyboard shortcut letter (L) …

… that's the effect that was 10 percent Horizontal …

… click in the center of the shape, and hold while pulling with the Ellipse Tool




… (Remember: Holding Alt (⌥)-Shift makes the circle expand from the center and keeps it perfectly round. …

Step #13: Color ~

With all the shapes selected, go to: Object > Expand

… open your Swatches and change the colors of the lines and fill.

Step #14: Blending Modes ~ 

Click Transparency or go to: Window > Transparency

… and change the Blending Mode until you get something you like.

Also, experiment with lowering the Transparency (if necessary …)

Last Step: Save and Attach ~

Save your work as -]

Attach it!

  •   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.

Other Resources: