How to Create a Colorful Photo Manipulation in Photoshop

December 14th, 2009 by ART-D Posted in Adobe Photoshop, Designing, Photo Editing

   

In this tutorial I will show you how I created a colorful photo manipulation using Photoshop brushes, different adjustment layers, and more. Let’s get started!

Final Image Preview

How to Create a Colorful Photo Manipulation in Photoshop CS4

Create a new document (Ctrl+N) in Adobe Photoshop with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Select then the Paint Bucket Tool (G) to fill the new background layer with #EBF4F3 color.

How to Create a Colorful Photo Manipulation in Photoshop CS4
Then choose the Rectangle Tool (U) to draw a rectangle, like the next one:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Set Fill to 0% for this layer in Layers panel:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Select Add a layer style from bottom part of the Layers panel and click to Gradient Overlay:

How to Create a Colorful Photo Manipulation in 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 a Colorful Photo Manipulation in Photoshop CS4
We’ve got the next floor:

How to Create a Colorful Photo Manipulation in 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:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Remove the background using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract. Make a copy of this layer (Ctrl+J), click the visibility button on this copy, we’ll need this layer later:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Click on the bottom part of the Layers’ panel on the next icon Create new fill or adjustment layer and select Levels to make some color corrections

How to Create a Colorful Photo Manipulation in Photoshop CS4
Raise the contrast of the picture:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Put the mouse cursor between the layers and hold on the Alt button while clicking on the left button. The top layer will be transformed into a mask:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Next we’ll add another adjustment layer. Click on the bottom part of the Layers’ panel on the Create new fill or adjustment layer and select Hue/Saturation:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Reduce the color saturation:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Transform it into a mask too. Click on this layer on the Layers’ panel, select the mask and using a brush from the Brush Tool (B) of black color paint the opened zones (skin) on the girl’s body:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Add another adjustment layer. Click on the bottom part of the Layers’ panel on the Create new fill or adjustment layer and select Curves:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Set the options for raising the contrast. Paint the body’s zones in the mask too and a little on the girl’s clothes, only on those places with a high contrast.

How to Create a Colorful Photo Manipulation in Photoshop CS4
This is the result we should get:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Make the girl’s reflection on the floor. Let’s activate the copy of the girl’s layer and turn it around, applying Free Transform (Ctrl+T). Choose the Eraser Tool (E) to erase the same places demonstrated below:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Then select a Soft Round brush of black color with the Opacity of 20% and represent a shadow on a new layer:

How to Create a Colorful Photo Manipulation in Photoshop CS4
The brush’s settings:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Create a new layer, representing here the shadow around the girl. Choose the same options applied before for the Soft Round brush, but enlarge the brush’s size, using the button ].

How to Create a Colorful Photo Manipulation in Photoshop CS4
Create a new layer select a Soft Round brush and insert here a spot of the color #6DCFF6. Opacity20%.

How to Create a Colorful Photo Manipulation in Photoshop CS4
Create a new file with the size 500px by 500px (RGB color mode) at a resolution of 72 pixels/inch. Select the Soft Round brush of black color and set the next shown options for it:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Let’s put a brushstroke, like the next one:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Then choose Filter>Pixelate>Color halftone and set the next demonstrated settings:

How to Create a Colorful Photo Manipulation in Photoshop CS4
It’s the result we’ll get on this stage:

How to Create a Colorful Photo Manipulation in Photoshop CS4
Select this layer and place it on a new layer on our basic document, changing the Blending Mode to Darker Color and set Fill to 40%.

How to Create a Colorful Photo Manipulation in Photoshop CS4

How to Create a Colorful Photo Manipulation in Photoshop CS4

  •  

  •    
  •  

 

Post Pages: 1 2

Tags: , , , , ,

  • Abrar

    18/12/2009

    please tel me how to apply this code#EBF4F3?

  • !important

    21/12/2009

    Hi, this is fine, basic composite tutorial, but with one major flaw. The girl reflection is not set correctly. It looks like she is standing on her toes, but instead with entire foot.

  • TheWebTuts

    27/12/2009

    Tutorial added to thewebtuts.com

  • shin thant

    27/01/2010

    very thank

    very good turtorial

  • aryan

    29/01/2010

    nice! very usefull

  • mustapha usman

    10/02/2010

    i like d design keep it up

  • Moe Nassar

    11/02/2010

    This Tutorial is Fantastic and easy, i really liked it, i had fun doing it,

  • JB

    26/02/2010

    Im trying to do this tutorial, I cant get the floor to work… Can anyone help??

  • Beatrice

    26/02/2010

    Fantastic tutorial! I don’t have PS so I did it in GIMP, worked perfect ^-^ Beautiful pic!

  • Nishan

    11/03/2010

    Fantastic! Very very useful tutorials.

  • maryam

    13/03/2010

    Was really good
    Thanks

  • nafis

    13/03/2010

    very thank

  • 7pop.net

    18/03/2010

    Thats’ cool! thanks for sharing

  • ibil

    09/04/2010

    hmm… i seem to have problems.

    1) the levels layer when pressing alt+mouse. i don’t have a mask in the same layer as my girl pic.

    2) my curves, of which i followed the rgb lines, seemed to have a brighter contrast effect on my girl image.

    i don’t know if the version of PS (i’m using cs4 PS) has an effect on the brightness or the layers and stuff.

    besides these problems this tutorial still helped me a lot!
    i finished the image ,though a little brighter than the original xp

  • 17ps8

    05/05/2010

    i like it very much i have done it

  • jun ADANZA

    29/05/2010

    hey nice design!… =)

  • Al Kamal Md. Razib

    29/05/2010

    Thanks. Good work !

  • Subhash Khatri

    04/06/2010

    Very Nice, Thanks for share…GOOD LUCK!

  • Mohammad

    04/07/2010

    nise. very very good

  • รับทำเว็บไซต์

    10/08/2010

    Awesome tutorial as I ever seen.

  • รับทำเว็บไซต์

    17/08/2010

    very good turtorial

  • idjy

    26/08/2010

    so nice, so strong

  • Nasser

    06/09/2010

    Thanks for great photoshops
    Good Luck.

  • gagamo

    19/09/2010

    Very nice tutorial thanks for sharing I done it and it’s awesome. good luck

  • รับทำเว็บไซต์

    07/03/2011

    It’s so good tutorial , This article very nice ! so I love it

  • mk

    08/03/2011

    thank you! good tutorial!

  • SEO

    19/03/2011

    wow !! thank you for share…

  • โมนาวี

    13/05/2011

    I will try create this follow you.

  • เพลงใหม่

    22/05/2011

    very nice thank

  • kena boo

    31/05/2011

    hey i like this website

  • Zeedan

    15/08/2011

    Cool Stuff!!

  • Chetan hemke

    14/05/2012

    Good…..aaaa very not much but good……

  • azeem

    07/09/2012

    what a beautiful work
    thank you very much
    will you make web templates in photoshop please

  • duxair

    11/09/2012

    your alll tutorial is
    superbbbbbbbbbbbbbbbbbbbbbbbbbbbb

  • aman longi

    19/02/2013

    thanx