40 Photoshop Tutorials On Rain Showers and Water Drops

40 Photoshop Tutorials On Rain Showers and Water Drops

7:16 PM

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 youll 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 youre 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. Youll learn how to create realistic photos.

Here are other collections of Photoshop tutorials from Smashing Magazine:

Water Drop Tutorials

Basic water drops5
An excellent tutorial showing how to make artistic, realistic water drops.

finaldrip.jpg6

Designing a war movie poster7
A step-by-step tutorial that teaches how to design a dark movie poster with water drops.

Screenshot8

The Making Of Our Future9
It is not really a tutorial, but the designers description provides some insight into how this poster was designed.

Screenshot10

Artistic rain on an illustration11
Beautiful example of adding rain to a dark illustration.

picture.jpg12

Alien Water Photoshop Tutorial13
With this Photoshop tutorial you learn how to make realistic alien-looking water.

Screenshot14

The Rain Photoshop Tutorial15
A simple Photoshop tutorial that will teach you how to embed water drops in dark sci-fi image.

Screenshot16

Artistic rain effect17
Create a complex composition with rain.

final.jpg18

Displacement Water Photoshop Tutorial19
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.

Screenshot20

Water effect photo montage21
An extremely creative way to turn a person into water.

20.jpg22

Water Dress23
Creating a Gisele Bundchen water dress

20.jpg24

Waterdrops Photoshop Tutorial 25 (video)
In this video Ill 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.jpg26

Waterdrops in 5 Minutes27
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. Youll be using shadow, inner shadow, inner glow, glow, bevel and many more.

leaf_drop1.jpg28

Leaf drop tutorial29
Big stylized leaf drops.

leaf_drop1.jpg30

Add A Rainbow To A Photo31
In this Photoshop photo effects tutorial, were 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.

Screenshot32

Create Silky Smooth Waterfalls33
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.

Screenshot34

The Oceans Freshness Photo Effects35
This tutorial teaches how to create a wallpaper in a fresh ocean style. Original illustration36.

Screenshot37

Water Drops38
So realistic, these water drops (and optional ice drops) are also simple to do anywhere, anytime.

finaldrip.jpg39

Rainy Day Animation Using Photoshop40
Today lets 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.

Screenshot41

Create Water Droplets Tutorial42
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
43This 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.

Screenshot44

Maple Water Drop45

Screenshot46

Water Shower Out of an Elephants Trunk47

20.jpg48

Create a Waterdrop49
Older tutorial for Photoshop CS1

Water/Liquid Effects Tutorial Using Adobe Photoshop CS350 (video)

Water Drops!51 (YouTube video)
Drops on a Coke bottle.

waterdrops.jpg52

Add A Snow To A Photo53
This very easy tutorial will tell you how you can add snow to your photo.

Screenshot54

Water drops on a spiderweb55
Great effect for creating dewy spiderwebs.

Leaf drops56
Realistic water droplets on leaves.

005.jpg57

Adding water drops to waves58
Excellent tutorial on spicing up an action photo, like of surfing, with water.

final-result1.jpg59

Reflective writing with water60
A great tutorial on how to write with reflective water lines.

image21.jpg61

Ripple Tutorials

Illustrated water ripples62

Great tutorial on how to create water ripples in Illustrator, but not Photoshop unfortunately.

ripple-04.jpg

water-ripple.jpg63

Water Ripples64

This tutorial is contained in a single picture.

water-ripple.jpg65

Creating Water In Photoshop66
This is going to be a quick tutorial on how to create a water effect in Photoshop. This tutorial doesnt take long and you can get a really awesome effect that does surprisingly look like water. Hopefully by the end you should end up with something like this.

water-ripple.jpg67

Running Water Tutorial

How to create running water68

Create incredibly realistic flowing water.

tap_water_20.jpg69

Realistic water running on tap70
Through this tutorial, we will learn how to use a combination of Photoshop filters to create a realistic effect of water running from a tap. Requires Photoshop CS2 or later.

tap_water_20.jpg71

Water Running Effect Photoshop CS3 Tutorial72
In this tutorial we will show you how to create a water running effect in Photoshop CS3.

tap_water_20.jpg73

