written by: Andrew Houle  /  stashed in: Photo Manipulation  /  07.22.08

Here’s a look at what we will be creating

Every Photoshop tutorial writer should have a space explosion effect in their arsenal. It’s kind of like a right of passage. This is my interpretation of a space scene. The fun part about working with a space scene, is that you can let your imagination go crazy. Please use this tutorial as a guide, but don’t feel limited by it. It’s by experimenting and playing with your own techniques that you’ll learn the most, and create something unique.

What you will need

You will need Photoshop and some images to complete this tutorial. The four images I’ve used can be downloaded here. Three of them, will be used to add depth and interest to the background, and one is the space ship itself. Feel free to download the ones I used, or substitute some that you find.

Step 1

Bring up Photoshop and create a document to the size you’d like. Make sure to set the color to RGB mode. We will start by making the stars. Fill the background with black

Step 2

Add some noise. Click Filter-Noise-Add Noise. Change the amount to 400% and the distribution to gaussian.

Noise

Step 3

Blur the stars a little, click Filter-Blur-Gaussian Blur. Change the radius to .6px.

Step 4

Add a levels adjustment layer. Click Layer-New Adjustments Layer-Levels. Drag the black slider to the right until you have a number of stars that you like. The benefit of using an adjustment layer, is that it is non-destructive and you can go in and change it later on.

Step 5

