Create a Realistic Outer Space Scene in Photoshop

In this tutorial you’ll learn how to create a realistic looking outer space image with your own home made galaxy. Without using any stock photos or any material at all besides Photoshopís filters, effects, and blending modes you will create a vibrant and lifelike creation you can use for numerous applications. Let’s begin!
the_final_image

Step 1:

Create a new document, this one was done at 1280p x 800p. Start by adding a subtle Circular Gradient for the Background. Keep in mind that wherever you place the center of the Gradient will be the center of your design (Note: When making things in outer space I always fade to absolute black in the background, after all it is outer space right?). For mine I used a dark grey color for the center and black for the outer color. I then placed it in the bottom right corner of the image.

image1

Step 2:

Create a new layer. Make sure your foreground/background are set to black/white. Go to Filter>Render>Clouds. Now to add some color! On the new cloud layer you created go to the layer styles dialogue box. Select Gradient Overlay, when in the Gradient Overlay settings choose a colorful gradient that you enjoy. Next put a slight angle on the gradient effect, I used 100º for mine and scaled it slightly to taste. Though the scaling is not necessary you’ll find it fun to mess with later in this project. The last but most crucial part of this step is to set the blending mode within the gradient overlay settings to Overlay. After this last part you should see that we basically “colored” the clouds with a gradient, while preserving their texture.

image2

Step 3:

In the Layers Palette make sure you have the Cloud Layer still selected. Set the Blending Mode at the top of the Layers Palette to Overlay. This will drastically darken your image but fear not, we’re not even close to done yet.

image3

Step 4:

Duplicate the Cloud Layer you made in Step 2. Bring up the Layer Styles Dialogue Box and in the Gradient Overlay settings of the your copied cloud layer set the angle to something different, I used -140º for mine. What this does it divide the color a little more unevenly so the colors aren’t just divided into straight lines which will make our galaxy look authentic.

image4

Step 5:

Now we’ll create some space dust. On a new layer, fill the entire image with black. Select Filter>Noise>Add Noise. In the Add Noise Dialogue Box choose something between 12% and 17% and make sure that Distribution is set to Gaussian, also select Monochromatic. If it’s not dusty enough for you at this point, bring up the Level Adjustment Dialogue Box and play with the settings until you achieve the dust effect you desire. Set this layers Blending Mode to Color Dodge.

image5

image6

Step 6:

This step is similar to the last one, yet in this one we’re making distant stars as apposed to dust. Follow Step 5 just as you had before, but this time add more Noise and mess with the Levels a lot. I used 115, 1.00, 150 for the setting on my own levels adjustments. Set this layers Blending Mode to Color Dodge.

image7

Step 7:

In this step use a hard edged brush and erase away the stars in the darker areas of the image. Don’t be too uniform though because weíre trying to maintain the randomness and authenticity of the galaxy. You can also take this time to clear away any cloudy areas you may not desire in you image.

image9

Step 8:

On a new layer, create some clouds like we did in Step 2 but without any color or layer styles. Set this layers Blending Mode to Color Dodge. This should intensify the colors and light of your galaxy and you should see it taking form. You can repeat this layer to furthermore intensify the effect if you want. Feel free to trim up this layer as desired. But only in the spots where you want more black void and less galactic dust!

image10

image11

Step 9:

Find a somewhat brightened spot in your galaxy. I usually aim for where I think the center or “sun” of the galaxy will be. Create a new layer, fill it with black, adjust the opacity to you can see through to the galaxy, mark a tiny white spot where you want your sun to originate, create a lens flare centered on this white spot. For galaxies I always use the 105mm Type of Lens Flare because it looks more white than the others, and looks more realistic in an outer space image. A key element to this is setting the Layers Blending Mode to Linear Dodge. This will make our flare dazzle up our image very nicely. Place this Layer right underneath the Cloud Layer you made in Step 8.

image12

Step 10:

Now we’ll create some real stars. In another image on a black background add a tiny Lens Flare. Make it the size of the largest star that you want. Set this layers Blending Mode to Screen. Duplicate the layer and scale it a down a little. Repeat this process a few times scattering different sized stars around your new image. Try and keep the ratios of stars natural, make lots of small stars and only a few big ones. As the size decreases the amount of them should increase. Merge all the layers, then duplicate that layer. Set it’s Blending Mode to Screen. Now scale and rotate it to make it less similar then the copy. Merge Layers. Now you have made some stars!

