Blending fashion image with Photoshop CS5 custom shapes

June 7th, 2010 by ART-D Posted in Adobe Photoshop, Photo Editing

Make a copy of the layer with the girl on it and apply the Free Transform (Ctrl+T) command to place the layer the same way as below:

Blending fashion image with Photoshop CS5 custom shapes
Let’s create a clipping mask to make the content of the layer containing the girl only visible within the content of the triangle layer. Hold down Alt (Windows) or Option (Mac OS) and click between layer with girl and the layer with triangle shape (on the Layers panel).

Blending fashion image with Photoshop CS5 custom shapes
We’ve got the next result:

Blending fashion image with Photoshop CS5 custom shapes
Continue representing the triangles, applying the Custom Shape Tool (U).

Blending fashion image with Photoshop CS5 custom shapes
Next we’ll try to draw multiple shapes in a layer. Select again the Custom Shape Tool (U) in the Tools bar, in the Options bar click the Shape to open the selection menu. Find Triangle shape at the bottom of the menu, and then double-click a shape thumbnail to select it. Click and drag to draw a triangle of #A43535 color. Select Exclude overlapping shape areas option from Options bar, press SHIFT button and drag to draw another triangle in the same layer as shown. Set the Blending mode for this layer to Substract (its new feature in Photoshop CS5, the Subtract blending mode. You can watch a video about New blending modes in Photoshop CS5).

Blending fashion image with Photoshop CS5 custom shapes
Using the describe method draw another custom shape as shown.

Blending fashion image with Photoshop CS5 custom shapes
Make a copy of the last made layer and apply the Free Transform (Ctrl+T) command to turn over the copy’s layer to get the same image as below and select also the next Blending Mode for this layer.

Blending fashion image with Photoshop CS5 custom shapes
Make one more copy of the triangles’ layer and choose the Free Transform (Ctrl+T) command to place the copy the same way demonstrated below and set the Blending mode to Divide for this layer (its new feature in Photoshop CS5, the Divide blending mode).

Blending fashion image with Photoshop CS5 custom shapes
Make a copy of the last made layer and apply the Free Transform (Ctrl+T) command to move the copy’s layer as it is indicated below:

Blending fashion image with Photoshop CS5 custom shapes
Make one more copy of the triangles’ layer and use the Free Transform (Ctrl+T) command to turn over the copy’s layer, getting the same result as below. We have to change also the Bending Mode to Substract.

Blending fashion image with Photoshop CS5 custom shapes
Using the Custom Shape Tool (U), let’s draw more triangles.

Blending fashion image with Photoshop CS5 custom shapes
Make three copies of the last made layer and apply the Free Transform (Ctrl+T) command to place the copies as it is shown below:

Blending fashion image with Photoshop CS5 custom shapes
Next we have to apply the same method of drawing the multiple triangles in a layer to represent a couple of ellipses. Select Ellipse Tool (U) and draw the first ellipse. Click the Exclude overlapping shape areas in Options bar, press SHIFT button and drag to draw another ellipse in the same layer as shown.

Blending fashion image with Photoshop CS5 custom shapes
Make a copy of the last made layer and choose the Free Transform (Ctrl+T) command to turn the copy’s layer.

Blending fashion image with Photoshop CS5 custom shapes
Use again the Custom Shape Tool (U) to represent other triangles.

Blending fashion image with Photoshop CS5 custom shapes
Click and drag to draw the triangle shape. The color and Blending mode for this layer are indicated in the next picture.

Blending fashion image with Photoshop CS5 custom shapes
Make a copy of the last represented layer. Use Free Transform (Ctrl+T) command to place the shape as shown.

Blending fashion image with Photoshop CS5 custom shapes
Let’s represent now multiple triangles in a layer again. Use Custom Shape Tool (U) to represent the first triangle. Click the Exclude overlapping shape areas in Options bar, press SHIFT button and drag to draw another triangle in the same layer as shown.

Blending fashion image with Photoshop CS5 custom shapes
Make a copy of the last made layer and select the Free Transform (Ctrl+T) command to change the size and placement of the copy.

Blending fashion image with Photoshop CS5 custom shapes
Let’s draw another couple of triangles, using the Custom Shape Tool (U).

Blending fashion image with Photoshop CS5 custom shapes
Draw the next triangle shape with the Custom Shape Tool (U). Set Fill to 63% and change the Blending mode to Hard Light for this layer.

Blending fashion image with Photoshop CS5 custom shapes
Using the Ellipse tool (U), we’ll represent more ellipses. The ellipses colors and Blending mode are indicated in the next picture.

Blending fashion image with Photoshop CS5 custom shapes
Finally add the last ellipses as shown.

Blending fashion image with Photoshop CS5 custom shapes

Blending fashion image with Photoshop CS5 custom shapes
Finished!

View full size here.

Download free Layered PSD file.

  •  

  •    
  •  

 

Post Pages: 1 2

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

  • car-carlos

    07/06/2010

    muy bueno te quedo excelente uno de los mejores trabajo que as echo asta ahora!

    chau

  • anonymus

    08/06/2010

    awesome!!

  • THE ONE

    13/06/2010

    Beautiful tutorial i have learnt a lot about cs5 from this tut. Here is my try at it, http://farm5.static.flickr.com/4070/4694407338_5d1d61c864_b.jpg

  • Kristie

    16/06/2010

    Very enjoyable tutorial. Thanks!

    Here’s my version:

    http://s299.photobucket.com/albums/mm284/kristie-cam/?action=view&current=FashionandShapes.jpg

  • photo editor

    21/06/2010

    Damn, she’s hotties little thing I had ever seen. Not bad work also :P

  • Ahmad

    04/07/2010

    Wow this awesome ,i will follow it and bookmark this pages.

  • PsdDude

    06/07/2010

    Interesting final result!

  • deden

    20/07/2010

    wooooww beautyful… very nice.. thank you…

  • Nelly

    25/08/2010

    Wow Fantastic Result!
    Would love to try this tutorial but… Is this at all do-able in CS3?

  • peter

    13/10/2010

    charming girl haha

  • Photoshop shapes

    25/12/2010

    Thank you for great tutorial. Using of shapes become very popular nowdays, but several years ago we only used brushes.

  • Winter Technology

    26/06/2011

    Love this Tutorial…i’m going to try right now!

  • Ellsworth Mcclelland

    01/08/2011

    I am incessantly thought about this, regards for posting.

  • ANdrea Adelheid

    13/08/2011

    Great tutorial.. thanks.. :)

  • Reza

    05/12/2011

    this very amazing tutorial ! thx man :)