58683 Subscribers

Blog.SpoonGraphics

Create a Trendy Galactic Poster Design in Photoshop

Read the article

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

Written by Chris Spooner

Chris Spooner is a designer who has a love for creativity and enjoys experimenting with various techniques in both print and web. Follow Chris' daily design links on Twitter, and be sure to check out his second blog over at Line25.com.

Download the eBook guide to setting up your online portfolio

63 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!

Comments are now closed