fresh photoshop tutorials & resources
Log in Register
Infographic JS Library Infographic JS Library

Swirl in Photoshop Tips

Tutorials Photoshop Tips 20988 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!

Advertisment

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

If you want to obtain a very defined spiral, start with the gradient and choose two different colors. Be careful to set the locations of the two colors to 50%. Add the gradient and apply the same Twirl Effect several times. This is how yor perfect spiral should look like:

photoshop spiral effect

Use Angle, Reflected and Diamond Gradient to Create Swirls in Photoshop

Use the same gradient you did in the previous step but this time choose different gradient types, one at a time of course and then apply Twirl Filter. You can see in the image below the effects that will be obtained if you pick Angle, Reflected or Diamond Gradients.

different photoshop spiral effects

I want to show how the swirl will look like if we use the initial gradient, less defined with color one at 0% location and color two at 100% location. You may wonder why the Radial Gradient is not on my list; it is simply because I did not obtain a Swirl Effect using this radial gradient, but again you are free to experiment.

different photoshop twirl effect gradient

Using Twirl in Photoshop with more complicated gradients, you will obtain of course more complicated and beautiful swirls. Here are some samples.

Sunburst Swirl in Photoshop

This cool Twirl Filter can be used in many ways to create interesting swirl effects in photoshop. One of my favorites is to use it to swirl a sunburst. So lets say we have the following types of sunburst; apply the Twirl Distort Filter and you can see the before and after effect

Just be careful to set the Angle of the Twirl Filter to 166 and not 999 like in the previous examples. An angle of 166 will work just fine; apply the filter only once.

photoshop sunburst swirl effect

Hope you have enjoyed this tutorial on how to create a swirl in Photoshop and come back for more tips and tricks. See you soon !

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

PSDDude
8:09 AM Friday, September 23, 2011
Thank you Lynne! reply
LynneM
LynneM
8:10 AM Friday, September 23, 2011
You'e very clever with these tutorials. Thanks. reply
Ilarryb
Ilarryb
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
John
8:45 AM Friday, April 05, 2013
Thank you Larry :) I am very glad you enjoy our free Adobe Photoshop tutorials! reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Recent Posts
The Match Color adjustment makes the colors in one image resemble those in another image. When you o...
In this tutorial we are going to create a fruit pie typography in Photoshop. You can use any filling...
Learn how to create a realistic fire text in Photoshop from these gret tutorials. I have gathered on...
Today we are going to create a realistic raw meat typography in Photoshop using textures, patterns a...
GraphicRiver Photoshop Marketplace
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email
top