How to create abstract hyperspace poster using Photoshop

May 10th, 2010 by ART-D Posted in Adobe Photoshop, Photo Editing

   

Today we’ve got a really nice and simple tutorial demonstrating how to create hyperspace photo manipulation using Photoshop shapes, brushes, clouds filter and Blending modes. Layered PSD file included.

Final Image Preview

How to create abstract hyperspace poster using Adobe Photoshop CS4
Create a new document (Ctrl+N) in Adobe Photoshop with the size 800px by 1024px (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 hyperspace poster using Adobe Photoshop CS4
Find a stock photo with a model represented on it, I used this photo from deviantart. I would like to thank the author of this photo. Remove the background using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract and insert it on a new layer in our main document. The girl’s sizes may be changed with Free Transform (Ctrl+T) command.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Create a new layer and select the Soft Round brush.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Use this brush to paint the background behind the girl’s legs with this color – #25709F.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Use now the Pen Tool (P) to represent a shape which must be placed lower than the girl’s layer. Set the drawing mode on Shape Layers in Options bar and draw the next shape as shown. Fill = 0% for this layer.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Next we have to represent a new layer again and use here also the Soft Round brush to paint the edges of the shape.

How to create abstract hyperspace poster using Adobe Photoshop CS4
The brush’s color is shown on the picture:

How to create abstract hyperspace poster using Adobe Photoshop CS4
Let’s create a clipping mask to make the content of the layer containing the brushes only visible within the content of the layer containing the shape. Hold down Alt (Windows) or Option (Mac OS) and click between layer with brushes and the layer with shape (on the Layers panel).

How to create abstract hyperspace poster using Adobe Photoshop CS4
We’ve got the next result:

How to create abstract hyperspace poster using Adobe Photoshop CS4
Now we have to make a copy of the layer containing the shape (change the Fill value on the copy on 100%). Use after that the Direct Selection Tool (A) to make smaller the copy’s layer by moving the anchor points of the shape. Create then a new layer above the copy’s layer of the shape and choose the same Soft Round brush to paint the shape’s edges.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Press Alt button and click between the brush’s layers and the shape’s copy layer (on the Layers panel) to create a clipping mask.

How to create abstract hyperspace poster using Adobe Photoshop CS4
We’ve got the next result:

How to create abstract hyperspace poster using Adobe Photoshop CS4
Press D to return the Foreground and Background color to default black and white.
Now we have to create a new layer again and choose on it Filter>Render>Clouds. Place the layer under the girl’s layer.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Click on the same layer on the bottom part of the Layers panel on Add layer mask icon and select the Soft Round brush of black color (Opacity 15%)

How to create abstract hyperspace poster using Adobe Photoshop CS4
Use this brush to paint in the mask to hide the clouds background around the girl.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Click Add a layer style icon from bottom part of the Layers panel to add Color Overlay for the made layer:

How to create abstract hyperspace poster using Adobe Photoshop CS4
We’ve got the next result:

How to create abstract hyperspace poster using Adobe Photoshop CS4
Set the Opacity to 80% for this layer.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Click Create new fill or adjustment layer from bottom part of the Layers panel and select Curves to adjust the curve shape as shown to make a little color corrections.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Place the layer under the girl’s one.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Choose now the Rectangle Tool (U) to represent a rectangle. Place the layer under the girl’s one.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Set Fill to 0% for this layer and click Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay:

How to create abstract hyperspace poster using Adobe Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to create abstract hyperspace poster using Adobe Photoshop CS4
We’ve got the next result:

How to create abstract hyperspace poster using Adobe Photoshop CS4
Click on the same layer on the bottom part of the Layers panel on Add layer mask icon and select the Soft Round brush of black color (Opacity 10%)

How to create abstract hyperspace poster using Adobe Photoshop CS4
Use this brush to paint in the mask to hide the rectangle edges.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Make two copies of the layer containing the rectangle and place the copies the same way demonstrated next picture. Change the Gradient Overlay settings for the copy’s layer on the left side.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to create abstract hyperspace poster using Adobe Photoshop CS4
We’ve got the next result:

How to create abstract hyperspace poster using Adobe Photoshop CS4
Now we have to select the Pen Tool (P) to represent a shape of black color and place the layer under the layer containing the girl (drawing mode is set on Shape layers in Options bar).

How to create abstract hyperspace poster using Adobe Photoshop CS4
Click Add a layer style icon from bottom part of the Layers panel to select Drop Shadow:

How to create abstract hyperspace poster using Adobe Photoshop CS4
We’ve got the next result:

How to create abstract hyperspace poster using Adobe Photoshop CS4
Create a new layer and select the Soft Round brush of the color #FF00E3 (Opacity 20%).

How to create abstract hyperspace poster using Adobe Photoshop CS4
Use this brush to paint the edge of the black shape:

How to create abstract hyperspace poster using Adobe Photoshop CS4
Press Alt button and click between the layers on the Layers panel to create a clipping mask.

How to create abstract hyperspace poster using Adobe Photoshop CS4
We’ve got the next result:

How to create abstract hyperspace poster using Adobe Photoshop CS4
Create a new layer and select the Soft Mechanical brush of black color.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Use this brush to paint the other side of the black shape.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Next we must choose the Rectangle Tool (U) to draw a rectangle which may be inclined with Free Transform (Ctrl+T) command. Place the layer also lower than the girl’s layer.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Set Fill to 0% for this layer and click Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay:

How to create abstract hyperspace poster using Adobe Photoshop CS4
Open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to create abstract hyperspace poster using Adobe Photoshop CS4
We’ve got the next result:

How to create abstract hyperspace poster using Adobe Photoshop CS4
Make a copy of the last made layer and choose the same Free Transform (Ctrl+T) command to incline the copy’s layer, applying for it also different Gradient Overlay settings:

How to create abstract hyperspace poster using Adobe Photoshop CS4
Set Fill to 0% for this layer and click Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay:

How to create abstract hyperspace poster using Adobe Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to create abstract hyperspace poster using Adobe Photoshop CS4
We’ve got the next result:

How to create abstract hyperspace poster using Adobe Photoshop CS4
Make one more copy of the rectangle’s layer and choose the Free Transform (Ctrl+T) command to incline also the copy’s layer.

How to create abstract hyperspace poster using Adobe Photoshop CS4

How to create abstract hyperspace poster using Adobe Photoshop CS4
Press D to return the Foreground and Background color to default black and white.
Create a new layer again and choose for it the Filter>Render>Clouds. Place this layer lower than the girl’s one.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Now click on the same layer on the bottom part of the Layers panel on Add layer mask icon and select the Soft Round brush of black color (Opacity 15%).

How to create abstract hyperspace poster using Adobe Photoshop CS4
Use this brush to paint in the mask to hide the clouds background around the girl.

How to create abstract hyperspace poster using Adobe Photoshop CS4
Set the Blending mode to Overlay for this layer.

How to create abstract hyperspace poster using Adobe Photoshop CS4

  •  

  •    
  •  

 

Post Pages: 1 2

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

  • Ibrahim

    10/05/2010

    It’s cool, thanks.

  • rikcan

    12/05/2010

    great……!

  • THEONE

    12/05/2010

    Really nice tut, thanks for your kindness

  • Attiq

    21/05/2010

    Thanks for a great tut. I appreciate you for this. I am learning adobe photoshop and this is great opportunity for leaner. I will be back shortly.
    And I have a question. Can I contact your personally??

    Thanks

  • Mahmudul

    17/06/2010

    Horrible

  • photo editor

    21/06/2010

    80′ ? 90′ ? Laser style effect yeah :P

  • maruf

    04/07/2010

    this is a amazing tutorial thx

  • shirelly

    14/07/2010

    yes,it is really very beautiful.i like it!

  • xbatak

    17/07/2010

    Kicking…. Thx!!!

  • deden

    20/07/2010

    it’s very coolll thank you..

  • Alex

    20/07/2010

    Thanks for the tutorial!

  • fresh business cards

    26/07/2010

    I really like this effekt

  • 9633a

    21/10/2010

    Thanks for the tutorial,Have time to try

  • Peter

    29/01/2011

    I have a problem. How can I put a color on the upper layer of the shape layer, when the Fill of the shape layer is set 0%??? Please Help!!!!!!!!!

  • Ross

    30/01/2011

    im with peter on this one same thigs happening with me :(

  • Peter

    07/02/2011

    I guess it’s a mistake in tutorial, Fill of the shape layer must be set to 100%