Add a new layer. Click Layer-New-Layer. Call it something like ‘Red Clouds’. Change your foreground color to a red (I used #a71c28) and the background color to black. Click Filter-Render-Clouds.

Step 6

Lets hide some of these clouds with a layer mask. Click Layer-Layer Mask-Reveal All. Click on the gradient tool and set up a black to white radial gradient (drag from the top right area to the bottom left area) to reveal the stars underneath around the edges. Drop the opacity to 90%.

Step 7

The key to getting the illusion of depth and colors in Photoshop is using lots of layers. We are going to use two more cloud layers to help us. Add a new layer, call it ‘Blue Clouds. Change the foreground color to a bright blue and render some more clouds (you can use shortcut ‘ctrl, f’ to repeat the last filter). Add a layer mask and make the same kind of radial gradient mask as we used in the last step. Change the blend mode to hard light and the opacity to 70%.

Step 8

Add the last cloud layer, call this one ‘Purple Clouds’. Render some purple clouds. This time make the mask gradient go from top left to bottom right. Change the blend mode to hard light and keep the opacity at 100%.

Step 9

Next up, I wanted to add more interest to the background so I grabbed a lighting effect image. If you downloaded the images at the beginning of this tutorial, open up the one that’s named ‘Blue Lights’. Place the image on the top layer. Resize it and move it the the top right area.

Step 10

Click Image->Adjustments->Desaturate (keyboard shortcut, ctrl, shift, u). Change the blend mode to overlay and the opacity to 40%.

Blue Light Overlay

Step 11

Open up the image named ‘Flames’. Place it on a new layer at the top of the layers palette. Position the flames on the right side of the canvas. Change the blend mode to overlay. Add a layer mask, and change your foreground color to black. Grab a round soft brush at around 50% opacity and begin painting away some of the flames. This is a bit tedious, but try to make it blend nicely, keep it subtle.

Step 12

Open up and place the image called ‘Space Debris’ on the top layer. Resize it to fit just over the size of the canvas. Press ‘ctrl, shift, u’ to desaturate it. Add a layer mask and mask a black to white radial gradient from the top right area to the bottom left, just like the clouds. Change the blend mode to color dodge and the opacity to 70%.

Step 13

Open up the image called ‘Space Craft’. Extract the space craft from it’s background, using some combination of the lasso, magic wand, pen tool, etc. There are numerous ways to do this. If you are not familiar with any, check out this tutorial. Once the background is gone, place the image on the top layer of your document, rename it ‘Space Craft’. Resize and position it like below.

Step 14

Create a new layer at the top and call it ‘Exhaust 1′. Change your foreground color to white and grab the brush tool. Change the settings to a round soft 30px brush. Click and drag a stroke from the top circle exhaust, just like the image below. If you are like me and can’t draw a straight line, then hold down shift as you drag, and use a free transform to rotate it into place afterward.

Exhaust 1

Step 15

Double click next to the layer name to bring up the layer styles window. Add a color overlay of 70% opacity and #f4d0c6 for the color. For the outer glow change the blend mode to color dodge, the opacity to 90%, the color to #ff65ca, the noise to 10, the size to 51 and the range to 63%. This will give our exhaust a nice glow.

Step 16

Grab the smudge tool (shortcut ‘r’ on the keyboard). Set the opacity to around 20% and make the brush soft and 60px. Click towards the end of the exhuast and drag to smudge it.

Step 17

Add a layer mask and use a black to white linear gradient to mask a little of the end of the exhaust streak.

Step 18

Copy the first exhaust streak and place a new one into it’s own layer and position it on the other pipe, then do it again for the third pipe.

Step 19

I dropped the opacity slightly on the streaks that were further away and re-did the gradient layer mask to help with depth. Also grab the eraser tool (shortcut ‘e’) and go in and erase some of the exhaust trail that covers the pipe to help with realism.

Step 20

What’s the fun of a space scene if you don’t add a lens flare? Add a new layer to the top and fill it with black. Then click Filter-Render-Lens Flare. Move it to the top right and use 77 for the brightness and 50-300mm zoom for the type. Change the blend mode of the layer to lighten and the opacity to 95%.

Step 21

I added a levels adjustment layer to the top in order to help with contrast. I also put in a little sci-fi type; and here is my finished product.

That’s a wrap!

I hope you’ve enjoyed this tutorial! These scenes are fun to create; Photoshop lends itself beautifully to this type of work. So experiment and have some fun. If you have any comments, suggestions, or come up with a cool variation, send me a comment using the form below.

About the Author

Andrew is the originator and primary contributer for this blog. He is a web and graphic designer with a passion for helping aspiring designers develop their skills.

Visit Andrew's Website

Sharing is Caring

If this post was helpful to you, please consider sharing it with others, it's a great way of saying thanks.

Related Posts:

Join the discussion!

21 responses so far.

  1. adelle
    July 22, 2008

    Nice tut Andrew!

  2. Mchilly
    July 23, 2008

    Great tutorial, like it :-)

  3. Andrew Houle
    July 24, 2008

    Thanks, I couldn’t help but do a space scene!

  4. suz
    July 31, 2008

    What a fantastic effect, thanks

  5. TwoFace.
    August 16, 2008

    cool cool!

  6. I saw the work.It is really informative………

    Regards,
    GRAPHICS@SBL

  7. Chris
    August 20, 2008

    I’ll try, thx for this great tutorial!

  8. Simon SC
    August 26, 2008

    Good luck with the expected traffic influx :)

    Great tutorial, I really enjoyed it, especially the commentary

    Simon SC’s last post was… Tasker Updated to v1.4

  9. tenget
    September 17, 2008

    thanks!!!

  10. posh
    September 25, 2008

    i’ve tried doing this with my own version…thanks! I enjoyed it although mine’s not as good as yours..hehe :)

  11. Andrew Houle
    September 25, 2008

    @posh Cool, glad you liked it. You should consider submitting your design to MyInkBlog Flickr group, I’d love to see it!

  12. cool
    October 26, 2008

    cool tutorial

  13. angel
    December 21, 2008

    fantastic tut

  14. Hethra
    March 17, 2009

    Andrew, this is awesome. To me the space scene you created at the start looks great but the space ship sort of ruins it. What would look cool is the space scene without the ship and the cloud layer blue instead of purple. These are just suggestions. All in all, I think this is a great tutorial and keep up the good work!

  15. A really nice result. Learnt some nice tips and effects on the way!

  16. CgBaran Tuts
    March 29, 2009

    I love space scenes:) Thank you for this tutorial

  17. korean
    April 7, 2009

    thankS!

  18. sating949
    August 8, 2009

    so far so perfect

  19. Fuad Ahasan Chowdhury
    August 23, 2009

    Thanks for the share.. going to tweet this. :)

  20. 赵胜燕
    September 6, 2009

    Very Cool

  21. Photo Retoucher
    November 6, 2009

    good tutorial, Andrew

Leave a Reply