Blog.SpoonGraphics

Create a Trendy Galactic Poster Design in Photoshop

Read the article

This post was originally published in 2009
The tips and techniques explained may be outdated.

Galactic space scenes are a popular theme for digital art, they’re packed full of texture and vibrant colour, which are two ingredients of an awesome design! Using Photoshop’s blending modes along with a mix of textures and brushes, let’s get lost in space and create an abstract cosmos poster design.

Galactic poster design

Open up Photoshop and create a new document. Depending on your overall aims, you might want to specify dimensions for a printed poster, otherwise a 72dpi document is perfect for on-screen use. Fill the background with a dark grey.

Grab a couple of source images of smoke clouds, these particular images are courtesy of Shutterstock (1)(2). Paste the images into the document and position to flow diagonally across the design. Change the blending modes to Screen and drop the opacity to around 15%.

On a new layer, dab three bright colours with a large soft brush. Pink, turquoise and purple work well together.

Change the blending mode of the colour spots to Overlay to allow the colours to cast over the underlying textures.

On a new layer, change the colour swatches to their default black and white settings (D). Then go to Filter > Render > Clouds. Change the blending mode to Overlay and tone down to 65% opacity.

Fill a new layer with black, then go to Filter > Noise > Add Noise. Select an amount of around 10%, with the Gaussian and Monochromatic options selected. Change the blending mode to Screen and adjust the Levels (CMD+L) black and white points to create a field of distant stars. Create a Layer Mask and dab areas with a large soft brush to add variance to their intensity, making some brighter than others.

Download this handy collection of Star Brushes, then set up your brush settings in Photoshop as follows. Select a star brush from the pack and turn down the size, also adjust the spacing to 1000%. Under the Shape Dynamics tab, change the Size Jitter to full and Minimum Diameter to 0%. Under the Scattering tab, change the Scatter to full.

Paint in a variety of stars to fill out the space scene, adjust the brush size between strokes to give a wider range of sizes. Give the star layer an Outer Glow of a light blue, then add a Layer Mask to adjust the intensity of the stars.

Grab the Type tool and create a simple typographic layout. Here I’m using the words Chemical Imbalance, with a fat slab-serif font (Geometric Slab-Serif). The tracking is tightened and leading shortened to spice it up.

Add a Layer Mask to the type layer, then go to Filter > Render > Clouds to erase out random areas of the text.

Duplicate the layer, then add a Gaussian Blur of around 6px. Change the blending mode to Overlay.

Add another clouds rendering to this layer’s mask to erase out different areas of the text. Use a normal soft brush to also manual erase out specific areas of the text layers.

On a new layer, paint in a range of white spots with the Brush tool. Changing these to Overlay will give intense areas of light.

Continue to paint in more dabs of colour, this time spots of yellow around the text.

Add a layer mask to the yellow spots, then add a rendering of clouds to give a textured appearance.

Change the blending mode to Color Dodge to blend the colour spots into the design as casts of vibrant colour.

Paint a spot of pink, then change the blending mode to Dissolve. Add a Radial Blur of around 60% using the Zoom setting.

Merge this pink spot with a new blank layer (CMD+E) to reset the blending mode back to Normal, then change the mode to Color Dodge. Change the Opacity to around 60% to tone down the effect.

On a new layer, draw a spot of white using a soft brush. Grab the mask tool and delete away half of the circle.

Press CMD+T to transform the semi-circle, then stretch and squash it into a cast of light. Rotate it by 45% (hold Shift) and move into position on the design.

Press the ALT key and move copies into various places on the design. Overlap a few casts to give the impression of streaks across the whole design.

Change the blending mode to Overlay to allow the white to interact with the underlying colours.

Galactic poster design

Sit back and cast your eye over the design, make any tweaks to the opacity of layers or tone down areas with brush strokes to the layer mask to erase out areas taking too much prominence.

Download the source file

Join the mailing list and receive my design resources bundle FREE!

Join the mailing list to have every new post hand delivered to your email inbox. Every subscriber gets a FREE bundle of 40+ icons, vectors, brushes & textures!

