Step 1: Choosing the starting image
To begin, we’ll choose the image that will be the basis of our work: I have chosen here a picture of Blankenberge beach (Belgium), but you can choose almost any image. However, I advise you to choose luminous image, with many colors.
For exemple, a street or a city at night should make it particularly well, but I haven’t tried it yet.

Step 2: Adding some blur
Nothing hard here: We just have to add a very strong blur to the image. To do so, go to Filters » Blur » Gaussian Blur. As I said before, the blur must be particularly strong. I have given a value of 80.

Step 3: Color balance
Although our now blurry image gives us a glimpse of what we want to do, the effect we’re going to create looks even better with particularly vivid colors.
Go to Layer » New Adjustment Layer » Color balance. Click ok when the confirmation popup appears.
Now you’ll see a dialog box containing 3 sliders: Now, you have to experiment with colors values, according to your wishes.

Step 4: Tracing the first line
Here is certainly the most delicate step of this tutorial, even if it is not so complicated that it seems.
We’re going to draw the first line. To do so, create a new layer, choose the Elipse selection from the toolbar, and select a large part of the image, so that our curve of a pass across the image.
Then go to the menu Select » Modify » Border. I gave the value of 10, but a value of 5 or 20 may looks good also, depending on the thickness of the desired curve.

Step 5: Adding effects to the line
Then, just fill out the selection with white, using the paint pot tool, then Deselect any layer (Cmd + D).
Right-click on the curve layer, then choose Blending options, and add some Outer glow.
The following screenshot shows the settings that I applied. But one more time, feel free to experiment ![]()

Step 6: Duplicating the first curve
Now that our curve looks good, we only have to duplicate its layer. Once done, press Cmd + T to transform the duplicated layer. Change its size, position, his inclination…
Repeat this step as many times as you want. The result should look like this:

Additional Step: Changing the background
If you’re not satisfied with the result, you can always change the substance of your image. Simply double-click on the Layer Adjustment to re-adjust the color balance.
Similarly, as shown in the picture below, nothing prevents you from importing a new background, or create one from scratch:

Inspired by tutorial9.





My name is Jean-Baptiste Jung and I'm the man behind Cats Who Code. I started to use the Internet back in 1998 and started to create websites three years laters in 2001.
13 Comments
ah! thanks for this tut, nice!!!
very nice and easy photoshop tut, i really appreciate your effort writing this jbj.
This is awesome. I have actually been messing around with Photoshop for some time now so it’s great to learn new things. Great tutorial.
Nice tut and really simple too. I’m gonna try this now.
Hey that was pretty easy! Looks pretty awesome too. Thanks for the tutorial
They’re called Vista Aurora Beams, and this is the best tutorial I’ve found to date. So simple yet powerful, others were so complicated!
Excellent tutorial. Very easy to follow and I was very pleased with my end result. Thanks.
Hi,
Could you come up with a tip how to prevent my filled line to be so jagged?
I’ve been changing the border with of the selection to even 1(!) and stil it’s not smooth (cry).
I’m sure it’s something really easy (but I’m still green as to PS).
Thanks for you help.
wow, this is usefull tutorial.
im interested in lightning effect. i will try it soon.
thanks
Nice tutorial; nice effect. Let’s try it now…Thanks!
This is really a nice tutorial and easy to. I think nobody wil have any problem while learning it. It is quick and easy way to learn Adobe Photoshop.
Thanks for breaking this down so precisely. I’ve save it in my library. Hope you do more
Thanks for the precise article, i will do it soon to my computer….
4 Trackbacks
[...] How to: Recreate Vista lighting effect in Photoshop [...]
[...] How to: Recreate Vista lighting effect in Photoshop Vista-style wallpaper tutorials make it easy. [...]
[...] 11. How to: Recreate Vista lighting effect in Photoshop [...]
[...] How to Recreate Vista lighting effect in Photoshop Posted by root 2 hours 1 minute ago (http://www.catswhocode.com) Jun 9 2008 vista lighting effect is very popular and many tutorials leave a comment name required 10 tricks to make your wordpress theme stand out articles rss comments rss powered by wordpress theme by jbj Discuss | Bury | News | How to Recreate Vista lighting effect in Photoshop [...]