Photoshop Retro_Lights_and_Lazers_Wallpaper_Preview

Published on March 4th, 2013 | by Adrien | Supercolor

22

Create a Retro Spaceman in Lights and Lazers Wallpaper in Photoshop

Enjoy this Post! Please Help spread the word and Share it!

 

In this Tutorial, we’ll learn how to create a Retro Lights and Lazers wallpaper in Photoshop with vibrant colours and light effects, using filters like the Gaussian and Radial Blur filters also using a few Adjustments Layers, Stock Images and Textures.

Download

Final Preview

Resources Needed for this Tutorial:

- Free Photoshop Stars Patterns Pack 1
- Spaceman Stock Image

Step 1 – THE New Document and Background

Open up Photoshop and create a new document, use your screen resolution for the size, I used 2560x1440px with a Transparent background. Fill this background layer with a dark colour, #1E1E1E, go to Edit – Fill – Color and add this dark colour and rename this layer “Background 1“.

Add a Gradient Overlay Layer Style on this background layer going from #13121E to #030303 with those parameters:

Create a new layer, rename it “Background 2“, Fill it with White, add a Gradient Overlay Layer Style on this layer going from #DB2B7A to #9B2599 with those parameters:

Place this layer in a new group, rename this group “Background 2“, change the Blending Mode of this group to Overlay.

Step 2 – Stars Patterns Background

In this step we’ll add a few Stars Pattern Fill layers on this background to give a nice space effect, previously I’ve released a Photoshop Stars Patterns Pack with some nice stars patterns, download this pattern pack, load those patterns in Photoshop, then create a Pattern Fill layer, Layer – New Fill Layer – Pattern and select one of the Stars Pattern.

Change the Blending Mode of this Pattern Fill layer to Color Dodge.

Create 3 more Pattern Fill Layer with the other Stars Patterns and Color Dodge for the Blending Mode.

Let’s add a little blur on these stars, duplicate one of the Pattern Fill layers with a Star Pattern, apply a Motion Blur Filter, Filter – Blur – Motion Blur on this duplicated pattern fill layer with a 25px Distance and a 0° angle, place this layer under all the other stars patterns, change its Fill to 50%. Place all the layers we created in this step in a New Group, rename this group “Stars“.

Step 3 – Retro Light Lines

Let’s now create those cool light lines in on the whole wallpaper, this process will take a little time. We’ll create lines one colour at a time, I started with a green colour, select the Line Tool (U) and create 4 or 5 lines joining at the bottom center of the canvas.

Let’s add a little effects on the those lines, select one of the lines and add those Layer Styles on it:

Copy this layer styles on the other green lines, to do this, right click on the line layer with the layer styles, select Copy Layer Style, then select the other lines without layer style, right click and select Paste Layer Style. Place all the lines layers in a New Group, name it “Light Green“.

Repeat the same process to create a lot of other lines, using different colours, also use different colours in the layer styles, if your using a purple colour for a line, use purple colours in the layer styles.

Place all those line colour groups in a New Group, rename the group “Light Lasers” and change its Fill to 75%.

Select the “Light Lasers” group and press Ctrl+Alt+E keys at the same time. This will create a new layer with all the line layers merged inside, rename this layer “Light Lasers Color Dodge“, change the Fill of this layer to 25%. Place this layer in a New Group also named “Light Lasers Color Dodge” and change its Blending Mode to Color Dodge.

Step 4 – Colours and Blur Lines

Create a new layer, select the Brush Tool (B) with a big soft rounded brush with a size around 2000px, select a purple colour and paint on the top of the canvas

Create a new layer, paint on the bottom part of the canvas with a blue colour with the same brush.

Create a new layer, paint on the bottom right part of the canvas with a yellow colour with the same brush. Select and Merge those 3 colour layers (Ctrl+E) then apply a Gaussian Blur filter, Filter – Blur – Gaussian Blur with a 600px radius. Change the Fill of this layer to 35% and its Blending Mode to Screen.

Duplicate the Light Lasers group (Ctrl+Alt+E), place the new merged layer on top of the others. Use the Free Transform Tool (Ctrl+T) to flip it Horizontally, to do this right click on the selection and select Flip Horizontal.

Apply a Gaussian Blur filter on this layer with a 30px radius, change the Fill of this layer to 75%. Place this layer in a New Group then change the Blending Mode of this group to Linear Dodge (Add).

Step 5 – Spaceman

