How to Make a Spirograph in Illustrator

使用ソフト: Illustrator CC 2018  


Spirograph is the ruler that produces this beautiful geometric pattern.
It was invented by British inventor Dennis Fisher in 1965, and was commercialized in 1966.
It was later commercialized in Japan and remains a popular toy today.


Have you tried drawing patterns along a gear-shaped ruler?
When you see a Spirograph, does it remind you of the memories of playing with it when you were little? When I was a child, I was fascinated by this magical tool that could draw these geometric patterns endlessly!

This beautiful pattern can be easily and endlessly drawn with Illustrator’s Rotate Tool.
To be exact, every element of a spirograph is complex and difficult to recreate completely, but it is possible to reproduce it with a few simple operations.

So let’s go back to our childhood and create a spirograph!

The basic way to make a spirograph

Creating by specifying a reference point

1. Start up Illustrator and create an elongated circle on the document using the [Tool Panel] > [Ellipse Tool].


2. Click [Tool Panel] > [Rotation Tool] just once.

A blue reference point appears in the center of the object.

A reference point
A reference point

Move the cross cursor to the point you want to use as a reference.
*If you want the reference point to be at the center of the object, you don’t need to move it.

A reference point

3. Based on the reference point, drag and rotate the object to determine the angle holding [Option] key.
(If you hold down [Option]+[Shift], you can rotate it by 15 degrees. This time, I rotated it by 45 degrees).


4. Use [⌘]+[D] to duplicate as many times as you need.


A spirograph has been created from a specified reference point.

I recommend this method because it allows you to specify a base point as you want and it is easier to handle the object.

Creating by specifying the center of an object for a reference point
(Using the Rotate tool dialog box)

1. Start up Illustrator and create an elongated circle on the document using the [Tool Panel] > [Ellipse Tool].


2. Double-click [Tool Panel] > [Rotate Tool] with the created circle selected.

3. The dialog box will be opened.


A reference point appears in the center of the object when the dialog box is opened.
If you use the dialog box to rotate the object, the reference point is automatically placed in the center of the object.
You can’t choose any other point.

4. Set the angle to 30 degrees and click [Copy].

A new object is created at 30 degrees from the reference point.


5. Use [⌘]+[D] to duplicate as many times as you need.


The spirograph was created based on the center of the object.

This is the explanation of the basic way to make a spirograph.

You can create various spirographs if you change the object’s shape, reference point, and angle. It’s possible to create various beautiful spirographs by a simple method.

In the next section, we’ll create a more complex spirograph!

For your reference

I made a video to show you how I created.
I hope it’ll help you to refer the shape of the object, the position of the reference point, the angle, etc.


This concludes the instructions on how to make a spirograph.


  • このエントリーをはてなブックマークに追加
hulu dTV

Related post

  1. Illustrator

    How to Map Symbols to 3D Objects

    In this article, I will introduce y…

  2. Illustrator

    Place text on a path in Illustrator

    Place type on a wavy line with "Typ…

  3. 上付き文字や下付き文字を使おう
  4. Illustrator

    Tracing Hand Lettering in Illustrator

    Trace and digitize Hand Lettering i…

  5. Illustrator

    Hand Drawn Effect in Illustrator

    The effect in Illustrator changes …



  1. 夜景
  2. 描画モードについて
  3. 描画モードについて
  4. ライブペイントを使おう
  5. 昔の映像風な画像加工をしよう
  1. Photoshop

    Easy Photo Retouching: Natural Removal o…
  2. 昔の映像風な画像加工をしよう


  3. Photoshop

  4. Photoshop

  5. Illustrator

    Easy drawing with Shape tools in Illustr…