light-swirl

This tutorial demonstrates how to create an interesting light swirl effect.

A current trend in design is adding lighting effects to enhance your digital art.  In this tutorial, you will learn a simple technique for creating brilliant light streaks which can be used in different ways to add motion and brightness to your designs.

Before we start, a tremendous thanks for your e-mails, comments, and linkage. I’m having such a fun time with this blog, and that is thanks to you!

First,  create the background for our effect. Open up a new Photoshop file, and fill the background with black.Now, create a new layer and fill it with white. We will use the Lighting Effects filter (Filters > Render > Lighting Effects) on this layer to create a nice soft gradient. Next to the Intensity slider, choose any color that you like as long as it is somewhat dark. For this example, I have chosen a dark blue.

photoshop-light-swirl

2

3

Now lets create a light from which all of our streaks will be created. Start by creating a new layer and setting it’s blend mode to screen. Then use the Elliptical Marquee Tool to make a circular selection and Feather (Select > Modify > Feather) it with a value of 20 pixels. This will give our light a nice glow around the edges. Using the Radial Gradient Fill tool, we are going to give it some color and intensity. I like to use 3 colors for the gradient. The first and inner most color should be white or something close to it. Make sure to start the fill in the middle of your selection and end it a the edge.

4

5

Make a copy of the light layer that we just created, and hide the original. You will need it later to make additional streaks. Now, lets scale(Edit > Transform > Scale) the light so that it is much flatter. Doing this allows you to control the thickness of your streak.

6

Now we get to start having fun. To give our light that streak look there are two filters we can use: Wave(Filter > Distort > Wave) and Twirl(Filter > Distort > Twirl). By using Wave, you can achieve some very nice looking irregular paths for your light. Like any other filter with sliders, it takes some tweaking to achieve the result you are after, but you will probably need to up the wave length and amplitude considerably. Also, try applying the Wave filter multiple times to the same layer.

7

The Twirl filter will give you a streak that is moving in a more radial type of path.

8

Also, don’t be afraid to combine the two. By doing so you will be adding more detail to each streak, and making the overall effect more interesting.

light-swirl





About the Author: Alex Roman

I’m a 23-year old independent graphic artist based in Romania, Bucharest. I design beautiful, engaging user experiences and intuitive user interfaces for the web. I really love what I do. Want to hire me? Follow me on Facebook or Twitter.




  • khin says:

    thanks for the wonderful blog..

  • Create A Beautiful Light Swirl Effect in Photoshop | Videogame Art & Design | Scoop.it says:

    [...] Create A Beautiful Light Swirl Effect in Photoshop This tutorial demonstrates how to create an interesting light swirl effect. Source: http://www.icanbecreative.com [...]

  • Marivic Balbuena So says:

    i love this

  • Photoshop Create an Awesome Light Swirl Effect in Photoshop Tutorial @ photoshoptutorialtour.com says:

    [...] click here to: View Full Tutorial [...]

  • soso says:

    “Now lets create a light from which all of our streaks will be created. Start by creating a new layer and setting it’s blend mode to screen. Then use the Elliptical Marquee Tool to make a circular selection and Feather (Select > Modify > Feather) it with a value of 20 pixels. This will give our light a nice glow around the edges. Using the Radial Gradient Fill tool, we are going to give it some color and intensity. I like to use 3 colors for the gradient. The first and inner most color should be white or something close to it. Make sure to start the fill in the middle of your selection and end it a the edge.”

    I didn’t quite get this part. Can you explain more expandedly? Thanks.

  • Miss webdesign says:

    thanks I learned something new

  • rekoyunasril says:

    wow really fantastic

  • David says:

    Wow, really nice effect. I never thought it would be so simple to create these streaks.

  • Heatherina says:

    Cool! Thanks! I’ll definitely use the technique you described for creating wavy lines.

  • Millany says:

    Very nice tutorial, thanks I learned something new

  • Gorny S. Needa says:

    Thanks broo, simple but nice technique. i like it

  • Jhontalan says:

    holy!!! i dont believe it was that simple!! awesome tutorial!

  • Ashley says:

    Great effect, and easy to replicate. I think I’m going to have fun with this while I try to create some new ads.

  • lauren says:

    I will try this one later very attractive tutorial and I would say that is Brilliant two thumbs up for you.