In this step we’ll add the spaceman in the wallpaper, you can find the cut out spaceman in a png file in the Resources Needed section at the top of the tutorial. download this image, open it in Photoshop and drag it into our document. Use the Free Transform Tool (Ctrl+T) to rotate and resize the spaceman and place it the bottom center of the canvas.

Add a Black an White Adjustment Layer, Layer – New Adjustment Layer – Black and White, with those Parameters:

Change the Fill of this Adjustment layer to 50% and create a Clipping Mask, Layer – Create Clipping Mask.

Create a new layer, select the Brush Tool (B) with a soft rounded brush and black for the colour and paint on the helmet. Create a clipping mask from this layer.

Create a Gradient Map Adjustment Layer, Layer – New Adjustment Layer – Gradient Map, with those going from #AA009B – #F5F847 and those Parameters:

Create a clipping mask from this adjustment layer and change its Opacity to 30%.

Create a new layer, create a clipping mask from this layer, select the Brush Tool (B) with a 50% opacity, a soft rounded brush, and black for the colour and paint on the edges of the spaceman on this new layer.

Add a Gradient Overlay layer style on this layer with those parameters:

Select all the layers we created in this step, press Ctrl+Alt+E, to create a new layer with all those layers merged together. Add an Exposure Adjustment, Image – Adjustments – Exposure with those parameters:

Desaturate this layer, Image – Adjustments – Desaturate then change the Blending Mode of this layer to Luminosity and its Fill to 35%.

Make a selection of the Spaceman, to do this, right click on the thumbnail on the spaceman layer – Select Pixels. create a new layer, fill this selection with white.

Apply a Radial Blur filter on this white shape layer with an Amount of 100, Zoom for the Blur Method. Change the Blending Mode to Overlay and its Fill to 50%.

Select all the layers we created in this step and press Ctrl+Alt+E, apple an High Pass filter on this new layer, with 5px radius. Change the Blending Mode of this layer to Overlay. Place all the layers we created in this step in a New Group, then hide this group so we can work on the background.

Step 6 – Highlights on Background

Let’s add a few highlights on the background, create a new layer, select the Brush Tool (B) with a big soft rounded brush and white for the colour and paint with the soft part of the brush on the bottom part of the canvas.

Create a new layer, paint in the middle bottom part of the canvas with the Brush Tool (B). Place those two layer in a new group, rename the group “Back Highlights“, change its Blending Mode to Color Dodge.

Step 7 – Light Lines on Helmet

In this step we’ll add a reflection of the light lines on the helmet, select the Light Lasers group with all the lines, press Ctrl+Alt+E to create a new merge layer, place this layer on top of the others, use the Free Transform Tool (Ctrl+T) to flip it Vertically, right click on the selection and select Flip Vertical,

Then use the same Free Transorm Tool (Ctrl+T) to flip it Horizontally and downsize these lines 50%.

Use the Liquify Filter, Filter – Liquify on those shapes with a 1000px brush size and use the Pucker Tool (S) in the center of the shapes to curve them like below:

Create a Layer Mask on this layer, Layer – Layer Mask – Reveal All, select the Brush Tool (B) with a soft rounded brush and black for the colour, make sure the Layer Mask is selected and paint around the glass on the helmet to hide the lines around the helmet.

Change the Blending Mode to Lighten and its Fill to 70%.

Step 8 – Stars and Lights on Helmet

Let’s had a few stars and light reflections on the helmet, download one of the stars textures image from the Free Photoshop Stars Patterns Pack 1 post, open it in Photoshop and drag it into our document. Resize it using the Free Transform Tool (Ctrl+T) and place it in front of the helmet.

Create a blank Layer Mask on the star texture layer, Layer – Layer Mask – Reveal All, use the Brush Tool (B) with black for the colour and paint on the layer mask to hide the parts of the texture around the helmet. Change the Blending Mode to Screen

Create a new layer, fill it with black, then create a lens flare using the Lens Flare Filter, Filter – Render – Lens Flare, with a 100% Brightness and a 105mm Prime.

Resize the lens flare using the Free Transform Tool (Ctrl+T), place it on the helmet, change its Blending Mode to Color Dodge.

Step 9 – Highlights

Create a few small white circles using the Ellipse Tool (U), Merge all those circle layers, apply a Gaussian Blur Filter with a 5px radius. Place this circle layer in a new group, change the Blending Mode of this group to Color Dodge and rename this group “Front Highlights“.