87 Comments

  1. chris says:

    First article i read this morning and i think itt´ll be the best today ;)

    Thanx nice one!

  2. Mackas says:

    U R the greatest!

  3. Zachi says:

    Great design. Thanks for sharing! Will definitely use it.

  4. lipelip says:

    Very nice thanks for sharing!

  5. Kubi says:

    I always wonder how to do those light streaks, now I know. Thanx Chris!

  6. Once more an amazing tutorial.
    I love it!

  7. Tebe says:

    I like the way you dealt with the lightning streaks in the end. Overall another great tutorial!

  8. Now that, is pretty damn epic.

  9. Nicely explained, love the outcome! Be good to see this as a screencast.

  10. Keith says:

    Oooh, can’t wait to try that out :)

  11. erivex says:

    that’s a great TUT i’ll try it now

  12. Bim says:

    nice tut Chris. so simple and great outcome.

  13. Thank you for the useful tutorial.

  14. An excellent, fun tutorial – many thanks.

  15. ryan says:

    awesome!
    way to ruin James White’s career!

    LOL i kid, i kid!

  16. Another great tutorial – keep ‘em coming!
    Thanks

  17. Sty*Lisch says:

    Very N·I·C·E!

    The Colours are great..

  18. Great stuff, really love the outcome!

  19. Nice photoshop skills! I’ll be trying this out later :D

  20. Matt says:

    Great post as usual, Chris. Two thumbs up!

  21. niraj says:

    that is cool how will u think about that type of work

  22. Gorre F says:

    This design is good for Party flyers

  23. Wow! Brilliant work! Thanks for sharing this tut. Cheers

  24. Jose says:

    Simple and to the point. I’ve always wanted to know how to do those lines. Thanks!!! Can’t wait to figure out the other one.

  25. Amazing tutorial , I love it
    Thanks

  26. Mark says:

    Very nice tutorial, I have done something similar before. Though I might try this tutorial out.

    Check out http://www.knrdesigns.com

    Keep up the good work!

  27. Jake S. says:

    fun tutorial! im gonna do the blackberry ad one later today

  28. tashi says:

    hi once again,

    well i just tried your imbalance tutorial..back 2 back..

    n the results were awesome…

    you r my guru my inspiration..thank you so much..

    keep them coming..please!!

  29. Brian says:

    It looks like a great tutorial except you have to pay to get the smoke cloud pictures from shutterstock, so I didn’t do it.

  30. prabhakaran says:

    great design ya.. very very good look

  31. Awesome use of colors … Thanks for sharing with us :)

  32. pboong says:

    wonderful tutorial! Clear and very understanding! Terrific!

  33. hossein says:

    Thank you for great tutorial

  34. kaduma says:

    Very very nice illustration, thank you for the tutorial!

  35. Nokadota says:

    This is pretty cool Chris! Thanks for the tutorial.

  36. angela says:

    none of the blending options results are the same as yours. i realized i was set up in CMYK. is that what’s causing the problem for me? thanks!

    • angela says:

      to answer my own question, most of the problems were due to being in CMYK mode instead of RGB. though in doing it again, i still had a couple issues. maybe because i used different cloud images.

  37. ZaN says:

    ok i tried to download the smoke but it says i need to pay for it whats with that >.>

  38. purwokerto says:

    its great info,thanks for sharing.

  39. Woow :|
    Amazing, thank you so much!
    I Love futuristic/retro design :D

  40. battica says:

    ..just worked through this tutorial.. really really cool!
    I’ve picked up a few new photoshop tricks.. and also have an awesome new desktop piccie.. :D thanks!!!

  41. Vikas says:

    My name is Vikas.I read in class 5 in D.A.V.school.My address is b-103 Ashirwad apartment,exhibition road,behind abdulhai complex.Patna-800001.Bihar
    My uncle and father are owner of Comman Service center that called-Sahaj vasudha kendra.Sometime we need to work on photoshop.We don’t know how to work on photoshop.I will be greatfull to you if you will teach me how to work on photoshop.So please send me the imformation from which i can learn to work on photoshop.

  42. Hieu says:

    I’m stuck on the section where you start to add white and yellow to the text, specifically to get that vibrant color and sharpness around the text.

    Do you paint it spot directly onto the text layer, or do you do it on a new layer? This part is really messing me up.

  43. Bianca says:

    I really like this, especially the idea of using clouds as a mask, way clever.

  44. arun says:

    Exellent piece of work

  45. great tutorial, i wish when i try it the result will be the same!

  46. Nikki says:

    I’m stuck at the part where you add noise to create far stars… my levels adjustments won’t stick…. I can preview it as I move the sliders around, but when I press okay it goes back to the uniform gray noise. Whats up with this, is it because I have my document in 300dpi?

  47. Jacques says:

    Amazing tutorial dude!! I love it!! :D

  48. Hiro10X says:

    I must not be doing something right… Might is doing nothing of what this tutorial is showing me…

  49. I like the artwork, however, in my opinion its ruined by the last 4 steps.

  50. Jay says:

    ummmmmmmmaaahhhh!!!!

    sorry, if that’s embarrasing!! ;)

    just couldnt stopt it!! i was trying to get that kinda effect since long time… and here it is…

  51. blane says:

    dude this is awesome

  52. m* says:

    very nice tutorial,
    nice blog-site…

  53. silent art says:

    wow , that’s wonderful . I’m so happy to find your website & thanks.

  54. Matthew Paterson says:

    Nice tutorial for the effects. But as a written tutorial it can be quite difficult to follow. More explanation at certain points would be helpful, basically I think every step needs a blow-by-blow process. And not only say ‘do this’ but explain what it does and why. This is a tutorial after all. Good work though.

Comments are now closed