Search:
All Any

Part of mariaus.info network Subscribe via RSS
Follow on twitter Request a tutorial
Create cloud brushes in Photoshop
Automating creation of reflections
Wallpaper: wall of pictures
A hidden image trick for Internet Explorer
Create a planet in Photoshop
Photography and art inspiration # 2
Photography and art inspiration # 4
Photography and art inspiration # 1
Photography and art inspiration # 3
Go to first pageAdd to favorites (this)Contact page ownerRequest a tutorialSubscribe to the Tip Kit news
Request a tutorial
Create a background for a space scene

Learn how to create space with stars and gas clouds
img/p38_24.jpg


In the future i plan to publish a few tutorials with various space scenes and i've decided to make this guide so that i wouldn't need to repeat the same thing every time. This tutorial will teach you how to make a starry sky and add the nebulas (gas clouds). Depending on the scene you'll be working on, you might need only stars or both the stars and the clouds. In any case you'll be able to refer to this guide and create your basic space background. So create a wallpaper size document (mine is 1280x800) and begin.

Step 1 - The stars

You should now have a new document with a single layer open. Fill that layer with black (press D for default colors and then ALT+BACKSPACE to fill). Go to Filter > Noise > Add Noise .... Use these settings for the noise:

img/p38_1.jpg


Now the result of this operation will be a black background full of random white dots. That doesn't look like stars at all. To make it look more realistic we need to darken the darkest white dots and lighten the lightest dots. That can be done with levels filter. So open levels by pressing CTRL+L. Play with the left and right sliders until you get something that looks pretty good. Here's my configuration:

img/p38_2.jpg


As you can see, the number of stars has increased dramatically. Go to Filter > Blur > Gaussian Blur ... and apply a 0.3 pixel blur. Next thing to do is create a little larger stars. The procedure is almost the same. Create a new layer, fill it with black, add the noise with the same settings. This time use levels to leave even less stars than before. Here's my settings:

img/p38_3.jpg


With the second layer selected, press CTRL+T to transform it. On the top of photoshop window you'll see a settings panel for the current tool. Click on the chain icon to lock proportions, then click on the W letter and drag your mouse to the right to resize the layer. I've done a 133% change:

img/p38_4.jpg


Click the little tick icon on the right side of the same panel to apply the changes (ENTER on your keyboard might do the same). So now we have two layers with different kinds of stars. Select the large stars layer (should be selected already) and change its blending mode from normal to screen. Now we are able to see both star layers at once. Press CTRL+E to merge the second layer with the first. Now we're going to add some shiny stars. To do that, select a soft 5px brush and change your foreground color to white. Now create a new layer for the stars. Press Window > Brushes, check the Shape dynamics checkbox and apply these settings:

img/p38_5.jpg


As you can see, you only need to change the Size jitter to a 100%. This might be too much and if you need more larger stars, use 50% instead. Now with the current brush and the new empty layer selected, start painting the stars by clicking randomly on the document. When you're satisfied with the result, press CTRL+J twice. That will duplicate the current layer two times. Select the topmost layer and go to Filter > Blur > Motion Blur .... Use these settings:

img/p38_6.jpg


Now select the layer below the current and add this motion blur:

img/p38_7.jpg


As you can see, only the angle has changed, everything else remains the same. If you've done everything right, you should end up with stars like these:

img/p38_8.jpg


Now you have a black layer with the simple stars and 3 layers with our advanced stars. Select the 3 topmost layers and merge them together (CTRL+E). Now create a new layer between your simple and advanced stars layer and fill it with black:

img/p38_9.jpg


Now only the advanced stars are visible, but it's OK: we'll change it later. Select the topmost layer and press CTRL+E to merge it with the black layer. We've done this so that we could apply levels to the stars. So press CTRL+L and play with levels until you sharpen the stars a little. Here's my settings:

img/p38_10.jpg


Now select the top layer, set its blending mode to screen and press CTRL+E to merge it down. Once again we are left with only one layer of stars that look something like the ones below:

img/p38_11.jpg


That's the basics for the starry sky, now let's get to a more difficult part.

Part 2 - The nebula

To create gas clouds, we will need a couple of custom brushes and this is not something i can tell you how to do. You will never achieve the same results as i will so don't try! This will be a completely random process, that depends on your taste. I will only provide some pointers on what i've done, because it's pointless to write exactly what i've done: it's impossible to repeat anyway. Let's create the brushes first and then i'll walk you through what i did to make the clouds. Press on the picture below to open the cloud brushes tutorial and, following the instructions, create clouds brush # 1 and clouds brush # 2 if you haven't done that yet.

img/tut_cloud_brushes.jpg


After this unpleasant and uncreative work is done, we can start painting our nebula :) Create three layers and name them white, blue and red. We will draw clouds in 3 different colors. As you'll see later, we don't really need those colors so it doesn't really matter much what colors you'll use, because what we're trying to achieve here is different color intensities. Here's how i've drawn the clouds: i've done that with the clouds 1 brush in 3 movements for each color, clicking on the left side of the document and releasing the mouse on the right:

img/p38_18.jpg


Remember to draw each "line" on a separate layer. When you're done, merge the 3 layers together. That's what i got:

img/p38_19.jpg


Doesn't look anything like we need right now, but we'll change that. As you can see, the white part of the clouds looks pretty good and real so you can use this brush in your other projects. OK, let's continue. Next thing i've done is desaturated the clouds by pressing CTRL+SHIFT+U. Next i've increased the contrast with curves (CTRL+M). I've created an s-curve that looks like this:

img/p38_20.jpg