Seamless Water Texture74
In addition to using it for image backgrounds, this texture makes a great reflection map for more complicated works such as chrome objects.

tap_water_20.jpg75

Rain Tutorials

Transform a daylight image into a dark and stormy night76
Amazing tutorial that shows how to modify a perfectly sunny image into a night picture with nasty elements.

final_large.jpg77

Filtered rain effect78
Learn how to use several filters to get a rain effect in photos.

final-result-2.jpg79

Photoshop tutorial make rain cloud lighthouse80

final-result-2.jpg81

Rain Effect82
Learn how to create an artificial rain effect. Follow this simple tutorial that shows how to add a rain effect to any image using Photoshop CS.

final-result-2.jpg83

Rainy streets84
Take a perfectly dry street and make it look rain-soaked.

rainy_day23.jpg85

Photoshop Brushes

water_photoshop_brushes.jpg86

Obsidian Dawn has created a couple of sets of Photoshop brushes that can greatly aid in the creation of water effects. You can find bubbles, drops, tears, rain, splashes and many other elements from this first set of brushes, Photoshop water brush set I87. The second set of Photoshop brushes is similar to the first, except with a much higher resolution: Photoshop water brush set II88.

Besides: Vector Water Drops in Adobe Illustrator89, Rain Tear Drop Brushes90

Related Resources

Here are some other tutorials and Photoshop tutorials from Smashing Magazine:

Glen Stansberry writes for the web development blog Web Jackalope95 (feed96).

(al)

