Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Swirl in Photoshop Tips

www.psd-dude.com
Tutorials Photoshop Tips 35685 August 18th, 2018

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.

You can combine this swirl design with this spiral text Photoshop template.

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.

Add Gradiend In Photoshop

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: Linear Gradient Photoshop

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 In Photoshop

Swirl Effect in Photoshop

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 !

5 ( 102 votes)

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 5, 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 5, 2013
Thank you Larry :) I am very glad you enjoy our free Adobe Photoshop tutorials! reply
Michelle
Michelle
5:04 AM Tuesday, November 1, 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
10:37 AM Wednesday, August 21, 2024
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:
https://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


Get new posts by email:
LIKE US ON FACEBOOK

      Online Photo Editor
top