One of our latest design packs that we just released contained 50 different styles of radial shapes. We received a good amount of feedback and questions on how we created them. In this tutorial, I will walk you through the creation process on how to effectively recreate some perfect radial shapes. Once you have completed this tutorial. I am sure you will be creating some amazing radial shapes to include in your designs.
Open up Illustrator and create a 3000 pt by 3000 pt document.
Next choose the Pen Tool.
Using the Pen Tool, draw a unique shape. Here is the shape I came up with. You can come up with any shape you prefer. I also incorporated some stars using the Star tool.
Using the Direct Selection Tool, select some of your shapes and change the color.
Select all of the shapes with the Selection Tool and go to Edit > Copy
Now deselect everything by clicking in a blank area of your artboard. Choose Edit > Paste in Front. This will create an exact duplicate of your shape. Now without deselecting the copy, use the right arrow key and move the shape over to the right. Give a good amount of space in between the two shapes.
Now go to Object > Transform > Reflect
Select Horizontal for your Axis to reflect and click on OK
Now go back to Object > Transform > Reflect and this time choose Vertical for your Axis to reflect and click on OK
Using the selection tool, select both of your shapes and go to Edit > Copy. Then go to Edit > Paste in Front
Finally go to Object > Transform > Rotate
This is where the fun starts. You can put in a simple division equation into the Angle box. I choose to put in 360/10. Then click OK
This will rotate both shapes 36 degrees.The reason I use the put in a division equation instead of 36 degrees is because it will create a perfect radial that will line up when you are finished.
If you are not happy with the preview, try a different angle.
Keyboard shortcuts come in very handy at this point. With the copied rotated copied shape still selected, press CTRL + C then CTRL + F then CTRL + D.
Those keyboard shortcuts do the following:
CTRL + C = Edit > Copy
CTRL + F = Edit > Paste in Front
CTRL + D = Object > Transform > Transform Again
Now that you have a finished radial, you can end here or add more to it. If you would like to make the radial more complicated, then continue reading.
With the Selection tool, select the whole radial and go to Edit > Copy. Then Edit > Paste in Front. Now Scale down the copy so it is in the center of the first radial.
Now let’s add more color into the radial where the white space is.
Using the pen tool, trace around the yellow areas of the inner part. Make sure you close off the path.
While the outline shape you just created is still selected. Open the Gradient panel (Window >Gradient) and choose Copper Radial.
This should apply a copper gradient. Obviously it does not go good with our previous colors. So click on each of small color boxes and change the colors to shades of pink.
If for some reason your gradient shape is above some of the radial shapes, select the gradient and go to Object > Arrange > Send to Back.
This is what you should have now:
Now we want to fill in the other white areas as well. Using the same technique above, create another path with the pen tool on the outer most area of your radial.
Now select everything with the Selection Tool and choose Edit > Copy. Then go to Edit > Paste. Now Scale the copy to the center of the radial and you’re finished!