Footnotes

  1. 1 http://www.smashingmagazine.com/2008/08/07/50-photoshop-tutorials-for-sky-and-space-effects/
  2. 2 http://www.smashingmagazine.com/2008/01/10/adobe-photoshop-tutorials-best-of/
  3. 3 http://www.smashingmagazine.com/2008/03/28/adobe-photoshop-video-tutorials-best-of/
  4. 4 http://www.smashingmagazine.com/2008/07/15/70-beauty-retouching-photoshop-tutorials/
  5. 5 http://pshero.com/archives/water-drops
  6. 6 http://pshero.com/archives/water-drops
  7. 7 http://www.tutzor.com/index.php/2008/08/designing-a-war-movie-poster/
  8. 8 http://www.tutzor.com/index.php/2008/08/designing-a-war-movie-poster/
  9. 9 http://fun-g.deviantart.com/art/the-making-of-quot-our-future-quot-72087541
  10. 10 http://fun-g.deviantart.com/art/the-making-of-quot-our-future-quot-72087541
  11. 11 http://www.giveupalready.com/showthread.php?t=64917
  12. 12 http://www.giveupalready.com/showthread.php?t=64917
  13. 13 http://www.andreibilan.blogspot.com/2006/09/alien-water.html
  14. 14 http://www.andreibilan.blogspot.com/2006/09/alien-water.html
  15. 15 http://morteque.deviantart.com/art/The-Rain-Tutorial-88030743
  16. 16 http://morteque.deviantart.com/art/The-Rain-Tutorial-88030743
  17. 17 http://www.tutorialdesk.com/digital-art/composition-and-realistic-rain
  18. 18 http://www.tutorialdesk.com/digital-art/composition-and-realistic-rain
  19. 19 http://photoshopcontest.com/tutorials/26/displacement-water.html
  20. 20 http://photoshopcontest.com/tutorials/26/displacement-water.html
  21. 21 http://www.tutzor.com/index.php/2008/05/creating-the-water-man/
  22. 22 http://www.tutzor.com/index.php/2008/05/creating-the-water-man/
  23. 23 http://bwebi.com/water-dress.html
  24. 24 http://bwebi.com/water-dress.html
  25. 25 http://digitalphenom.deviantart.com/art/Waterdrops-Photoshop-Video-Tut-46856878
  26. 26 http://digitalphenom.deviantart.com/art/Waterdrops-Photoshop-Video-Tut-46856878
  27. 27 http://www.abduzeedo.com/water-drops-photoshop-5-minutes
  28. 28 http://www.abduzeedo.com/water-drops-photoshop-5-minutes
  29. 29 http://blog.cizalstudios.com/?p=6
  30. 30 http://blog.cizalstudios.com/?p=6
  31. 31 http://www.photoshopessentials.com/photo-effects/rainbow/
  32. 32 http://www.photoshopessentials.com/photo-effects/rainbow/
  33. 33 http://www.photoshopessentials.com/photo-effects/waterfalls/
  34. 34 http://www.photoshopessentials.com/photo-effects/waterfalls/
  35. 35 http://www.adobetutorialz.com/articles/2869/1/The-Ocean%92s-Freshness-Photo-Effects
  36. 36 http://mosk.deviantart.com/art/Fruit-43854159
  37. 37 http://www.adobetutorialz.com/articles/2869/1/The-Ocean%92s-Freshness-Photo-Effects
  38. 38 http://www.n-sane.net/effects/water-drops/index.php
  39. 39 http://www.n-sane.net/effects/water-drops/index.php
  40. 40 http://www.computersight.com/Software/Photoshop/Rain-Drops-Using-Photoshop.152919
  41. 41 http://www.computersight.com/Software/Photoshop/Rain-Drops-Using-Photoshop.152919
  42. 42 http://www.creativetechs.com/tips/quicktips_57_tutorial.html
  43. 43 http://www.photoshoptechniques.com/texp2/dropsptk.php
  44. 44 http://www.photoshoptechniques.com/texp2/dropsptk.php
  45. 45 http://www.rnel.net/tutorial/Photoshop/11577
  46. 46 http://www.rnel.net/tutorial/Photoshop/11577
  47. 47 http://www.invano.com/tutorials/photoshop/elephant.php
  48. 48 http://www.invano.com/tutorials/photoshop/elephant.php
  49. 49 http://www.13dots.com/forum/index.php?showtopic=4913
  50. 50 http://www.ethanadam.com/FAQ/ethanTutorial/photoshopWaterEffects/index.php
  51. 51 http://www.youtube.com/watch?v=XzcbQW7hKqs&feature=user%20%28Video%29=
  52. 52 http://www.youtube.com/watch?v=XzcbQW7hKqs&feature=user%20%28Video%29=
  53. 53 http://www.dphotojournal.com/photoshop-tutorials-adding-snow-to-a-photo-easy/
  54. 54 http://www.dphotojournal.com/photoshop-tutorials-adding-snow-to-a-photo-easy/
  55. 55 http://www.i4vn.com.vn/forum/showthread.php?p=391827
  56. 56 http://www.lunacore.com/photoshop/tutorials/tut006.htm
  57. 57 http://www.lunacore.com/photoshop/tutorials/tut006.htm
  58. 58 http://www.photoshopessentials.com/photo-effects/water-drops/
  59. 59 http://www.photoshopessentials.com/photo-effects/water-drops/
  60. 60 http://www.photoshopcafe.com/tutorials/liquid-type/liquid-type.htm
  61. 61 http://www.photoshopcafe.com/tutorials/liquid-type/liquid-type.htm
  62. 62 http://vectortuts.com/designing/create-a-cool-water-ripple-effect/
  63. 63 http://vectortuts.com/designing/create-a-cool-water-ripple-effect/
  64. 64 http://omertariq.deviantart.com/art/Water-ripples-tutorial-31630734
  65. 65 http://omertariq.deviantart.com/art/Water-ripples-tutorial-31630734
  66. 66 http://great-design.blogspot.com/2007/10/creating-water-in-photoshop.html
  67. 67 http://great-design.blogspot.com/2007/10/creating-water-in-photoshop.html
  68. 68 http://www.fierydarts.com/photo-effects/creating-water-from-a-tap.htm
  69. 69 http://www.fierydarts.com/photo-effects/creating-water-from-a-tap.htm
  70. 70 http://www.tutorialwiz.com/water_on_tap/
  71. 71 http://www.tutorialwiz.com/water_on_tap/
  72. 72 http://www.designertoday.com/Tutorials/Photoshop/4588/Water.Running.Effect.Photoshop.CS3.Tutorial.aspx
  73. 73 http://www.designertoday.com/Tutorials/Photoshop/4588/Water.Running.Effect.Photoshop.CS3.Tutorial.aspx
  74. 74 http://www.spoono.com/photoshop/tutorials/tutorial.php?url=water
  75. 75 http://www.spoono.com/photoshop/tutorials/tutorial.php?url=water
  76. 76 http://psdtuts.com/photo-effects-tutorials/transforming-a-daylight-image-into-a-wild-night/
  77. 77 http://psdtuts.com/photo-effects-tutorials/transforming-a-daylight-image-into-a-wild-night/
  78. 78 http://photoshoptutorials.ws/photoshop-tutorials/photo-effects/rain.html
  79. 79 http://photoshoptutorials.ws/photoshop-tutorials/photo-effects/rain.html
  80. 80 http://oogletutorials.com/photoshop-texture-and-surface/photoshop-tutorial-make-rain-cloud-lighthouse
  81. 81 http://oogletutorials.com/photoshop-texture-and-surface/photoshop-tutorial-make-rain-cloud-lighthouse
  82. 82 http://www.entheosweb.com/photoshop/rain_effect.asp
  83. 83 http://www.entheosweb.com/photoshop/rain_effect.asp
  84. 84 http://www.photoshoplab.com/Rainy-Day-Rain-Effect.html
  85. 85 http://www.photoshoplab.com/Rainy-Day-Rain-Effect.html
  86. 86 http://www.brushes.obsidiandawn.com/sets/water.htm
  87. 87 http://www.brushes.obsidiandawn.com/sets/water.htm
  88. 88 http://www.brushes.obsidiandawn.com/sets/waterII.htm
  89. 89 http://whitesandsdigital.com/wordpress/2008/04/17/vector-water-drops-in-adobe-illustrator/
  90. 90 http://skeiator.deviantart.com/art/Rain-Tear-Drop-Brushes-49288737
  91. 91 http://www.smashingmagazine.com/2008/08/07/50-photoshop-tutorials-for-sky-and-space-effects/
  92. 92 http://www.smashingmagazine.com/2008/01/10/adobe-photoshop-tutorials-best-of/
  93. 93 http://www.smashingmagazine.com/2008/03/28/adobe-photoshop-video-tutorials-best-of/
  94. 94 http://www.smashingmagazine.com/2008/07/15/70-beauty-retouching-photoshop-tutorials/
  95. 95 http://webjackalope.com/
  96. 96 http://feeds.feedburner.com/WebJackalope

