In this tutorial, I will show you how to create a stylized and dynamic scene with rain and fire effects. This lesson requires patience, including a huge number of solutions and experiments, but the final effects will be amazing, believe me! So let’s get started!
Step 1. Separate the model from the background.
First, separate the model from the background using the selection technique you prefer to work with. Despite the fact that the selection of the selection technique is yours, I always recommend using a layer mask.
To create my background, I simply duplicated the original layer with the model, and then blurred it heavily using a filter. Gaussian blur (Gaussian Blur), for this we go (Filter> Blur> Gaussian Blur). And added some noise Filter – Noise – Add Noise (Filter> Noise> Add Noise).
To complete the background, I added a correction layer. Hue / Saturation (Hue / Saturation). Set the settings for this adjustment layer, which are shown in the screenshot below:
And then using a large soft brush, I hid the bottom of the layer mask. Thus, only the top half of the image remained blue.
You can do the same thing in a completely different way, but basically you should have the following: the top half of the background should be in blue tones, and the second half in orange tones.
Step 2. Add a Fire Texture and create a Fire Effect.
Next, pick up some Fire textures. The fire should be on a black background. The blend mode for all layers with the Fire texture must be set to Lightening (Screen). Position the Fire texture, both behind the model and in front of the model.
Next, make a fire correction, for this we go Image – Correction – Hue / Saturation (Image> Adjustments> Hue / Saturation) to make sure that the fire was in the same “warm” scale, I mean the same color. Just use the slider Color tone (Hue). I preferred a more reddish fire.
Then on the layer mask hide the hard edges of the fire.
Step 3. Strengthen the fire, add dynamics and work on lighting effects.
Next, we will strengthen the fire, creating a feeling of more “dense” fire. Despite the fact that this is an ordinary work with fire – this is a very important step because the fire is usually not completely transparent.
Create a new layer below the two groups with fire (one group with fire should be located on top of the model layer, and the second group should be located below the model layer). Using a semi-rigid round brush, the color of the brush is dark red (# 5b1309), paint over the main areas of fire.
Now, let’s add some dynamics to the fire. To do this, highlight the flame tongue with the tool Lasso (lasso tool), set a high value Feathering (Feather), the shading value will depend on the size of your image. See the selection example in the screenshot below:
Let’s go Filter – Blur – Radial Blur (Filter> Blur> Radial Blur). In the settings, set the method Annular (Spin) and quality The best (Best). Power (Amount) blur will depend on the size of your image. If the first blur level you applied is too high or too low, simply cancel the action and try again. Do the same with all the flames on all layers with a fire texture.
The effect of the flame of fire is barely perceptible, but if you add a little movement to the fire, it will add a sense of dynamics. In this case, I always prefer to use Radial blur (Radial Blur) instead Motion blur (Movement Blur) to add dynamics to the image, since this blur provides a more natural feel.
To add lighting effects, create a new layer on top of the topmost layers with fire. Change the blending mode for this layer to Lightening (screen). Using a big soft round brush with degree Push (flow) 7%, brush color red-orange (# fe4402), paint over the entire bottom half of the image. Create another layer below the model layer, but on top of the layer with the background. Apply the same brush and the same brush color in the same place, mostly just to brighten the entire bottom of the image.
Step 4. Add lighting effects to the model.
Next, we focus on our model. Create a new layer as a clipping mask for the model layer, change the blending mode for this layer to Lightening (Screen). Now, using the same brush that we used earlier and the same brush color, paint over the bottom half of the model image. Focus on the metal barrel, and also mainly on the edges of the model image.
Use the brush at the edges of the barrel, to do this, switch the brush color to a lighter red-orange tint (# ff5c22) for a small variety of colors.
On top of the previous layer, create another new layer as a clipping mask, change the blending mode for this layer to Overlap (Overlay). Name the new layer “Brightening and Dimming”. Using a small semi-rigid brush with By pushing (flow) 10%, paint the model areas with a white brush, where the light hits the most, and then use a black brush to add shadows. Later we will add a rain effect, so don’t worry about brushing accuracy. Some areas of clothing should be darker, because wet clothes tend to be darker.
In mode Normal (Normal):
In mode Overlap (Overlay):
Now, to combine the model with fire a little more, add a layer mask to the model layer (if the model layer already has a mask, apply a brush on this mask, and if not, add a layer mask and then apply a brush on it ). Using a big soft round brush with By pushing (flow) 25%, paint black edges with a separate brush. My layer mask looks like the screenshot below:
Step 5. Create rain
To create rain, we will apply a very simple and old trick. First, create a new layer on top of all other layers, fill it with black color. Next, go Filter – Noise – Add Noise (Filter> Noise> Add Noise). Set the distribution Uniform (Uniform), and also put a tick in the box Monochrome (Monochromatic). Install amount (Amount) is very high. I used 100%.
Next, go Filter – Blur – Motion Blur (Filter> Blur> Motion Blur). Install Angle(Angle) at -63, and Bias(Distance) approximately 80 px. Again, the settings will depend on the size of your image.
Change the blending mode for the blur layer to Lightening (Screen)
Next, go Image – Correction – Curves (Image> Adjustments> Curves). Pull the lower anchor point of the curve to the left and the upper anchor point to the right. Experiment with the curve until you get a similar result, as in the screenshot below:
I also zoomed in on the rain effect, then I duplicated the rain layer, back combining all the layers together to make the raindrops more pronounced.
As soon as you are satisfied with the result, duplicate the layer with the rain, then increase the scale of the duplicate layer to create a depth of field. You can zoom in at least a third of the size. In turn, due to the increase in scale, you will have to apply motion blur, go Filter – Blur – Motion Blur (Filter> Blur> Movement Blur). Apply the same blur angle you used earlier to avoid pixelation.
Next, go Filter – Blur – Radial Blur (Filter> Blur> Radial Blur). Add a very slight blur to large drops of rain. Slight blurring is important, just experiment. My result:
Next, we add raindrops to the outer edge of the model’s skin. For these purposes, you can search either the Drops of the rain or the Spray of the Rain brushes on the stock resources or you can even use the Grunge brushes. To create this effect will take a lot of attempts and errors. And the most important – experiment! Focus on the edges of the model’s body, where the rain will fall the most. Use a soft eraser to correct the edges, and also use the tool Finger (smudge tool) to combine raindrops that look too harsh.
This is my result:
In conclusion, we will add a slight runoff of water to the model image. It is much easier to do this, if you have a tablet, and if not, just with the help of a tool. Finger (smudge tool), smear the drawn lines. Create a new layer as a clipping mask for the model layer. With a very small hard brush and opacity (Opacity) 7%, the color of the brush is white, draw the rainwater flows on the model’s legs, on her body, and also on her face. There should be more rainwater spills on certain areas and less on others, so we will create a more natural effect.
Again, practice is needed, repeat the steps until you are satisfied with the result. There is absolutely no need to be a digital designer to create this effect, you can also use the original images to reproduce this effect!
Step 6. Final color correction
To merge all the elements together, we will add several adjustment layers on top of all other layers.
First add a correction layer. Color search (Color Lookup), in the settings window set the “Edgy Amber” option. Using a large soft black brush, hide the correction on the mask of this adjustment layer by processing the upper half of the image, so the effect will only apply to the lower half of the fire.
Add another adjustment layer. Color search (Color Lookup) over the previous layer and in the settings window set the option “Foggy Night” and then reduce Opacity (Opacity) of this adjustment layer to 47%. This time hide the correction in the bottom half of the image, so the effect will only apply to the top of the image with the rain.
Add a third adjustment layer. Color search (Color Lookup) over the previous one and in the settings window set the “Teal Orange Plus Contrast” option from opacity (Opacity) 54%. Also hide the correction in the lower half of the image, so the effect will only apply to the upper part with the rain.
Add adjustment layer Curves (Curves) on top of all layers. Set the curve as shown in the screenshot below:
Finally, to best combine both halves, I created a new layer on top of the adjustment layer. Curves (Curves). Change the blending mode for this layer to Lightening basics (Color Dodge). Next, using a large soft brush, the color of the brush is dark purple (# 280a17), paint over the brush along the middle of the image.
Result in blending mode Normal (Normal).
Result in blending mode Lightening basics (Color Dodge).
And we have completed the lesson!
What do you think of this lesson? I hope that you have learned something new for yourself today, and do not be afraid to try to apply this effect to various images for practice! Share your results! =)