Quick Tutorial: Radial Repeat

Below are the steps for figuring out the width and rotation of an even, radially repeating design.
Note: this can be done cheaply and might look right to do it by “eye” but I wanted to figure it out because I’m a perfectionist.

Step 1:

Draw a perfect circle. Choose a whole number for it’s diameter, e.g. 27 pt. Calculate the circumference of the circle. The circumference is the diameter times pi (d * PI). Note this number. (e.g. 27 * PI = 84.823)

Step 2:

Draw the shape that you want to tile radially, for example, the shape shown below:

tutorial01

Place this shape so that the part that you want to connect is even with the circle from step one, like this:

tutorial01

The red dotted line segment shows the length that we are concerned with for this step. Take the circumference of the circle from step 1, and divide it be an integer. This integer could be any whole number, and it is equal to the number of times you want to tile the shape.  For instance, in this example we’ll use 34 as our integer, so 84.823 / 34 = 2.495, so we want to make the length indicated by the red dotted line segment to equal 2.495.

Step 3:

Now we need to find the rotation for each repetition.  Basically, this is just 360º divided by the integer from the last step.  So in our example, we’ll use 360º / 34 = 10.588º.

Step 4:

Copy the shape from step 2, rotate it 180º, and place them so that the red-dotted line segment lines up with opposite sides of the circle and justify everything center.  Select both of them and copy paste and rotate the number from step 3 (10.588º), then copy, paste in place, repeat (cmmd-C, cmmd-F, cmmd-D) for half of the number of times in step 2. (e.g. 34 / 2 = 17)

Have fun!

tutorial03

tutorial04

tutorial05

tutorial06

Reggie Gilbert creates illustrations and designs for apparel, graphics for the action sports industry, logos, web sites, brand identities, packaging, technical illustrations, print design, as well as store displays and installations.

 

If you liked this article, please help spread the news on the following sites:

  • Bump It
  • Blend It
  • Bookmark on Delicious
  • Stumble It
  • Float This
  • Reddit This
  • Share on FriendFeed
  • Clip to Evernote