Back to topTweet itShare on Facebook


40 Photoshop Tutorials On Rain Showers and Water Drops ...
Aww, Water effect photo montage looks like Shinybinarys tutorial for DA, but it is more detailed :) Nice collection of tutorials, good job.

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.

40 Photoshop Tutorials On Rain Showers and Water Drops ...
Advertisement 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

40 Photoshop Tutorials On Rain Showers And Water Drops ...
Related documents, manuals and ebooks about 40 Photoshop Tutorials On Rain Showers And Water Drops. Sponsored Downloads

40 Photoshop Tutorials On Rain Showers And Water Drops ...
40 Photoshop Tutorials On Rain Showers And Water Drops Related Posts. 40 Photoshop Tutorials On Rain Showers And Water Drops ; Top 20 Photoshop Water Drop Tutorials

40 Photoshop tutorials for Rain showers and water drops ...
Quick Step graphics is a blog dedicated to those who love to design! It contains the best tutorials going around and is great for the beginner to the expert!

Photoshop-Tutorial-for-Watercolor-Effect - Video Dailymotion
Giving Text Realistic Rain Drop Water Effect 40 How to Create a Photoshop tutorial for water color effect.

Comments on My Design Blog: 40 Photoshop Tutorials On Rain ...
Oh' thank you so much for sharing this0 Photoshop Tutorials On Rain Showers and Water Drops. It will really helps. I want to try that this weekend.

40 Photoshop Tutorials On Rain Showers And Water Drops ...
40 Photoshop Tutorials On Rain Showers Related Pictures 40 photoshop tutorials on rain showers and water drops 40 Cool Abstract and Background Photoshop

40 Photoshop Water Tutorials | Inspirations | Pinterest
Water Drops Tutorials Water Rain Showers. Theres more to see 40 Photoshop Water Tutorials Added by curvature of the mind. Via Katie Pearson.

About

Travelling is my life

Next
« Prev Post
Previous
Next Post »
Subscribe to: Post Comments (Atom)