fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Swirl in Photoshop Tips

www.psd-dude.com
Tutorials Photoshop Tips 31422 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 !

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

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"

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
Michelle
Michelle
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
PSDDude
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:
http://www.psd-dude.com/tutorials/create-abstract-light-swirls-and-circles-in-photoshop.aspx 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
Ghost an image in Photoshop in just a few steps. You can turn yourself into a ghost or a spirit usin...
Download for free the skeleton bones text effect Photoshop style. This Halloween text style is free ...
Free blood brushes for Photoshop, ready to be used for this year Halloween. Add dripping blood effec...
Learn how to turn a person into a vampire in Photoshop using some simple techniques. You will learn ...

      Pixel Art Generator Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top