Heavy Rain

Create a custom brush to make a rainy scene and manipulate some imagery to envision a live-action Heavy Rain. The video game features a character named Madison Paige, who is sculpted after a British model that did all of the facial expressions and motion capture for the game, which is touted to be a very cinematic experience. The public has yet to see a live action Madison so I thought I would take it upon myself.


This is how she looks in game. We’re gonna use it as reference for the following manip.

This looked like a great pic as a jumping off point. She’s wearing a very similar shirt as her character so most of the work is already done for us. Now would be a good time to test the Clone Stamp Tool as we’re going to be using it copiously. Hold down ALT and sample the area on her for head and then release ALT. Proceed to paint some of her forehead back.

Continue to clone away her blonde locks and the streamers hanging from the ceiling by sampling the background with the Clone Stamp Tool.

I found a picture of a woman’s short hair cut and traced around with the lasso tools and Ctrl+C to copy.

Here’s what she looks like with her new do pasted in. (Ctrl+V) Also go to Edit>Transform>Flip Horizontal to better match Madison’s part in her hair.

The original picture is a bit more muted so we’re going to desaturate the hair some. Ctrl+U to bring the window up and slide down the saturation on the hair layer to -40.

Use the eraser to take away some of the hair beneath ears to better match Madison’s haircut.

Looks like it’s gonna rain. To make this happen, start with a new file and paint
a single drop like so. Use the brush tool with a soft setting and paint a single
dot.

Go to the top menu and choose Filter>Stylize>Wind. Press CTRL+F 5 times to extend the raindrop tail out. Ctrl+F simply repeats the last filter.

Navigate to the top and hit Filter>Blur>Motion blur with the following settings:

Now Image>Rotate Canvas>90 degrees CCW.

Now Ctrl+I to inverse the blacks and whites. Now we’re going to turn this into
a raindrop brush. If you haven’t already marquee select the whole raindrop and
go to Image>Crop. Press Ctrl+A on your raindrop layer to select all. Now choose the brush tool. Go to the top menu and choose Edit > Define Brush and you have a custom rain brush.

Make sure you’ve chosen your new custom brush from the brush shapes and Click Brush Palette Icon to open the options for it.

Here are some settings to paint some raindrops across the canvas with a single brush stroke. We’re going to use Shape Dynamics and Scattering. Click the check box for Shape Dynamics and use the following settings:

Now use these Scattering options. Go back to your main art file and make a new
layer for the rain. Now you can watch the rain fall on the canvas with a single
wave of the mouse. I also dropped the layer opacity to about 50% in the Layers
panel.

At this point we can go ahead and change the color of Jacqui’s shirt to match Madison’s. Use the Lasso tools to select the shirt. Hold down SHIFT before making a second selection without losing the first. Now press Ctrl+U to adjust the Hue and Saturation to turn the purple into a deep red.

In the next step, the original image has some nice grain on it but the hair doesn’t. Lets go to the hair layer and go to Filter>Texture>Grain.

Now double click the hair layer in the Layers Panel to open the Layer Styles. Choose Drop Shadow and use the settings in the following image. For the shadow colors, click the color swatch in the layer styles and it will activate a color picker. I click the shadow beneath her neck. It should now make a shadow under the hair that better matches other darker shadow colors on her skin.

Now for some final touches. Make another layer of rain above the one you already have. Except this time increase the size of your brush and turn the Shape Dynamics and Scattering off by unchecking them. Paint some large heavier raindrops to simulate them being closer to the camera. When you’re happy with your rain go to the top menu and click Image>Flatten. Cltr+U again but now adjust the Saturation levels to -65. This should create a more muted darker tone.

Here’s the logo to copy and paste in. Change the layers blend mode to “Screen” to make the black disappear.

The final image.

Click here for a higher resolution. Leave a comment for any thoughts or questions!

By Mark Rivera

Mark is an animator and ad designer for WebProNews. He has a passion for illustration and 3D art.

Leave a comment