How to make a Spiral text effect in 4 Easy Steps

Today we will show you how to make the below Spiral text effect design in 4 simple steps. We will be using Adobe illustrator Cs6 but you can use any version later than Cs4. You can also use Photoshop to achieve the same effect but we will cover that in a later post.

Spiral text effect
Spiral text effect

Before we start, it is important note:

This tutorial assumes you have Adobe Illustrator Software

You have basic navigational Knowledge of the Software. If not we recommend this course on Fiverr for only 20$. We have done a review of the beginners and pro level of the course.

Step 1: Set up text

When you have Adobe illustrator open, Go to File> New and set the page specifications you want. We will work with 1000 x1000 pixels.

Go to type tool and click once on the artboard type the words. I will use Justcreative and Designs as the text. To set the font right click on the text and choose the font. We will use Gotham Black but you can use anyone that you want.

We will create a white text with black outline but you can choose any style that you like. The font specs i used are Gotham Black, 74 points and 3 points black outline.

Step 2: Duplicate text

With the selection tool selected, and shift and Alt keys pressed in, click and drag the text to the bottom. This duplicates the text.

Alternatively, You can also with the text selected, click Ctrl+C to copy then Ctrl+F to paste it on top. Holding shift so that it goes on a straight line, you can drag the copy towards the bottom of the board.

So your screen will look like the below image.

Step 1 Spiral text effect
Step 2: Duplicate text

We need to add the text on the sides. Select one of the texts then copy and paste it by clicking Ctrl + C and Ctrl + V. Edit out the third Justcreative (your text) and change the text to Designs (your second text).

Turn it and put it on the left and right such that it forms a square or rectangle shape. After this select all by clicking Ctrl+A then group all by pressing Ctrl+G. Now your screen looks like the below image.

Step 2b: Rotate text
Step 2b: Rotate text

Step 3: Add Spiral Effect

Remember to have the objects grouped. With the group selected go to Effect>Distort and transform and choose transform. This menu pops up.

Add Spiral Effect

For the scale choose 90% both vertical and horizontal. This means that for every transform instance, illustrator will reduce the image with 90%. You can toggle preview to see a sample.

For the move we will leave as default 0 because we do not want the design to move outside the area.

Go to copies and set to 15 copies. This tells illustrator to do the transform effect 15 times. Now the final step is adding the spiral feel.

Go to angle and set to 3 degrees depending on how much you want the spiral to bend. Higher values will mean more spiral.

Add Spiral Effect
Add Spiral Effect

Here are some examples of tshirt designs that have applied the design.

Step 4: removing Outlines

To increase the spacing, double click on one of the words to get into the group and move it as you want. We have moved the top Justcreative up and the bottom one further down to get 2 spaces along

In the final step we need to remove the outline such that the black line is a space between the letters such that the line becomes a blank space and you can print it as a 1 color job.

Go to Edit>Edit Colors> Invert Colors. The colors are reversed. Got to Object>Rasterize, then image trace and expand. Click any white area on the graphic with the direct selection tool, Select>Same fill color then click Delete.

The final graphic will look like the below image and will be in 1 color. You can set to any color that you want.

Step 4: removing Outlines
Step 4: removing Outlines

How to make a Spiral text effect in 4 Easy Steps

  • Step 1: Set up text
  • Step 2: Duplicate text
  • Step 3: Add Spiral Effect
  • Step 4: removing Outlines

Leave a Comment

Your email address will not be published.