About The Author

Glen Stansberry is the editor at Web Jackalope, a blog about creative Web development. More about Glen

40 Gorgeous Photoshop Tutorials On Rain, Showers and Water Drops

Quick Summary

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.

Table of Contents
Membership counter

Members support Smashing

Wonderful, friendly people who keep this lil' site alive — and get smarter every day.

Are you smashing, too? →

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.

Further Reading on SmashingMag:

Rain

Add Rain to a Photo

How to add a dramatic rain effect to a photo in Photoshop. And how to make the image more photorealistic by adding reflections and small puddles.

rain effect photoshop

Flooded City Scene

Learn how to manipulate a simple photo into a flooding torrent of a scene.

water2

Making Realistic Rain

How to create just about anything from rain to snow to fog.

water3

How to Add Rain to a Photo

How to create some realistic rain drops to instantly enhance the mood of any photograph.

water4

The Rain Tutorial

Use rain brushes to create tiny raindrops and a typical rain look.

water5

Add a Rain Effect to a Photo in Photoshop

In this Photoshop tutorial you will learn how to add a rain effect to a photo.

water6

Animated Rain Tutorial

How to make animated rain such as this.

water7

Water Droplets

How to Create Water Droplets

How to create photo-realistic water droplets on top of existing images.

water8

Photoshop: Water Droplets

A tutorial on how to create water-droplets on an image of your choice using Photoshop

water9

Water drops in photoshop in 5 minutes

Create water drops is a bit complex, they have highlights, shadows, transparencies, inner shadows and inner highlights.

water10

Realistic Water Drop Reflections

How to Create Realistic Water Drop Reflections in Adobe Photoshop.

water11

Tutorial: Realistic Water Drops

Learn how to create realistic water drops in Photoshop.

water12

Water Text Effects

Sea foam text effect

How to create foam textured text or shapes in Photoshop.

water13

Realistic Water Text

Incredibly Realistic Water Text in Cinema 4D and Photoshop.

water14

Splashing Water Text Effect

How you can incorporate water splash brushsets into your text and create great effect from that.

water15

Surreal Underwater Background In Photoshop

How to create a surreal underwater landscape in Photoshop using some simple blending and image cropping techniques.

water16

Underwater 3D Text Effect in Photoshop

In this Photoshop Tutorial, you will be making a 3D text under water.

water17

Create A Glowing Liquid Text

All the steps to create a Glowing Liquid Text Effect in Photoshop with the use of liquify filter, layer blending options, as well as some image adjustments.

water18

Water Text Effect Tutorial

Learn how to make one amazing water text effect in Photoshop.

water19

Water Text effects Tutorial

The transparent look the used makes the water look real.

water20

Easy Liquid Text Effect in Photoshop

Learn how to create a quick and easy liquid text effect in Photoshop.

water21

Create an Advanced Water Drop text

Explore how to create a water drop text effect with advanced layer style techniques.

water22

Underwater

Underwater Apartment Photo Manipulation

Learn how to create this underwater room. This tutorial covers techniques such as blending images, color correction, adding photo effects.

water23

Create an Eerie Underwater Composition

Lear how to create an eerie underwater scene, a very realistic looking image.

water24

The creation of “A Life Of Aquatic Sounds”

Use a variety of blending mode tricks, photo filters and other useful Photoshop techniques.

water25

Photoshop Tutorial: Underwater Turtle

How to create an beautiful underwater turtle photo-manipulation.

water26

Underwater Scene

Create a Realistic Underwater Scene in Adobe Photoshop.

water27

Abstract Underwater

How to create an Abstract Underwater Scene.

water28

Create a Fantasy Underwater Scene with Photoshop

How to photo manipulate a fantasy woman, floating in an underwater setting.

water29

More Water Tutorials

Create amazing water-drenched photomontages

How to make a splash, blending two very different images to create this amazing dissolving figure of a man.

water30

Displacement Water

The displace filter is an excellent tool for making a distortion like water.

water31

Create an Intense Apocalyptic Photo Manipulation

Learn how to create this amazing apocalyptic photo manipulation with Photoshop.

water32

TV Aquarium

A digital drawing and photo effect tutorial with a special aquarium.

water33

Creating Water and Splash Effects

In this brief behind the scenes you will learn some of the secrets behind this water spider.

water34

Water reflections

A realistic water reflections photoshop tutorial.

water35

How to Create a Realistic Water Cube in Photoshop

In this tutorial we will use basic and advanced techniques in order to create a realistic water cube.

water36

Beautiful Water Effect in Photoshop

How to create a really cool effect with water texture and the displace filter.

water37

Amazing Water & Light Splash

In this tutorial you will learn how to create an abstract splash composition in Photoshop.

water38

Abstract Art

How to Create an Underwater in Photoshop.

water39

Surreal Advertising Photo Manipulation

This tutorial demonstrates how to blend stock images to create an illustration that could be applied to anything from drinks machines to point-of-sale displays.

water23

Create an Eerie Underwater Composition

Lear how to create an eerie underwater scene, a very realistic looking image.

water24

The creation of “A Life Of Aquatic Sounds”

Use a variety of blending mode tricks, photo filters and other useful Photoshop techniques.

water25

Photoshop Tutorial: Underwater Turtle

How to create an beautiful underwater turtle photo-manipulation.

water26

Underwater Scene

Create a Realistic Underwater Scene in Adobe Photoshop.

water27

Abstract Underwater

How to create an Abstract Underwater Scene.

water28

Create a Fantasy Underwater Scene with Photoshop

How to photo manipulate a fantasy woman, floating in an underwater setting.

water29

More Water Tutorials

Create amazing water-drenched photomontages

How to make a splash, blending two very different images to create this amazing dissolving figure of a man.

water30

Displacement Water

The displace filter is an excellent tool for making a distortion like water.

water31

Create an Intense Apocalyptic Photo Manipulation

Learn how to create this amazing apocalyptic photo manipulation with Photoshop.

water32

TV Aquarium

A digital drawing and photo effect tutorial with a special aquarium.

water33

Creating Water and Splash Effects

In this brief behind the scenes you will learn some of the secrets behind this water spider.

water34

Water reflections

A realistic water reflections photoshop tutorial.

water35

How to Create a Realistic Water Cube in Photoshop

In this tutorial we will use basic and advanced techniques in order to create a realistic water cube.

water36

Beautiful Water Effect in Photoshop

How to create a really cool effect with water texture and the displace filter.

water37

Amazing Water & Light Splash

In this tutorial you will learn how to create an abstract splash composition in Photoshop.

water38

Abstract Art

How to Create an Underwater in Photoshop.

water39

Surreal Advertising Photo Manipulation

This tutorial demonstrates how to blend stock images to create an illustration that could be applied to anything from drinks machines to point-of-sale displays.

water40

 

Smashing Editorial (al)