Today, we will be looking at how to create a water effect in Photoshop! We will be creating a total of three different water effects, including water drips, splashes, and a split water line effect. Layer modes will be doing most of the heavy lifting in this realistic water Photoshop tutorial, so let's get started!
But first, are you looking for fast, realistic water Photoshop actions? Try one of the hundreds of water effect Photoshop actions and add-ons over on Envato Elements!
Do you prefer video tutorials to learn new skills? You can watch how to create a water effect in Photoshop following this new video from the Envato Tuts+ YouTube channel:
What You'll Learn in This Water Effect Photoshop Tutorial
- How to make realistic water in Photoshop
- How to create a water dripping effect in Photoshop
- How to create a dripping water effect in Photoshop
- How to create a water effect in Photoshop
What You'll Need
To complete this project, you will need the following resources:
1. How to Make Realistic Water in Photoshop
Let's start things off by creating a split water effect, where part of the "camera" would be underwater and the other half above water.
Create your canvas in any size, portrait or landscape. You'll be able to apply these same techniques to accommodate any canvas size.
Lay down some color (
#425847) using a Solid Color fill layer. In the end, this color won't matter.
Now, we can place our water surface image over the color layer.
Make sure it's a right-click > Smart Object, so we can resize without worrying about unwanted blurriness.
We want to make sure the water stretches across the whole width of the canvas, regardless of the size. Typically, you'd want to avoid stretching a photo past its original width, but due to the nature of water, we can push it pretty far in this case without it looking distorted.
Next, let's add a Layer Mask to the water surface layer and use a semi-hard round Brush to mask the sky. A 90% Hardness will give you a slightly soft, smooth edge for the sky.
Use a medium-soft round Brush to mask out the image's original ground. We only want the surface of the water and the waterline.
Let's finish up the water surface for now by adding an Image > Adjustments > Brightness Contrast, setting it to -60 Brightness and 45 Contrast.
Now, let's drop in our sky below the water surface layer. When choosing a sky image, try to keep the mood of the water in mind. This includes both color and movement. If it's stormy, then the water would likely be choppy.
Add a Layer Mask and mask any excess portion of the sky that may be peeking out of the bottom of the water.
Also, adding a Filter > Blur Gallery > Field Blur of around a 55px Blur can help the water remain focused.
Let's drop in an image of some foliage below both the water surface and sky layer.
When choosing your image, focus more on lighting and general shapes rather than what the image actually is. That's because we're going to add another Filter > Blur Gallery > Field Blur of around a 55px Blur to the plants, which will obscure any more minor details and leave just their silhouette.
Now we're going to obscure them even more. First, go to Image > Adjustments > Brightness/Contrast, setting it to -70 Brightness and 67 Contrast.
Next, let's create a Color Lookup adjustment layer set to MoonLight, with a layer mode of Darken and a 42% Opacity.
Double-click the Color Lookup layer and use the left half of the right Blend-If toggles to remove the adjustment from the image's highlights.
And lastly, mask out the Color Lookup layer from the sky.
We can finish coloring our water with a Color Fill layer set to a yellow-green
#73742f color and a layer mode of Multiply.
Copy the layer mask from the Color Lookup layer onto the Color Fill layer, masking the Color Fill layer from the sky.
Let's tie everything together by adding some lighting to the water and sky. For our brush color, we will be using a pale golden orange
#ffe6bb color. We'll be using different sizes of a soft round brush for our brush shape, set to a Flow of 25% or less.
First, add a New Layer set to Overlay, placed right above the yellow-green Color Fill layer. We can use this layer to brighten the bottom portion of the water and the skyline.
Next, add two New Layers clipped into the water surface, one set to Screen and the other to Overlay. Again, use these layers to bring some light onto the surface of the water.
And finally, let's add some water light reflections coming from the surface onto the lower portion of the water.
Take a water texture, and then use Image > Adjustments to turn it to Black & White and set the Brightness/Contrast to -14 and 100
Next, let's add a Filter > Blur > Gaussian Blur set to 20 Radius.
Lastly, we can change the layer mode to Color Dodge, set the Opacity to around 75%, and place the texture right above the yellow-green Color Fill layer.
Go ahead and size it so that it's covering everything you want it to cover. Also, mask out any areas that may be leaking onto the sky or are maybe too bright.
And that's it! When placing a subject, use layer masks to split them where the water line is hitting them. Copy all of the layers and effects from the bottom portion of water onto the bottom half of the subject. You can also add other details like bubbles!
2. How to Create a Water Splash Effect in Photoshop
Now, on to creating splash water effects in Photoshop! The best thing about this trick is that layer modes are going to do all the heavy lifting.
First, let's drop a group of water splashes onto our canvas, making sure they are a Right-click > Smart Object. We want to make sure the splashes are at their full resolution when imported as a Smart Object. Photoshop should be set to do this by default.
Now, let's use the Lasso tool to grab a rough selection around one of the splashes that we like the shape of.
Then add a Layer Mask.
Duplicate the water splash layer, Delete the Layer Mask, and select and mask a new splash. Do this to all the splashes you think you may want to use. The more, the better!
Select each splash and Right-click > Convert to Smart Object once more and set all of the splash layers to Screen.
All of these splashes are copies of the original smart object and are never rasterized. That means they can be sized up or down, and shaped without worrying about any blurriness. And that's precisely what we want to do next.
Place the water splashes around the object, being mindful of the object's shape and the shape of the water. Try to follow the curves, and use layer masks to remove any unwanted water drops from the water splash layers.
Feel free to duplicate the splashes as long as you use a combination of layer masks, transforming and warping so that there are no notable duplicate details in the water drops.
3. How to Create a Water Dripping Effect in Photoshop
Finally, let's look at how to create a water dripping effect in Photoshop!
Let's create a hard wet edge Brush using the following brush settings. Make sure and Save the brush, so you don't have to keep recreating it:
Next, create a New Layer set to Overlay at 20% Opacity.
Set your foreground color to black. We're going to paint lines where we think our water drips will be flowing.
This doesn't have to be exact or perfect. You can always come back later and erase what you don't end up needing.
Now, we can create a New Layer above the last layer.
Let's change our Foreground Color to white, our brush's Flow to 100%, and in Brush Settings, set the Size Jitter to 100%.
Slowly paint in tiny lines of white water reflections. Use the Eraser to taper the highlights, making sure they are not too bright or harsh. Lower the layer's Opacity if the highlights are too bright.
Let's use a soft round Eraser brush to remove any of the black lines we painted earlier that are too dark, too harsh, or weren't used to paint highlights on.
You can also lower the layer's Opacity to 10% or less to give the drops a subtle shadow without making them look too dark.
And finally, create some falling water splashes using the same method as earlier. You can always add more or fewer water drops later on, or you can skip this step altogether.
That is how to make water in Photoshop! Creating realistic water is all about the lighting and highlights, so make sure they are bright, but not so bright that they look too sharp. Remember, water is clear, and what you're actually seeing is the reflection of light and color in the water. Avoid making water too bright, or it'll start to look milky!
Top 5 Water Effect Photoshop Actions and Add-Ons
Need to create a water effect fast? Try one of these five water filter Photoshop actions and add-ons from Envato Elements!
Water Photoshop Action (ATN)
Wondering how to make water Photoshop effects ultra fast? Well, this water Photoshop action is the answer! Add a level of surreal to any image with just a click of a button.
If you are looking for a water filter Photoshop text effect, then look no further than the Water Ripples text add-on. It's incredibly easy to use—just add your own text and it will instantly update with a slick water reflection effect.
Water Photoshop Action (ATN)
You won't lose out on any watery details if you use this action! This water filter Photoshop action creates dynamic water splashes, perfect for enhancing actions and sport poses.
Create dreamy underwater scenes with this underwater Photoshop action for Photoshop CS3 or higher! Just choose your subject and press play.
This water ripple Photoshop brush pack contains a whopping 45 brushes in total, so you will never have to worry about repeating the same water ripple over and over again.
Explore More Cool Photoshop Tutorials
I hope you liked this water effect Photoshop tutorial. We learned how to create a water effect in Photoshop following different methods and styles. Would you like to learn even more cool Photoshop techniques? Here are some top tutorials for you:
- Adobe PhotoshopHow to Fake a Ghost Photo in PhotoshopAbbey Esparza
- Photo ManipulationHow to Create Viking Portrait Art in PhotoshopAbbey Esparza
- Photo EffectsHow to Make a Crystal Effect in PhotoshopAbbey Esparza
- Adobe PhotoshopHow to Create a Storm Photo Effect in PhotoshopAbbey Esparza
- Adobe PhotoshopHow to Make Blood Effects in PhotoshopAbbey Esparza
- Photo ManipulationHow to Make a Matrix Effect in PhotoshopAbbey Esparza