Create a new layer, select the Brush Tool (B) with a small soft rounded brush with a 25% opacity and white for the colour. paint on the some parts of the spaceman to highlight them. place this layer in the “Front Highlights” group.

Create a new layer again, select the Brush Tool with a big soft rounded brush and 25% opacity and paint all over the canvas to highlight those parts. Place this layer in the “Front Highlights” group.

Step 10 – Highlights, Noise and Texture

We’ll now hide a few parts of the line lights we created in the background, create a blank Layer Mask on the “Light Lasers” group, select the Brush Tool (B) with a soft rounded brush and black for the colour and start painting on the Layer Mask to hide some parts of those lines, Repeat the same process on the “Light Lasers Color Dodge” layer.

Select all the layers we’ve created so far and press Ctrl+Alt+E, select the new merged layer, apply a Gaussian Blur Filter on it with a 20px radius. Change its Blending Mode to Hue and its Fill to 50%. Create a blank Layer Mask on this layer, use the Brush Tool to hide the parts of this layer on the helmet.

Create a new layer, Fill it with black, add some noise on this layer, Filter – Noise – Add Noise with 30% Amount, Gaussian for the Distribution and Monochromatic. Change the Blending Mode to Hue and its Fill to 25%.

If you want to add a more retro feel on this wallpaper you can use a cardboard texture, drag a cardboard texture into your wallpaper document and change its Blending Mode to Overlay.

That’s it for this Tutorial, I hope you’ve enjoyed creating this cool wallpaper tutorial with lots of lights effects, you can use those techniques on any other retro or light effect projects, feel free to download the Source Files if you need help.

Download

Enjoyed this Post? Please Help spread the word and Share it!


About the Author

Hi, I'm a designer and the creator of supercolortuts.com, I like to share Tips and Techniques in Photoshop and Illustrator. Check out my Portfolio at supercolorstudio.com or my Prints shop supercolor.bigcartel.com



22 Responses to Create a Retro Spaceman in Lights and Lazers Wallpaper in Photoshop

  1. Pingback: Create a Retro Spaceman in Lights and Lazers Wallpaper in Photoshop | News | Design Blog

  2. Pingback: Create a Retro Spaceman in Lights and Lazers Wallpaper in Photoshop | Design News

  3. Zara says:

    very good work. thanks

  4. Pingback: Create a Retro Spaceman in Lights and Lazers Wallpaper in PhotoshopreADactor | reADactor

  5. It really is a very useful tutorial. Thanks for sharing.

  6. Pingback: Create a retro space scene with lights and laser beams in Photoshop | Photoshop Roadmap

  7. Pingback: Designlobe » The Best Photoshop Tutorials Published in March 2013

  8. Pingback: Tutoriais Photoshop para melhorar suas habilidades de design – Site para Empresas – Blog sobre Internet e Criação de Site

  9. Pingback: Photoshop Tutorials – Help to Improve Your Graphic Designing Skills | Tutorials | Design Magazine

  10. Pingback: 30 Best Adobe Photoshop Tutorials Released in 2013

  11. Pingback: Photoshop Tutorials Roundup July 2013 | PSD Box

  12. Pingback: 特典:2013酷炫PS教程大集合

  13. Pingback: 特典:2013酷炫PS教程大集合 | 易资讯

  14. Pingback: Weekly Web Roundup Vol. 13 | PSDchat

  15. Matt says:

    Great tutorial so far! I’m really excited to get it finished. I am just struggling to figure out how exactly I create a new layer and fill the selection with white after choosing the spaceman pixels (right before the blurring effect is used). Sorry if this is a no-brainer, but I just can’t seem to figure out the exact steps.

  16. Pingback: Weekly Web Roundup Vol. 13

  17. Pingback: 2013酷炫PS教程大集合 | 老顽童博客 | 关注前端设计和开发的一个2B青年

  18. Pingback: 100 Most Popular Photoshop Tutorials of 2013Photoshop Website - Tutorials,Brushes & more..

  19. Pingback: Die 75 besten Photoshop-Tutorials des Jahres 2013 | kleingedruckt.net/blog

  20. Creative wallpaper design in photoshop I’m very impress about this tutorial. Thanks for sharing this tutorial with us.

  21. Pingback: 15+ Brand New Photoshop Tutorials to Learn |Design Bump

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Back to Top ↑

Follow Us and Subscribe!

”Tweeter” ”Facebook” ”RSS” ”Dribbble”