How to Create a Surreal Dance Scene in the Rain in Affinity Photo
Today, we will be creating a surreal dance scene full of movement by implementing some simple but effective techniques for water and rain.
We will also be learning all about the Curves adjustment layer in Affinity Photo, one of my personal favorite adjustment layers due to how it can enhance both the lighting and tone of an image and bring everything together, creating one cohesive scene.
What You’ll Need
You will need the following resources in order to complete this project:
To close the gap at the top of the canvas, create a rectangular selection, about 500 px tall, across the top of the main image using the Rectangular Marquee Tool (M).
Go to Edit > Copy and then Edit > Paste to make a copy of the upper part of our image. Drag the copy below the original image and use the Move Tool (V) to move the copy up a few pixels to close the gap.
To create a seamless transition between the original and the copy, feather out the edge of the original image using a large, soft, round Eraser Brush Tool (E).
Create a new Pixel Layer above the original image’s layer. Set the new layer’s mode to Overlay, located to the right of Opacity.
Using a very large, soft, round Paint Brush (B), paint white light towards the top and bottom of the image.
Set the Opacity of the new layer to 45%.
Create a Curves adjustment layer, located in the bottom middle of the Layers panel in the Adjustments section.
How Do You Use Curves?
Use the curves adjustment layer by clicking and dragging on the curve. Clicking will create a point, which you can drag in any direction to get different results.
Creating a point and dragging on the left half of the curve will usually affect the shadows of an image, while dragging on the right side will affect the highlights of an image.
Click on the curves layer mask, located to the left of the layer’s name, and invert it by holding Control-I. This will turn the layer mask black.
What’s a Layer Mask?
A layer mask works by hiding, otherwise known as masking, anything painted black on the mask and showing anything that is painted white. Since inverting the mask turned the layer mask from white to black, the whole layer became hidden under the mask. This means we can use a white brush to paint back our curves layer wherever we want its effect to show.
This is a great tool to use when you want to focus an adjustment layer’s effect in one spot, or if you’d like to erase something without permanently erasing it. It’s also called “non-destructive editing”.
So with a large, soft, round Paint Brush with a Flow of around 20%, paint white in the areas you see selected below.
What Is Flow?
The flow rate setting can be found between Opacity and Hardness in the Paint Brush Tool’s toolbar.
Flow allows you to build up paint over and over again. The more you pass your brush over the same spot, the more paint will build in that spot.
Bringing the flow of a brush down low is a great way to gradually add or remove paint, creating very smooth transitions.
To finish off our main image, create a Brightness/Contrast adjustment layer and bring it above all current layers.
Group all current layers together using the Group Layers button towards the bottom right of the Layers panel, and name the group “Background”.
Select parts of the water using the Freehand Selection Tool (L).
Go to Edit > Copy and then Edit > Paste to paste the selection splash on its own layer.
Change its layer mode back to Screen.
Place the splash over a part of the model’s body or on the fish where it looks best. In this case, it’s the arm of the dancing man.
Do this several more times using the same technique as above.
Select a part of the water from one of our two stock photos, copy and paste it onto its own layer, set the splash to Screen, and then place it in an area where you think it looks best.
You can use a combination of the Move Tool, Mesh Warp Tool, and Erase Brush Tool to stretch and manipulate the splash to better fit the area you want to place it—similar to how we stretched the fish’s tail.
To add some depth, take one of the splashes and enlarge it using the Move Tool. Place the enlarged splash in the bottom-left hand corner of the screen.
Go to Filter > Blur > Gaussian Blur and add a 3 px Blur to the large splash.
Once you have all of the splashes placed and arranged how you’d like them, group all of them into a group named “Splash”.
Create a new Pixel Layer below the “Splash” group, and set the layer mode to Lighten.
Using a hard, round Paint Brush, paint a light blue color #1973e0 behind all of your larger water splashes to make them more opaque.
Change the size of the brush as needed.
Bring the layer’s Opacity down to 28%.
4. How to Create Rain
Now, we will be moving on to the rain. This effect can be applied to any image, and it can be done following the same process in Photoshop as well!
Create a new Pixel Layer above all current layers. Fill the layer up with black using the Flood Fill Tool (G).
Set the layer to Lighten. This will hide the black!
Add a high amount of noise to the layer by going to Filter > Noise > Add Noise.
Using the Move Tool,enlarge the noise layer significantly. Mine ended up being 15230 x 10540 px as it needs to be very large!
Add a motion blur to the enlarged noise by going to Filter > Blur > Motion Blur.
Radius: 77 px
This will hide the noise!
To bring back the noise, create and nest a Brightness/Contrast adjustment layer inside the noise layer.
As you will see this doesn’t do much, however, what we are going to do is duplicate that Brightness/Contrast layer two more times!
Above all three Brightness/Contrast layers, add a Color Balance adjustment layer.
Rasterize the noise layer by hovering over the layer, and Right Click > Rasterize.
What Is Rasterize?
Rasterizing a layer will crop any excess layer that is not on the canvas, and it will also merge all the nested layers together. It turns everything into a flat pixel layer.
Smooth out the noise by going to Filter > Blur > Gaussian Blur.
Duplicate the noise layer and set the duplicate noise layer to Screen. Enlarge the duplicated layer significantly.
Add more blur to the now larger raindrops with Filter > Blur > Gaussian Blur.
Add a Layer Mask to the larger raindrops and mask out portions of the rain using a large, soft, round Paint Brush in the color black.
Group all your rain layers into a group and call it “Rain”.
5. How to Add Bokeh to an Image
Next up, we are going to add some bokeh to the upper part of our composite.
Set the layer mode to Screen and the Opacity to 93%.
Add a slight blur to the bokeh using Filter > Blur > Gaussian Blur.
Add a Layer Mask to the bokeh.
Using a soft, round Paint Brush, paint black on the layer mask to mask away the harsh edges of the bokeh stock image.
Create and nest a Brightness/Contrast adjustment layer into the bokeh.
Create and nest a Recolor adjustment layer into the bokeh above the Brightness/Contrast adjustment layer.
Copy and paste a second bokeh image and repeat the step above, only this time enlarge the bokeh significantly.
Use a large, soft, round Erase Brush to erase some of the bokeh from on top of the dancers.
Group all your bokeh layers together in a group named “Bokeh”.
6. How to Add Atmosphere
Next, we will be adding some all-over atmosphere to help brighten our image.
Create a new Pixel Layer above all current layers and set it to Screen.
Using a large, soft, round Paint Brush, paint red #ca0000 around the fish and bokeh area, almost as if it’s coming from the left dancer’s hand.
Again, paint with a lowFlow to help build up the color gradually.
Create a new layer above your red glow layer and set it to Soft Light.
Using a very large, soft, round Paint Brush, paint white in the upper-right hand corner and black in the lower-left hand corner.
Below is my layer set to normal at 100% opacity just so that you can see exactly where I painted white and black.
Create another new layer above your gradient layer and set the Opacity to 23%.
Using the same very large, soft, round Paint Brush, paint more white in the upper-right-hand corner of the image.
7. How to Create an Intense Blue Color Grade
Finally, to finish everything up and tie our scene together, we are going to apply a vibrant blue color grade using just three adjustment layers!
Create a Color Balance layer above all other layers.
Create a Curves adjustment layer above the Color Balance layer.
Create a second Curves layer above your previous Curves layer.
Group all the adjustment layers you just created into a group and name it “CC” or “Color Correct”.
We’ve Done It!
It’s always best to have a toolset full of versatile techniques that can be applied to an array of different images and situations, like this rain effect or the color grading we learned today, as opposed to a bunch of silly one-off gimmicks or effects!
As always, keep experimenting with different techniques, and don’t forget to post your version below, along with any questions, comments, or critiques!