Reader Tutorial: Aurora Borealis Wallpaper in PhotoshopListThumbs

Reader Tutorial: Aurora Borealis Wallpaper in Photoshop

June 12, 2009

Our reader Máté Tóth brings us something cool. "There are some phenomenons of the nature that are really beautiful. The Aurora Borealis is surely one of them. It is so awesome Apple has been using it for its wall for some time now, and today, I'll show you how to create an awesome scene featuring an aurora, in photoshop."

First, let's take a look at what we're trying to achieve:

Cool, huh? Now let's do it, shall we?

Step 1:

First of all create a new document in Photoshop. The canvas size is your choise, i'll use 1024x768px. The size basicly depends on your screen resolution.

Step 2:

Now we'll need a landscape picture taken at night. You can find the picture I used HERE. Now create a new layer and name it "trees". Paste your picture and scratch it with the Free Transform Tool (ctrl+t) till it reaches the canvas' edge. With the Magic Wand Tool (w) click on the black trees. You'll get a selection. Press ctrl+shift+i, this way you select everything but the trees. Delete the sky. If you have tha patience, you can create the selection with the Pen Tool (p) too.You should have something like this:

Step 3:

The next step is finding the background. You can find the picture I used HERE. Off course you can use an other if you don't like it. Create a new layer calles "stars" behind the one called "trees". If the picture is too small, scratch it with Free Transform Tool (just like in Step 2). We have this so far:

Step 4:

In this step we'll add the lights to the sky. Create a new layer called "aurorabottom" between "trees" and "sky". Grab a thick brush and paint the area over the trees. Use the color #caee05. Go to Filter>Blur>Gaussian Blur and apply it on the layer with 20px. Set it's blending mode to hard light and set opacity to 50%.

Step 5:

Now we'll add more color and layers. The next layer will be "auroramiddle" behind "aurorabottom". Grab this color: #b3ea8d and paint the area over and behind the lights made in the previous step. Add some blur to the layer. Go to Filter>Blur and apply the Motion blur and Gaussian blur. You can see the settings on the picture below. Set blending mode to Lighten and oacity to 90%.

Step 6:

Ok, I think it is the hardest step. We'll create a new brush. Create a new document with transparent background. For the size I used 30x300px. Grab the Pen Tool (p) and put 2 anchor points to your picture (as senn on the picture). With the Path Selection Tool (a) right-click on the path and select Stroke Path. In the pop-up window select brush and check Simulate Pressure. Make sure your foreground color is black and u use a brush around 9px, then press Ok. Delete your path and go to Edit>Define Brush Preset. Give a name to your brush and press Ok. Now select your brush that you just created and set it up in the Brushes menu (you can find it on the right of your screen, or in Window>Brushes (f5). Use the settings you can see in the picture below.

Step 7:

It's time to use our new brush. Pick color #8cb37c and draw the shape you can see on the picture. Go to Filter>Blur>Motion Blur. Use an angle around 65. Set this layer's blending mode to Color Dodge.

Step 8:

Now that we have all the green layers, it's time to add some purple. Make a huge spot to the middle of the sky with #953f5e. You can use any kind of brushes. Make sure this layer is above the green ones. Name it "purple1" or something like that. Apply Gaussian blur on this layer with 100px radius. Change it's blending mode to Exclusion.

Step 9:

Pick this color: #92566b, use the same brush, but set the size around 350-400px, and draw something around the middle of the sky. Off course you hvave to do it on a new layer, "purple2". Give the layer a Motion Blur effect with 90° and 100px. Set the blending mode to Overlay. We're almost done.

Step 10:

Here comes the final touches. we have to do another brush with the same shape hat we made in Step 6. We do the same options except we check Scattering and Dual brush. Use the settings that i used (you can find it on the picture below). With white color paint some lines with the new brush around the purple area. Remember to create a new layer for it. I call mine ("whitestripes" ;))Got to Filter>Blur>Gaussian blur (I promise it's the last time), set 5px and press Ok. Set the layer's opacity to 50%.

Step 11:

Finally create a new layer, go to Filter>Render>Clouds. Make sure you have the default black and white colors set. Set the layer's blending mode to Soft light and lower the Opacity. I used 25%.

Conclusion:

Additional things:

You can put some trees in the foreground if you want to. For that, simpy download and use a brush pack. i suggest you trying THIS.

That's all guys! We're done! Now you have your own aurora wallpaper made by yourself. Hope you liked this tutorial.

Help us to share this!

34 Comments

MateToth06/12/2009

Thanks for publishing abduzeedoo!
Hope you guys'll like this tutorial.

Anonymous10/13/2009

I don't have motion blur as a blur option. what else could I use?

Motivo06/12/2009

Lovely. I was looking around for this effect ( looked the wrong phrase tho - "polar nights effect" :) ). I'm glad I visited abduzeedo today.

Starstuff06/12/2009

Very nice, will try it out this weekend.

paul0v206/12/2009

Nice tuto Mate, thanks for sharing.

alessandra06/12/2009

I gotta try this, thanks for sharing.

Nikhil_creativehead06/12/2009

Abolulutely Awesome!!! pls mail me some psd ....

JAKC06/12/2009

Nice... incredible... and thks for the tut... ;)

somebody06/12/2009

I like the effect, but i think the colors aren´t good choosen. The effect could look much better, because the shapes really look same then the original ones :P

chillyweed06/12/2009

hey Gj nice tut bro

chengeveld06/12/2009

Hello, This is off topic, but i am new to abduzeedo in an account sence. Just wondering how to apply an avatar/picture to my posts. I cant seem to find a place to do it.

thanks.cgh

akuji rocks06/12/2009

cool effect

Kyan Blue06/12/2009

Maybe it's just me, but the aurora effect in the sky looks a little too blurry?

But it's a great tutorial like a ton of abduzeedo ones (a beautiful effect that isn't too complex to create). I can see this looking really nice for a website footer...

Sarah Desai06/12/2009

x

Luis Quiñones06/13/2009

Hey man, thanks for sharing! ;)

Xander06/13/2009

Great tutorial man, nice and simple, very effective. Win!

Anonymous06/14/2009

Request to all people.

To check my website and I would love to take your
suggestion or feedback what changes you think should be there or what songs.
http://dj-free-mp3-downloads.com/
Please comment on the page where you thing change needed.

camilo Sierra06/15/2009

great tutorial, thank you very much!

chandrika06/15/2009

cool.........................night wallpaper made by myrself:
http://www.flickr.com/photos/eggchandrika/3627443807/

Lauren06/15/2009

i learned but it wasn't much detailed and the result is...mediocre...but i think it's fine thanks

Maggie06/16/2009

This is very nice!! I am a new beginner. and it is very easy to understand ! Thanks :D

Sanath Peiris06/16/2009

Cool ! Thanks a lot.

AdiS06/17/2009

Thank you so much,
really cool and usefull.
Thx.

e11world06/18/2009

Very nice tutorial. I learned something new today. I actually had to animate something like this with flash on a site I did. View it on my portfolio.

Hot Chipz06/20/2009

Great effect, im loving this site!

Khalligo06/25/2009

enjoyable indeed ^^

Hardik06/30/2009

hi, very good artical and many thanks about this.
i tried to create brush but, am at lerner stage and i want be able to create Path selection i mean, after Pen Tool (p) and i put the two points in my picture but when i select Path Selection Tool (a) and try to right click on the line the stroke path... is desable.
can any one help me how to select stroke path.

thanks
hardik

alladin_sane07/13/2009

nice nice,but I got stuck on step 1 already!!! :(
how do I PASTE the picture in the layer???
thanks :)))

baqlawa07/21/2009

awesome.. tnx for tut

Claudia08/25/2009

Thanks for sharing; actually I'm not quite satisfied with the latest stripes of light, I've act differently using a less filling and some more smudging.

vihanekirp09/05/2009

Very nice tutorial.
I was wondering what style is that font u use?
It looks good :D
I'll try the tutorial tomorrow.

Lounis09/29/2009

have you a probleme with

http://imgs.abduzeedo.com/files/articles/aurora-tutorial/aurora3.jpg

becose it is like cut

Post new comment

The content of this field is kept private and will not be shown publicly.

Icon Ads Wall

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Do you want to advertise here?