Create a cosmic scene in 20 easy steps

At the end of this tutorial you will learn how to create stars in space, shades of light (not necessarily in space) and some shapes with a “space” feeling. This tutorial wants to help you learn different techniques and encourage you to play with your settings and other techniques involved in the creative process. Here’s how to create a cosmic scene in 20 easy steps.

Final image:

22final1 Create a cosmic scene in 20 easy steps

Creating the space effect


Step 1.

Create a new layer by going to File->New. I used a document of 1000×1000 px at 72 dpi (screen res), in RGB mode, you can enter whatever dimensions you like, it’s your space.

Step2.

Fill the layer with black.

Step3.

Duplicate the background layer by pressing CTRL+J when the background layer is selected.

1 Create a cosmic scene in 20 easy steps

Now it’s time to create the stars

Step4.

Having the background copy layer selected, go to  Filter-> Noise -> Add Noise with the following settings: Amount 30%, Gaussian Distribution and with the Monochromatic box checked. Hit OK and you will get a noisy image. Don’t worry, that’s what we’re looking for.

2 Create a cosmic scene in 20 easy steps

3 Create a cosmic scene in 20 easy steps

To get our image to look like a spacey star field, we have to bring in the blacks, to cover a big part of all the white dots.

Step5.

So, go to Image-> Adjustments->Levels. The leves dialogue will pop-up and there we’ll have to push the blacks in, as i mentioned earlier. Depending on your image size and the amount of noise you have added, dial the blacks just as much as your eye likes.

4 Create a cosmic scene in 20 easy steps

5 Create a cosmic scene in 20 easy steps

Step6.

Soften the stars a bit by going to Filter->Blur->Blur More. The stars! There theyare!

Creating the nebulas

Download the stormy fractal brushes from brusheezy. Now load the brushes. To do this, select the brush tool (B) and go to the brush drop down menu, and select load brushes. Select the newly downloaded brush (stormy9.abr) and click Load.

Step 7.

Create a new layer (CTRL+SHIFT+N). In this layer we will paint in the nebulas, or something like that.

NOTE! Create a new layer for each shape!

Step8.

Having the brushes loaded, bring up the brushes window, (F5 or Window-Brushes) then select some stormy brushes and paint a circular form, or whatever form you like best for your final image.

81 Create a cosmic scene in 20 easy steps

9 Create a cosmic scene in 20 easy steps

The color you’re using while drawing the shapes is not important, because we we color them later with layer styles.

Step9.

Now that you’re finished with the nebula painting stuff, let’s give them some color. I decided to use layer styles for this, so double click the nebulas layer and applygradient overlay using vibrant colors. Now apply an outer glow with low opacity and that’s it for the coloring part.

10 Create a cosmic scene in 20 easy steps

11 Create a cosmic scene in 20 easy steps

Step10.

Select the shape with more interest in the composition of the image, duplicate it (CTRL+J) and apply a radial blur. To do this go to Filter->Blur->Radial Blur

I used the Zoom blurring method, best quality and an amount of 20.

12 Create a cosmic scene in 20 easy steps

Shades of light

Step11.

Create a new layer for the lights. To do this press the create new layer icon on the bottom right of your layers palette, or press CTRL+SHIFT+N.  Now move the layer on top of the stars layer.

Step12.

To create the shades, we need some clouds to blur, so hold ALT and Go to Filter->Render->Clouds with the default colors inverted (foreground black, background white). You’re probably wondering why you had to hold ALT for this step. Well, by holding ALT the effect of the filter you apply is stronger than normal.

13 Create a cosmic scene in 20 easy steps

Step13.

Now apply a strong motion blur. Go to Filter->Blur->Motion Blur and give it a big and strong motion blur.

I used an agle of -45 and a distance of 999 pixels (maximum)

14 Create a cosmic scene in 20 easy steps

Step14.

Having the light layer selected, change the blending mode from Normal to Hard Light.

15 Create a cosmic scene in 20 easy steps

Step15.

Giving color to the shades of light. There are numerous ways to do this, i chose Color Balance.

Go to Image->Adjustments->Color Balance, and dial in the settings as you preffer.

16 Create a cosmic scene in 20 easy steps

If you think there’s too much light in there (definetly s), just go ahead and brush away the excess.

Step 16.

Grab the eraser tool (E), set the hardness to 0% (right click on the image with the brush selected) and start erasing. You can use a lower opacity for better effects.

17 Create a cosmic scene in 20 easy steps

Adding text

Step17.

Create a new layer for the text. CTRL+SHIFT+N or click the create new layer icon from the bottom right of the layers palette.

Step18.

Grab the type tool (T) and type in some text. I used the Abstract typeface, this is available at on www.designious.com along with other 12 good-looking typefaces.

18 Create a cosmic scene in 20 easy steps

Step19.

Set the layer blending mode from Normal to Overlay

Step20.

Apply layer styles to the text. I used the following settings:

19 Create a cosmic scene in 20 easy steps

20 Create a cosmic scene in 20 easy steps

I cropped the image for final preview so it has a bit more consistency in the composition.

Final image preview:

22final Create a cosmic scene in 20 easy steps

One more thing, before we end this. I want to say that this tutorial is meant to get your hand and mouse to exercise, like every other tutorial for that matter. Probably you’ve heard or read this before, but: you can always improve your design by playing with the different settings. Do it! Don’t just stand there!  The most important part is to experiment and find new techniques that can improve your design and make it better for you, or the client…or both!

Cheers!

Twitter Digg Delicious Stumbleupon Technorati Facebook Email
  • mark
    It looks awesome. Keep them coming!
  • Really nice.
  • Michael
    I like it a lllloootttt. Keep up the good work.
  • Looks great! I am learning so much about photoshop from all the fun tutorials i find on blog sites. Thanks for adding more to the collection and expanding my knowledge.
  • Nice Tutorial. I will try it!
  • this really rocks! HAHAHA very good you did a great job bro! hahaha
  • Christopher
    Wow, looks great. Can you do it without prerendered brushes?

    Yeah... I thought so...
  • Super work, thanks for the tutorial, I will play around with it.
  • Mean Robot
    Thanks. Also tried this one and mine turned out pretty. I'm excited. Thanks again.
  • cadu
    Awesome mannn.. Keep up the good work!!!
blog comments powered by Disqus