image13

Step 11:

Copy this stars image to your galaxy and set it’s Blending Mode to Linear Dodge, this will make them glow.  Move the image around a little until it suits your eye. You can add more stars or less depending on how complex you want it to be. Feel free to trim it up a bit in the areas you don’t want stars to appear.

image14

Step 12:

At this point the galaxy is done. You can now add your own touches to make it unique! Enjoy!

image15

Final Image:

the_final_image

Written by Alec Schmidt

Alec Schmidt is a 22-year-old graphic designer from Arizona. He loves typography, color, creativity and also has a real passion for retro graphics. You can follow Alec on Twitter: @anepic.

Join the Discussion:

66 Awesome Responses so far
  1. Hi, in step 9, my lens flare function is being disabled. what should i do?

  2. Learn how to create a realistic outer space scene in Photoshop using no stock images, but only filters!

  3. I always like finding new techniques and such for space environments. I made a whole wallpaper pack combining several techniques actually. You can check it out here: [ http://nokadota.deviantart.com/art/NebulaWP-Pack-the-ReUp-96810132 ] If you’re interested of course.

    Great tutorial. More techniques to add to my arsenal.

  4. Hi Alec

    Really nice tut. I am a newbie to designing.

    Can you do me a favour, I need some very good tutorials links to learn these kinds of techniques to make my skills much better.

    Please forward me the useful links so that i can make my career in Graphic Designing.

    I will be very thankful to you for your kind help.

    Thanks & Regards
    Lokesh Yadav

  5. Instead of “Color Dodge”, duplicating layers,making duplicate one “Screen” and manually using dodge tool will give nicer and custom effect i think.
    Thank you good tutorial

  6. Wow, great tutorial. I like how you used the lens flare to make it look a bit more exciting. Usually when I try to do these the overall composition looks a bit flat.

  7. I have a problem with the noise: when I use the Level correction, and clic ok, some noise reapears on the picture like if I didn’t do something!
    Someone could help me?
    (Sorry for my english, I’m french ;)

  8. Your tutorial is very nice !

    But I have one problem,
    I’m not able to save it in another format than PSD…

  9. Nice, some new techniques to try out as soon as I get home. Many thanks!

  10. chris wallace June 5th, 2009

    great tutorial. i want to use this tut on one of my pics. how can i show u da final result?

  11. @Chris: The easiest way to show me your designs is by adding them to the Fugegraphics User Showcase Group on Flickr

  12. I can’t do anything with the Levels settings. It doesn’t change anything. I actual can’t do anything with the Noise Layer. Not even re-color it.

  13. Yeah same thing with the levels, but without it, it looks great as well. Great tutorial. Thanks

  14. I cannot even create the background gradient :(. How did you do that? Do I draw a circle then give it a gradient of grey and black or or do you mean whole rectangle background?

  15. Hmm… For me, the small lens flares looks like a galaxy cluster consisting elliptical galaxies. Still, the tutorial is excellent, thank you for sharing us!

  16. I’m having a problem when I overlay the clouds. Whenever I overlay my cloud goes immediately black. Any tips?

  17. One of the best Photoshop space tutorials although its actually a nebula, not a galaxy!

  18. “I can’t do anything with the Levels settings. It doesn’t change anything.”

    The same for me. I’m using CS 5 and I have only 2 gigs of RAM. I think this is the problem.

  19. I second Nicola with her comment “I cannot even create the background gradient. How did you do that? Do I draw a circle then give it a gradient of grey and black or or do you mean whole rectangle background?”. I got the other steps up to #6 but got frustrated because my initial gradient (step 1) was using a circle so it’s all contained in a literal circle, giving the rainbow/clouds hard circular edges, not the flowing gaseous look you made…

  20. Thanks for putting this together I am often wondering how to make the correct space scene, looking for the correct brush! It looks like I need to use the filters more.

  21. PrestigWorlwide July 9th, 2011

    Definitely one of the better star/nebula tutorials

  22. @ALan, if your Lens Flare cant be used, if you’re working in CMYK you need to change it to RGB. if thats not what you mean… my bad haha.

    @MapieH, you might need to change your document to an 8/bit file.. that might help?

    Great tutorial, thank you. :)

  23. Just wanted to say that this tutorial is wonderful. It provides enough information to get stunning results if you follow it to the letter, but by messing with the “gradient” layer I’ve made some really incredible nebula dragons. They’re not the most amazing artwork out there, but I am quite happy with out they turn out. You did a very, very good job outlining the different ways this works, leaving plenty of room for creativity. Thank you, and well done!

  24. Every time i put my clouds to the overlay, they only reach out to the edge of the circle we made, any tips?

  25. Thank you so very much for this tutorial, it has helped me a lot and the result is amazing! Really, thank you a lot!

  26. Oscar Contreras March 13th, 2012

    Hello, this tut is great!. Can I traslate to spanish and upload on other website?

  27. I like this Realistic Outer Space Scene in Photoshop tutorial thank you very much .

  28. hi there.. uhm.. that galaxy thing is aswesome how do u that

  29. Piper Grace April 4th, 2013

    This is amazing! Thank you so much! I am a bit confused about the noise for the stars in step 6. When I try to use the zoom tool, or try to save the image as a JPEG or anything other than a Photoshop image, the noise kind of covers up the whole picture, instead of looking like stars in the background. I’m not sure why this happens, usually Photoshop works for me without any problems :P.

  30. A very nice tutorial with a beautiful result.

These Sites link here:

  1. vot.eti.me
  2. Create a Realistic Outer Space Scene in Photoshop
  3. Tutorial: Create a Realistic Outer Space Scene in Photoshop | CrazyLeaf Design Blog
  4. 35 Photoshop Tutorials for Realistic Results | Vandelay Website Design
  5. Bookmarks for Enero 6th from 06:20 to 07:06 | FACIL TUTORIALES
  6. 35 Tutoriais Photoshop fotorealistas « Resistor Conspiracy
  7. Bookmarks for Enero 7th from 08:27 to 09:03 | FACIL TUTORIALES
  8. Bookmarks for Enero 24th from 22:04 to 23:03 | FACIL TUTORIALES
  9. 35 Photoshop Tutorials for Realistic Results | FamousandSpicy
  10. Space and Planet Photoshop Tutorials To Create Amazing Space Scenes | Video Tutorials | Web Design Blog | Design Shard
  11. 35 Photoshop Tutorials for Realistic Results « Online Free Application Software Tips Tools Wallpapers
  12. 30+ Tutorials for Realistic Results | Free Tools And Wallpapers
  13. Inspirations - 31 Excellent Resources, Examples, Tutorials and More In June » De Web Times - Sharing Useful Resources.
  14. Easy Photoshop Tutorials for Realistic Things - Webitect
  15. Uzay ve Gezegen Photoshop ile ?nan?lmaz Uzay Sahneler olu?turmak | DandikSE.net - Wallpapers, Photos, Resimler, Pictures, Photography, Galleries, Galeri, Foto?raflar, Duvarka??tlar?
  16. 60 Realistic Tutorials with Adobe Photoshop - Hungred.com
  17. Illustrated Illusion
  18. Illustrated Illusion » 13 Amazing Tutorials About Space Scene.
  19. 35 Tutorials for planets and space effects in photoshop | YourTutorialsBox.com
  20. Out of This World Tutorials | Design Informer
  21. 25 adet photoshop lighting efekti | SadeKar???k.com
  22. 35+ Beautiful Visually Stunning Photoshop Tutorials
  23. 35+ Beautiful Visually Stunning Photoshop Tutorials | Wordpress Blog Hosting
  24. 25+ Best Space Scene Photoshop Tutorials
  25. 25+ Best Space Scene Photoshop Tutorials | Lux Life
  26. PhotoShop????????????? – ?????
  27. Photoshop Tutorials | Online Music,Movie Entertainment Portal
  28. Créer un fond étoilé | Tutoriels
  29. Around 25 Great Photoshop Space Art Tutorials
  30. Space Scene Photoshop Tutorials « DownGraf – Design weblog for designers
  31. Some of the Best Space Scene Design Tutorial | Design Tutorial, Inspirations and Talks | Embrace Illumination
  32. 35+ Photoshop Tutorials for Realistic Results | Smashing Spy | Smashing Spy
  33. Article: Create a Realistic Outer Space Scene in Photoshop « Adobe Help
  34. 25 Outstanding Photoshop - Th3me
  35. 16 Useful Photoshop Wallpaper Design Tutorials - Yokamo
  36. Out of This World Tutorials | Smashing Magazine

Comments are closed on this post.