If you don't know what curves and levels are, please refer to my basic photo postprocessing tutorial. So after applying the curves, i had something like this:

img/p38_21.jpg


I've decreased the opacity of the clouds to about 40%. Then, on a new layer, i took a white 30% opaque clouds 2 brush and started painting in the highlights. Then i changed the brush tool to the dodge tool and started dodging the highlights with the same clouds 2 preset and an exposure of about 20%. Then i switched to the burn tool to add some shadows. Here's what i had so after doing this:

img/p38_22.jpg


Then i've added some color with the hue-saturation filter (CTRL+U):

img/p38_23.jpg


So i've given the clouds some color and so far we have a pretty dramatic view. It's good if you want to emphasize the clouds, but if you need all of this just as a neutral background - that won't do very well. To make it more neutral, i've added a mask on the clouds layer and masked some parts of it, using my clouds brushes. If you don't know how to mask the layer, refer to my non destructive deletion with layer masks tutorial. After masking the clouds, i dodged some parts once again and finally came up with this result:

img/p38_24.jpg


So there you have it - a starry sky with some gas clouds. A good background for your space scene.

Article written by: Marius S.
This article is an intellectual property of its respective author. All images, used here are property of tip-kit.com if not stated otherwise.
Share this article
Digg del.icio.us Facebook Furl Google Reddit Slashdot StumbleUpon Technorati
How easy was it to understand? Was it useful?










Leave a reply
Your name:

Message:

Confirmation code
Please enter the above code:
ChenM says:
Time-consuming, but very effective. nice work:)
2009-06-30 04:42:45 (GMT)
Mark says:
certain aspects of this tutorial are very obscure
2009-07-02 00:11:31 (GMT)
Anonymous says:
this tutorial is uslles, when i do a new layer and if i change the background it will change the first layer too so i am stuck at 3 picture alredy omfg!
2009-07-03 13:20:29 (GMT)
Marius S. says:
It's too bad you can't follow it. Anyway, the tutorial works and if you're impatient enough to get stuck on the third picture and not notice the solution later - then hate the player, not the game.
2009-07-04 00:44:57 (GMT)
dan says:
ok after ihit the CTR L and slide everything perfect, i get a ton more stars, but the tutorial does not show how to fix it or what to do withit. im lost. thanks fo ran incomplete tutorial.
2009-07-05 01:34:36 (GMT)
Marius S. says:
Could you quote the part where you get stuck and explain what happens in detail? CTRL+L should be used to get less, not more stars, drag the left slider to the right until you get as few stars as you need and then the right slider to the left to increase their intensity. I can't be more helpful at the time, because i don't really understand the problem you're facing: the tutorial should work fine, otherwise there would be a lot more complaints, wouldn't there?
If you need more help, please explain the problem in more detail and quote exactly the parts of the tutorial you're stuck in.
2009-07-05 06:57:38 (GMT)
nuuraj says:
Hi. Actually im stuck at the 2nd pic. I tried playing with the levels but could not achieve ur result.(I dont get even a single star, really) Anyways, is the number 51 or 61 in ur Levels config? Thnx..
2009-07-28 12:30:57 (GMT)
Marius S. says:
Hello, nuuraj

The number in the second picture is 51. If you don't get a single star, zoom in to a 100% (maybe photoshop's just not displaying them). When you use levels, first drag the right slider to the left. This will increase the total white point so you'll get lots of white. And then drag the left slider to the right to decrease the white bit by bit. You don't have to do this, but it would be easier to visualize. Anyway, the thing's been tested lots of times and it should work fine.

Good luck.
2009-07-28 13:59:20 (GMT)
Sooz says:
I really enjoyed making this, and found it fairly easy!
The only part that didn't really work for me was the Hue/Saturation bit at the end, but I corrected it with a simple overlay for the sake of time lol.

I used the graphic as a Twitter background using:
http://psdsession.com/2009/07/twitter-background/
And my Twitter is here:
http://twitter.com/kyndredspyryt

Thank you!! :D
2009-08-03 20:19:53 (GMT)
Marius S. says:
No problem :) Glad you liked and found a practical use for it ;]
2009-08-03 20:57:37 (GMT)
Rayner says:
Hi,
I'm stuck after the s-curve. I don't understand how you get from the merged layer of white,blue red to the results. I don't thing I'm getting the right result with the dodge and burn tools, please assist. Thanks
2009-11-23 15:17:46 (GMT)
Paul says:
Hey i have been this problem in all space tutorials can you please help me?

somehow after i alter the levels it looks perfect in the preview but once i click ok it goes right back to how to was and doesnt stick. is there a different setting that im on, i found other people who have the same problems on other tutorials. why wont the levels stick to the add noise filter???
2010-01-18 00:27:00 (GMT)
Marius S. says:
Hi Paul,

Unfortunately i can't help you with that, though i'm aware of this problem, because i've had it myself once. The problem seems to appear when something is done wrong, but i'm not sure what. I simply added the noise filter once again with slightly different settings and i was able to edit levels again. Try using exactly the same settings for noise and level filters as in this tutorial. If that doesn't work as well - then i'm out of ideas.
2010-01-18 20:29:07 (GMT)
zhen says:
Hi.
When I do CTRL+L on the noisy black layer I see the result as a preview, but after pressing OK I can't get what I've seen as the preview. It works when I add a correction layer Levels to the black background, but after merging visible I again can't get the needed result. What can be wrong with my actions?
2010-03-23 08:27:33 (GMT)
Copyright © 2009 Tip-Kit.Com | Valid XHTML 1.0 | Powered By Isis | RSS