fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Rays of Light Photoshop Action

Swirl in Photoshop Tips
Tutorials Photoshop Tips 29437 Views August 18th, 2011

Learn how to make a swirl in Photoshop from this easy to follow tutorial. So, you need to create a spiral in Photoshop and you don't want to use a pre-made swirl brush or a swirl shape. To be honest swirl custom shapes are hard to make and for that reason there are not to many swirl shapes available for free on the internet.

You can create your own swirl in Photoshop from scratch and the good news is that it can be made in just 5 minutes. In this tutorial I you will find the basic steps on how to create a swirl in Photoshop using different types of gradients and the Distort Twirl Filter. Sounds good? Let's start!


Create a Gradient in Photoshop

The entire process of making a swirl or spiral or twirl in Photoshop is really easy and begins with a gradient layer. This is the most important step and the swirl will look different depending on how the initial gradient looks like.

Create a new psd file, size 600/600px. Pick the Gradient Tool that you will find in the Paint Bucket Tool category on the main toolbar. I will not explain in detail this tool but I do plan to make a basic tutorial on how to use the Gradient Tool in Photoshop really soon.

You see that an additional toolbar appeared where you can change the gradient colors and also choose one of the five types of gradients (linear, radial, etc). I will choose a simple gradient with two tones of blue, one dark and one brite.

Choose Linear Gradient and fill the layer with this gradient. Simply draw a line on the screen with this tool and the gradient direction will follow that line. I choose a vertical line direction from the top center to the bottom center of the image. This is how your image should look like so far:

Make Swirl in Photoshop

Now comes the fun part, where we will actually create the swirl. Go to the Filter Menu and choose Distort. From the Distort menu pick Twirl. This name actually gives you a hint, because as you already know, twirl swirl spiral are actually synonyms. Choose maximum range for the angle, 999.

Swirl Effect in Photoshop

You can see that now it looks kind of soft, mainly because the gradient was soft also and the colors were not very contrastant. If you want a more defined swirl, press CTRL+F several times. This mean that you will apply the same Twirl Effect multiple times and the swirl will look better.

photoshop swirl effect gradient

This is the entire process, simple, right?! But you can create different other effects depending on how your gradient looks like. In the following steps I will show you different effects that I have made. But you can also play to make your own beautiful swirls.

Perfect Spiral in Photoshop

Part 1Part 2

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

6 comment(s) for "Swirl in Photoshop Tips"

8:09 AM Friday, September 23, 2011
Thank you Lynne! reply
8:10 AM Friday, September 23, 2011
You'e very clever with these tutorials. Thanks. reply
8:09 AM Friday, April 05, 2013
I have to agree with LynneM, very good tutorials. I have begun to follow you on twitter.

Thanks for sharing your knowledge of Photoshop.

Larry reply
8:45 AM Friday, April 05, 2013
Thank you Larry :) I am very glad you enjoy our free Adobe Photoshop tutorials! reply
5:04 AM Tuesday, November 01, 2016
i was wondering if you know how to make swirls like this? is it applied the same way as this tutorial? or is it different? I found these but want to make my own. If you can help me out i would appreciate it, if not that's ok too.

Your tutorials are amazing btw

Michelle reply
5:06 AM Tuesday, November 01, 2016
Hi Michelle, I just made a tutorial on how to create similar swirl effects. You can create endless combinations using different color tones and gradients.

Tutorial link: reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create graffiti effect in Photoshop using this cool action. In this tutorial you will f...
Create 3D shape in Photoshop in just a few seconds with this free 3D Photoshop action. My 3D action ...
Learn how to create a chocolate tablet text effect in Photoshop from scratch. You can create any typ...
Download this rubber stamp Photoshop brushes for free. The pack includes +15 Photoshop rubber stamp ...

      Pixel Art Generator Photoshop Action
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Comics Book Photoshop Creator