How to create Abstract Starfield Background in Photoshop CS5

March 6th, 2011 by ART-D Posted in Adobe Photoshop, Designing

   

In the following Quick Tip tutorial you will learn how to mix different shapes, brushes and blending modes in Photoshop CS5 to create awesome space scene. Layered PSD file included. Let’s get started!

Final Image Preview

How to create Abstract Starfield Background in Photoshop CS5

Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS5 with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Use the Paint Bucket Tool (G) to fill with black color the new background layer.

How to create Abstract Starfield Background in Photoshop CS5

Using the Rectangle Tool (U), we can represent a rectangle of the color #3C65FF and then apply the Free Transform (Ctrl+T) command to incline the rectangle the same way demonstrated below.

How to create Abstract Starfield Background in Photoshop CS5

Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color.

How to create Abstract Starfield Background in Photoshop CS5

Use this brush to paint in the mask to hide the edges of the rectangle as shown:

How to create Abstract Starfield Background in Photoshop CS5

This way we can represent the next rectangle of the color #5390FF.

How to create Abstract Starfield Background in Photoshop CS5

Now we have to hide the rectangle edges the same way we did with the previous one.

How to create Abstract Starfield Background in Photoshop CS5

Make a copy of the recently made layer and remove the mask of the layer’s copy, create a new mask and select the Soft Round brush of black color.

How to create Abstract Starfield Background in Photoshop CS5

Paint in the mask to hide the rectangle edges as shown. Choose then the Free Transform (Ctrl+T) command to place the copy’s layer as on the next picture.

How to create Abstract Starfield Background in Photoshop CS5

Next we have to insert several rectangles of the color #2572FF. Set Fill to 50% for several copies.

How to create Abstract Starfield Background in Photoshop CS5

Next we’ll insert a rectangle of the color #3C65FF. Add on the same layer the mask.

How to create Abstract Starfield Background in Photoshop CS5

Hide the rectangle edges the same way described above using Soft Round brush of black color.

How to create Abstract Starfield Background in Photoshop CS5

Using the same Rectangle Tool (U), we have to represent a rectangle of the color #2572FF, the edges must be hided in the mask with a black brush.

How to create Abstract Starfield Background in Photoshop CS5

Set Fill to 72% for this layer.

How to create Abstract Starfield Background in Photoshop CS5

Make a copy of the recently made layer with the rectangle on it and select the Free Transform (Ctrl+T) command to change the copies’ sizes, placing them as below.

How to create Abstract Starfield Background in Photoshop CS5

We’ve got the next result:

How to create Abstract Starfield Background in Photoshop CS5

Create a new layer and select the Soft Round brush and black color, set Opacity to 20% in Options bar. Use this brush to paint the canvas edges as shown.

How to create Abstract Starfield Background in Photoshop CS5

On the next new layer we’ll create a selection, using the Rectangular Marquee Tool (M) and then use the Soft Round brush of white color to paint inside the selection to add some white spots as shown. The brush should be of bigger diameter.

How to create Abstract Starfield Background in Photoshop CS5

Then press Ctrl+D to remove the selection and use a brush of smaller size to paint along the rectangles as shown.

How to create Abstract Starfield Background in Photoshop CS5

Set the Blending mode for this layer to Overlay.

How to create Abstract Starfield Background in Photoshop CS5

Now create a new layer and select on it the Soft Round brush of white color.

How to create Abstract Starfield Background in Photoshop CS5

Use this brush to add several white spots on the canvas.

How to create Abstract Starfield Background in Photoshop CS5

  •  

  •    
  •  

 

Post Pages: 1 2

Tags: , , , , , , , , , , , , ,

  • ania

    06/03/2011

    nieraz ciekawsze było, ale spoko to jest i tak xDD

  • mubarak alnamani

    06/03/2011

    Thank you so much for these wonderful lessons

  • Kerrie

    07/03/2011

    Thank you

  • Andy

    07/03/2011

    Wow :)

  • tirath

    08/03/2011

    Awesome tutorial
    thanks so much for Amazing tutorial
    You make Photoshop more Interesting
    Keep up good work
    God Bless :-)

  • Jay

    10/03/2011

    thanks a lot
    to share this.

    keep it up.
    Wow

  • Smirs

    26/04/2011

    Hi dear friend! Thank you!

  • Rencho

    06/05/2011

    thank you my best friend …………..

  • Brett Widmann

    13/05/2011

    This was an awesome tutorial! I love how mine turned out.

  • Only Tutorials

    26/06/2011

    Great tutorial. Easy to follow and with great results.

  • Agus Nugroho

    13/09/2011

    Simple but sure, thanks for this tut

  • abu bakar siddique

    18/12/2011

    This is fine tutorials, it’s helpful for new designer,
    thanks a lot

  • kankuro

    15/01/2012

    this is great tutorial very lucky to find this site very easy tutorial other tutorials ive search is very hard to understand that you cant even follow them

  • milez

    20/06/2012

    Hey what about the last bit, the stars are not there yet only white spots?

  • Pouya

    21/11/2012

    Very nice! :-D

  • Nilanjana dasgupta

    15/02/2014

    This tutorial is useful and easy for us……thanks a lot. Awesome