Step 1
Open your model picture. You can use your own image if you can’t download this image from Photoxpress. I crop this picture to make a better effect (for this tutorial purpose). Hit C to active this tool and grab a square around the part you want to take then hit one button to complete this action.
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy1.jpg)
Step 2
Press W to active Magic Wand Tool with settings below. Use Magic Wand Tool to click inside white background of this picture :
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy2a.jpg)
Hit Cmd/Ctrl+Shift+I to inverse this selection and we have selection for model:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy2b.jpg)
Right click this selection, choose Layer via Copy and we have a new layer with extracted model. Name this layer as “model”:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy2d.jpg)
Step 3
Duplicate model layer we have “model copy”. Go to Filter-Blur-Gassian Blur and set radius as 1,5 px (it depends on the sharpness of your photo):
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy3a.jpg)
Add layer mask and use soft black brush with opacity and flow about 50% to make some parts of model more visible:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy3b.jpg)
Step 4
I want to change color of model so I use a Curves layer. Choose Layer-New adjustment layer-Curves:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy4b.jpg)
Step 5
I use a Hue/Saturation layer to reduce red and magenta tone of model:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy5b.jpg)
Step 6
Hit Cmd/Ctr/Shift+N to make a new layer. Choose Edit-Fill with color #605a4b:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy6a.jpg)
Lower opacity of this layer to 30%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy6b.jpg)
Make a new layer fill again but with color #043157 and opacity 40%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy6c.jpg)
It’s only my favorite color choice and you’re free to make color you like.
Step 7
In this step we will make a glass window effect. Create a new layer with method used above. Set foreground and background color to white ( #ffffff) and #3a4755.
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy7.jpg)
Go to Filter-Render-Clouds:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy7a.jpg)
We have :
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy7b.jpg)
Choose Filter-Distort-Glass:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy7d.jpg)
Change the mode to Soft light 80%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy7e.jpg)
Add layer mask and use soft black brush with opacity and flow 40% to blur glass effect on model face, hands:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy7f.jpg)
Step 8
In some next steps I’ll show you how to make realistic rain drops. Make a new layer on the top and set foreground color to white. Hit B to active Brush tool, choose size with 3 px then press F5 to make settings of this brush as shown below:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy8.jpg)
Use brush to paint over the picture:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy8a.jpg)
Name it “small drops”. Right click this layer, choose Blending Options:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy8c.jpg)
Lower opacity of this layer to 50%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy8d.jpg)
Step 9
Create a new layer and use white brush with same settings but increase brush size to 9px. Paint on the pic as shown below:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy9.jpg)
Apply layer style like in step 8 but add more Drop Shadow effect:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy9a.jpg)
Change opacity to 30%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy9b.jpg)
Step 10
To make rain traces on window, I use white brush with changed settings:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy10.jpg)
Make some random traces on window:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy10a.jpg)
Apply same layer style done in previous step ( Drop Shadow, Inner Shadow, Bevel and Emboss) but set opacity to 20%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy10b.jpg)
Step 11
The model hands pulsing the window so them need to be clearer, darker, more visible. Come back to model layer, make selection for model hands as shown below ( don’t need to be so precise with these selections):
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy11.jpg)
Copy them into a new layer ( right click, choose Layer via Copy like we did in step 2) and place this layer on the top. Call it “hands”:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy11a.jpg)
Lower opacity to 10% and use layer mask to hide the edges of them:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy11b.jpg)
Step 12
Click Filter-Distort-Ripple:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy12a.jpg)
Then Filter-Stylize-Diffuse:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy12c.jpg)
Step 13
Choose a Hue/Saturation layer above hands layer with Clipping Mask options:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy13.jpg)
Down the lightness to -100:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy13b.jpg)
Step 14
To darken the hands more, I use a new layer (non-Clipping Mask) and brush with color #3a4755. Paint on right hand with brush 100% opacity and 30% for the left (as it’s darker than the right already). Put the mode as Soft light 50%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy14.jpg)
Step 15
To change the light of picture, I use Gradient layer. Make a layer and hit G to choose Gradient Tool (with default color : black and white) with settings below:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy15.jpg)
Drag a line from bottom right to top left:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy15a.jpg)
Change the mode to Soft light 100%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy15b.jpg)
Step 16
To change color and contrast of picture, I add a Curves layer:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy16a.jpg)
Step 17
I use a Gradient Map layer:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy17a.jpg)
Set the mode of this Gradient Map layer to Soft light 100%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy17b.jpg)
Step 18
To increase a bit contrast, I use Brightness/Contrast:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy18a.jpg)
This step is optional.
Final Result
Open your model picture. You can use your own image if you can’t download this image from Photoxpress. I crop this picture to make a better effect (for this tutorial purpose). Hit C to active this tool and grab a square around the part you want to take then hit one button to complete this action.
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy1.jpg)
Step 2
Press W to active Magic Wand Tool with settings below. Use Magic Wand Tool to click inside white background of this picture :
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy2.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy2a.jpg)
Hit Cmd/Ctrl+Shift+I to inverse this selection and we have selection for model:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy2b.jpg)
Right click this selection, choose Layer via Copy and we have a new layer with extracted model. Name this layer as “model”:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy2c.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy2d.jpg)
Step 3
Duplicate model layer we have “model copy”. Go to Filter-Blur-Gassian Blur and set radius as 1,5 px (it depends on the sharpness of your photo):
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy3.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy3a.jpg)
Add layer mask and use soft black brush with opacity and flow about 50% to make some parts of model more visible:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy3b.jpg)
Step 4
I want to change color of model so I use a Curves layer. Choose Layer-New adjustment layer-Curves:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy4.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy4a.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy4b.jpg)
Step 5
I use a Hue/Saturation layer to reduce red and magenta tone of model:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy5.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy5a.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy5b.jpg)
Step 6
Hit Cmd/Ctr/Shift+N to make a new layer. Choose Edit-Fill with color #605a4b:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy6.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy6a.jpg)
Lower opacity of this layer to 30%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy6b.jpg)
Make a new layer fill again but with color #043157 and opacity 40%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy6c.jpg)
It’s only my favorite color choice and you’re free to make color you like.
Step 7
In this step we will make a glass window effect. Create a new layer with method used above. Set foreground and background color to white ( #ffffff) and #3a4755.
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy7.jpg)
Go to Filter-Render-Clouds:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy7a.jpg)
We have :
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy7b.jpg)
Choose Filter-Distort-Glass:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy7c.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy7d.jpg)
Change the mode to Soft light 80%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy7e.jpg)
Add layer mask and use soft black brush with opacity and flow 40% to blur glass effect on model face, hands:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy7f.jpg)
Step 8
In some next steps I’ll show you how to make realistic rain drops. Make a new layer on the top and set foreground color to white. Hit B to active Brush tool, choose size with 3 px then press F5 to make settings of this brush as shown below:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy8.jpg)
Use brush to paint over the picture:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy8a.jpg)
Name it “small drops”. Right click this layer, choose Blending Options:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy8b.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy8c.jpg)
Lower opacity of this layer to 50%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy8d.jpg)
Step 9
Create a new layer and use white brush with same settings but increase brush size to 9px. Paint on the pic as shown below:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy9.jpg)
Apply layer style like in step 8 but add more Drop Shadow effect:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy9a.jpg)
Change opacity to 30%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy9b.jpg)
Step 10
To make rain traces on window, I use white brush with changed settings:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy10.jpg)
Make some random traces on window:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy10a.jpg)
Apply same layer style done in previous step ( Drop Shadow, Inner Shadow, Bevel and Emboss) but set opacity to 20%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy10b.jpg)
Step 11
The model hands pulsing the window so them need to be clearer, darker, more visible. Come back to model layer, make selection for model hands as shown below ( don’t need to be so precise with these selections):
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy11.jpg)
Copy them into a new layer ( right click, choose Layer via Copy like we did in step 2) and place this layer on the top. Call it “hands”:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy11a.jpg)
Lower opacity to 10% and use layer mask to hide the edges of them:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy11b.jpg)
Step 12
Click Filter-Distort-Ripple:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy12.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy12a.jpg)
Then Filter-Stylize-Diffuse:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy12b.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy12c.jpg)
Step 13
Choose a Hue/Saturation layer above hands layer with Clipping Mask options:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy13.jpg)
Down the lightness to -100:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy13a.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy13b.jpg)
Step 14
To darken the hands more, I use a new layer (non-Clipping Mask) and brush with color #3a4755. Paint on right hand with brush 100% opacity and 30% for the left (as it’s darker than the right already). Put the mode as Soft light 50%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy14.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy14.jpg)
Step 15
To change the light of picture, I use Gradient layer. Make a layer and hit G to choose Gradient Tool (with default color : black and white) with settings below:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy15.jpg)
Drag a line from bottom right to top left:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy15a.jpg)
Change the mode to Soft light 100%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy15b.jpg)
Step 16
To change color and contrast of picture, I add a Curves layer:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy16.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy16a.jpg)
Step 17
I use a Gradient Map layer:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy17.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy17a.jpg)
Set the mode of this Gradient Map layer to Soft light 100%:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy17b.jpg)
Step 18
To increase a bit contrast, I use Brightness/Contrast:
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy18.jpg)
![](http://blog.entheosweb.com/wp-content/uploads/2012/01/rainy18a.jpg)
This step is optional.
Final Result
Read More »