Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Blending fashion image with Photoshop CS5 custom shapes

In this tutorial, you’ll learn how to transform fashion photography into abstract illustration by mixed some custom shapes and applying different Blending modes using Adobe Photoshop CS5. Layered PSD file included. Let’s get started!

Final Image Preview

Blending fashion image with Photoshop CS5 custom shapes

Inspired from XXIV artwork by Fregezechen.

Create a new document (Ctrl+N) in Adobe Photoshop CS5 with the size 800px by 1280px (RGB color mode) at a resolution of 72 pixels/inch. Create a new layer and click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay.

Blending fashion image with Photoshop CS5 custom shapes
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.

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

Blending fashion image with Photoshop CS5 custom shapes
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:

Blending fashion image with Photoshop CS5 custom shapes
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.

Blending fashion image with Photoshop CS5 custom shapes
Select 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.

Blending fashion image with Photoshop CS5 custom shapes
Click and drag to draw several triangles, which sizes and placements may be changed with Free Transform (Ctrl+T) command. Place the layers under the girl’s layer. The shape color, Fill value and Blending Mode for each layer are showing in the next picture.

Blending fashion image with Photoshop CS5 custom shapes
Draw another shape.

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

Blending fashion image with Photoshop CS5 custom shapes
Next we have to select the Ellipse Tool (U) and draw a small ellipse of the color #C2C2C0 (Fill 18%). Place the layer under the girl’s one.

Blending fashion image with Photoshop CS5 custom shapes
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 (set Opacity to 30% in the Options bar).

Blending fashion image with Photoshop CS5 custom shapes
Use this brush to paint in the mask to hide the bottom part of the ellipse as shown.

Blending fashion image with Photoshop CS5 custom shapes
Use again the Custom Shape Tool (U) to draw a triangle shape of the color #EEE7B0. Set Fill to 50% for this layer and change the Blending mode to Lighten. Place the layer under the girl’s one.

Blending fashion image with Photoshop CS5 custom shapes
Make a copy of the last made layer and use the Free Transform (Ctrl+T) command to move it to the left. Set Fill to 20% for this layer and change the Blending mode to Overlay.

Blending fashion image with Photoshop CS5 custom shapes
Make a copy of the earlier made ellipse and remove the mask of the copy. Select the Free Transform (Ctrl+T) command to enlarge the copy of the ellipse the same way demonstrated below:

Blending fashion image with Photoshop CS5 custom shapes
Insert the mask on the ellipse’s copy (Add layer mask) and choose the Soft Round brush of black color (set Opacity to 20% in the Options bar).

Blending fashion image with Photoshop CS5 custom shapes
Use this brush to paint in the mask to make darker the ellipse’s edges.

Blending fashion image with Photoshop CS5 custom shapes
Create a new layer and use the Soft Round brush on it, changing its Master Diameter and Opacity value to represent many dots.

Blending fashion image with Photoshop CS5 custom shapes
The brush’s colors are #006B7F and #746F69. Place this layer under the girl’s layer.

Blending fashion image with Photoshop CS5 custom shapes
Let’s represent now a new layer above the girl’s one. Using the Paint Bucket Tool (G), try to fill the layer with #E0E3D2 color.

Blending fashion image with Photoshop CS5 custom shapes
Set Fill to 50% for this layer and change the Blending mode to Hue.

Blending fashion image with Photoshop CS5 custom shapes
Let’s create a clipping mask to make the content of the layer containing the #E0E3D2 color only visible within the content of the layer containing the girl. Hold down Alt (Windows) or Option (Mac OS) and click between layer with #E0E3D2 color and the layer with girl (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
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.

Blending fashion image with Photoshop CS5 custom shapes
Click and drag to draw a triangle of white color.

Blending fashion image with Photoshop CS5 custom shapes

 

Page: 1 2

Comments