We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.
With fall just around the corner, designers are looking for ways to complement their work with fall imagery like water droplets, rain on leaves and fall rain showers. Including rain or water drops in a scene can be a nice effect because water is a very compelling element. As you’ll see in the tutorials below, water drops and rain can completely change the dynamic of a design or photo.
Adding the illusion of water and rain to photographs using Photoshop can be a bit tricky. Many times the effect feels forced and cheesy, as if you’re looking at a grainy picture instead of an authentic rain shower. The tutorials below will give any designer inspiration for incorporating water scenes in fall designs and showcase some amazing water work by excellent designers. You’ll learn how to create realistic photos.
Here are other collections of Photoshop tutorials from Smashing Magazine:
Displacement Water Photoshop Tutorial9
The following tutorial shows how to create a relatively simple displacement map and how to create a water surface with it. This method does not adjust for wave height and distances, but it produces good results if the water is calm and if the surface is not intersected by other elements.
Waterdrops Photoshop Tutorial 11 (video)
“In this video I’ll show you how to make realistic water drops. This is nothing original as I have learned this from other tutorials. I have
made some slight adjustments to suit my taste. Very simple to do. Have fun.”
Waterdrops in 5 Minutes12
The basic idea to keep in mind when creating water drops is that they are a bit complex and they have highlights, shadows, transparencies, inner shadows and inner highlights. The best way to achieve these effects is by using the Layer Styles in Photoshop. You’ll be using shadow, inner shadow, inner glow, glow, bevel and many more.
Add A Rainbow To A Photo14
In this Photoshop photo effects tutorial, we’re going to learn how to easily add a rainbow, even a double rainbow, to a photo. Of course, as with most photo effects, it helps if you start with the right type of image.
Create Silky Smooth Waterfalls15
In this Adobe Photoshop tutorial you are going to look at how to give waterfalls a silky smooth appearance, as if the photo was taken with a longer exposure which would normally require the use of a neutral density filter.
So realistic, these water drops (and optional ice drops) are also simple to do anywhere, anytime.
Rainy Day Animation Using Photoshop
“Today let’s try to make something special like an artificial rain drop using our Adobe Photoshop. Just follow the simple steps. Hope that you will enjoy the tutorial.”
Create Water Droplets Tutorial17
Here are visual step-by-step instructions to quickly create realistic
water droplets. This tutorial assumes a basic knowledge of how to use Photoshop layers.
Rain Drops 18“This is a technique I came up with when Photoshop version 6 came out. I was experimenting with some of the more advanced features of the Layer Styles dialog box and discovered some very handy techniques that can be used when you are creating transparent effects.”