Menu Search
Jump to the content X X

Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now →

40 Photoshop Tutorials On Rain Showers and Water Drops

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. [Content Care Nov/07/2016]

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:

Rain Link

Add Rain to a Photo5

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.


Flooded City Scene7

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


Making Realistic Rain9

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


How to Add Rain to a Photo11

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


The Rain Tutorial13

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


Add a Rain Effect to a Photo in Photoshop15

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


Animated Rain Tutorial17

How to make animated rain such as this.


Water Droplets Link

How to Create Water Droplets19

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


Photoshop: Water Droplets21

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


Water drops in photoshop in 5 minutes23

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


Realistic Water Drop Reflections25

How to Create Realistic Water Drop Reflections in Adobe Photoshop.


Tutorial: Realistic Water Drops27

Learn how to create realistic water drops in Photoshop.


Water Text Effects Link

Sea foam text effect29

How to create foam textured text or shapes in Photoshop.


Realistic Water Text31

Incredibly Realistic Water Text in Cinema 4D and Photoshop.


Splashing Water Text Effect33

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


Surreal Underwater Background In Photoshop35

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


Underwater 3D Text Effect in Photoshop37

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


Create A Glowing Liquid Text39

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.


Water Text Effect Tutorial41

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


Water Text effects Tutorial43

The transparent look the used makes the water look real.


Easy Liquid Text Effect in Photoshop45

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


Create an Advanced Water Drop text47

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


Underwater Link

Underwater Apartment Photo Manipulation49

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


Create an Eerie Underwater Composition51

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


The creation of “A Life Of Aquatic Sounds”53

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


Photoshop Tutorial: Underwater Turtle55

How to create an beautiful underwater turtle photo-manipulation.


Underwater Scene57

Create a Realistic Underwater Scene in Adobe Photoshop.


Abstract Underwater59

How to create an Abstract Underwater Scene.


Create a Fantasy Underwater Scene with Photoshop61

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


More Water Tutorials Link

Create amazing water-drenched photomontages63

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


Displacement Water65

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


Create an Intense Apocalyptic Photo Manipulation67

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


TV Aquarium69

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


Creating Water and Splash Effects71

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


Water reflections73

A realistic water reflections photoshop tutorial.


How to Create a Realistic Water Cube in Photoshop75

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


Beautiful Water Effect in Photoshop77

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


Amazing Water & Light Splash79

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


Abstract Art81

How to Create an Underwater in Photoshop.


Surreal Advertising Photo Manipulation83

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.




Footnotes Link

  1. 1
  2. 2 /2008/08/07/50-photoshop-tutorials-for-sky-and-space-effects/
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
  72. 72
  73. 73
  74. 74
  75. 75
  76. 76
  77. 77
  78. 78
  79. 79
  80. 80
  81. 81
  82. 82
  83. 83
  84. 84

↑ Back to top Tweet itShare on Facebook


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

  1. 1

    first :) nice trick….

  2. 2

    Aww, Water effect photo montage looks like Shinybinary’s tutorial for DA, but it is more detailed :) Nice collection of tutorials, good job. ;)

    Second :proud: =D

  3. 3

    yep, really nice techniques! thanks 2 Smash 4 a post!

  4. 4

    A good selection of tutorials here…
    11:53am? In the UK its 9pm.

  5. 5

    Nice post. I love how easy some of these effects are. They give each photo a totally different feel. I love the Andrei Bilan under water effect. The water effect photo montage is also very cool – great detail.

  6. 6

    Some are cool but others are lame. The “waterdrops to waves” looks like a 3rd grader did it.

  7. 7

    Cool stuff. lulz

  8. 8

    Great! thank you!

  9. 9

    The very classical source material, thanks

  10. 10

    I like it very much!

  11. 11

    Muito boa a galeria de Tutoriais….^.^)

    Great Job, thank you !!!!!!!!!!!! In Brazil now its 11pm.

  12. 12

    yeah, I’d say mixed bag. There are definitely some decent ones here, but I’d rather see consistent quality rather than a big selection with a bunch of unimpressive tuts mixed in.

  13. 13

    Smashing delivers. good job :)

  14. 14

    You guys are God to US… :)

    Cheerios …

  15. 15

    Awesome tutorials, more food for thought at lunch!

  16. 16

    Whoa…fantastic list. Thankyou!

  17. 17

    Excellent article ! Thanx

  18. 18

    Rather unimpressed by the whole bunch… none (or at least a majority) of them appear realistic or well done in my opinion. I look forward to an explosion of terrible looking water effects on the internet. :(

  19. 19

    Apologies Smashing, I do love you guys, but there are some very bad tutorials there.

  20. 20

    very impressive i must say..


↑ Back to top