Rain Drops

Learn how to add artificial rain drops to images in Photoshop.

1. Open any image that you want to add rain drops too. In order to make this look
more realisitc, I'm going to use the following image of a green leaf.

2. Create a new layer named Drop1 and select the Elliptical Marquee Tool and
make a selection which looks like a drop on the leaf.
3. Next set press D on your keyboard to set the foreground color to black and the
background color to white, or you can do this manually. After reseting these colors,
select the Gradient Tool from the Tools Palette. In the tool options bar at the top of
the screen, make sure that the first button, linear gradient is selected and that the
foreground to background gradient is selected.

Now that the proper Gradient Tool settings have been selected, drag the mouse from
the left side of the selected oval to the right.

4. With the Drop 1 layer selected, change this layer's blend mode to Overlay in the
Layers Palette.

Learn how to add artificial rain drops to images in Photoshop.

5. Next right-click on the Drop 1 layer and select Blending Options. Apply the
following Drop Shadow settings: Opacity 50, Angle 158, Distance 7, Spread 0, and
Size 5.

6. Apply the following Inner Shadow settings: Opacity 75, Angle 158, Distance 5,
Spread 0, and Size 5.

7. For the Glow Effect, create a new layer named Glow and set the foreground color
to white. Then select the Brush Tool and make a small dot in the drop. Here is the
final effect:
Note: For making the curved drops select the Drop 1 layer then go to Filter >
Liquify and make appropriate shape and click OK.

Rain Drops!
1. Create new layer 550x550, 72pixels white background

2. Copy wood grain on Photoshop page right

click copy

3. Click on new layer just made right click and

paste

64. Layer/merge down then create new layer on

top of wood grain

5. Select 19 pixel hard paintbrush hit D Key

write your name and put dot around name and
make lines swiggle downward.

6. Reduce fill opacity to 3 on layer 1 to do this

double-click layer one in middle of box you will
see bold letter Advance blending below that is fill opacity this will make it almost
disappear do not worry.

7 Next double click drop shadow box settings :

• Blend Mode to multiple

• opacity 100 %
• Angle 90
• distance 1
• spread 0
• size 1
• quality
• contour Gaussian
 8 Add soft inner shadow settings Blend Mode to
color burn

• opacity 43 %
• Angle 90 use global light checked off
• distance 5
• Choke 0
• size 10

9. Add inner glow effect structure settings

• Blend Mode to Overlay

• opacity 30 %
• noise 0
• set color chip to black
• Elements
• technical softer
• source edge
• choke 0
• size 5

10. Add bevel and embossed settings structure

• Style inner bevel

• Technique chisel hard
• depth 250 %
• direction up
• size 15 px
• soften 10
• Shading settings
• Angle 90
• check off use global light (default setting)
• attitude 30 (default setting)
• gloss contour linear (default setting)
• highlight mode screen (default setting)
• opacity 100 %
• shadow mode to color dodge
• opacity 37 %

11. Last click new style save as rain. you can use this style in any black text, drops or
lines
1. To begin we need to open a background image, whichever u want, here I use a
background which is in the Sample folder which comes with the photoshop installation.

2. Press shift+ctrl+N to create a new layer. And make sure u got Black for the foreground and
white for the background

3. go up to brush and select the Hard Round 19 Pix brush, then go back to the document and
click drag to create a drop shape which we're gonna build the layer style on, make sure the
drop shape is created on layer1, which is above the background
4. Now use the zoom tool to zoom in the drop shape so we can easily observe the changes of
it

5. Right click layer 1 in the layers window, select Blending Options

6. In the Blending Options dialog box, Go the Advancing Blending, set the fill opacity to 3%,
this will make the black drop seem disappeared

7. now Click on the name of Drop Shadow, set:

a) Opacity: 100%

b) Angle: 30

c) Distance: 1

d) Size: 1

e) Contour: Gaussian

If u don't understand, just look at this diagram and set exactly like this.

8. Now activate the Inner Shadow section by clicking its name on the left of the dialog box,
and set:

a) Blend Mode: Color Burn

b) Opacity: 43%

c) Size: 10

9. Activate the Inner Glow section, set:

a) Blend Mode: Overlay

b) Opacity: 30%

c) Color Chip: Black

10. Go to the bevel and emboss section, In the structure section set

a) Technique: Chisel Hard

b) Depth: 250%

c) Size: 15

d) Soften: 10

In the shading section below, set:

a) Angel: 90

b) Altitude: 30

c) Highlight Opacity: 100%

d) Shadow Mode: Color dodge

e) Shadow Color: White

f) Shadow Opacity: 37%

11. Now we are done with the layer style setting, if u want to save the style for later use, click
New Style, enter the name of the style, and u'll be able to use it on any other images by
clicking Window>>>>>Show Style, and apply the style by clicking on the style squares

Funny thing now! select whatever tools that can draw. Brushes, pencil, etc. Draw on layer 1,
see what happened? What u draw is raindrop material instead of black color shape, u can
also put texts on it. If you want to do it on another layer, u have to apply layer style on the
layer which u working on, following the instruction in step 11.

This is the one I did, use ur imagination, do some creative job!

Wet Text and Water Droplets
In this tutorial we'll learn how to make wet looking text along with very realistic
looking water drops. This effect is quick and easy to achieve. Here's an example of
the finished product:
 wet text, liquid text, gel text, water drops, water droplets, special
Keywords:
effects
Text tool, Paint Brush, Gradient tool, Layer Styles, Drop Shadow,
Features Used:
Inner Shadow, Bevel and Emboss, Advanced Blending Options

We'll start out with a simple gradient for our background, so create a new image with
a transparent background. For my example here, I made the image 800 pixels wide by
600 pixels.

Next, I set the foreground color to #0a10ff and the background color to #3ed3d5. You
can choose other colors to suit your needs, though the water effect looks best against
blue. Once you have your colors selected, choose the Gradient Tool and swipe out
a gradient. I created mine on a diagonal to make it a bit more interesting looking, but
you can choose whatever look you want.
2
Now let's add our text. I chose the Lucida Handwriting font. Any font will work, of
course, but a font that has smooth flowing letters will create a better wet text look. I
set the point size to 300 and the text color to black. It doesn't matter what color you
use for the text because we will remove it later on. Don't worry about the position of
the text because we're going to move it soon. Finally, rasterize the text by selecting
Layer->Rasterize->Type.

3
Now let's add some water drops to make it more interesting looking. We'll do this
with paintbrush tool . Set the foreground color to black and choose a regular
round brush tip. Set the size to 35 and opacity and flow to 100%. Now draw a line
under the text to add some emphasis to it. Just draw it free hand since it doesn't have
to be perfectly straight, in fact it looks better if it isn't. To make water drops, just paint
some circles with brush. I just touched the brush in a few random places while
varying the brush size. For a few of them, I drew a very short line just so a few of the
drops wouldn't be perfectly round. This will make it look more like real water
droplets.

4
Next we'll put the text on an angle and make it recede a little into the distance. This is
just to make it look a little more interesting and you can skip this if you want.

First, choose Edit->Transform->Perspective and grab the handle on the upper right
corner. Move the handle down slightly to squeeze the right side a bit.

Now choose Edit->Transform->Rotate and rotate the layer so that the text more or
less aligns with the angle of the gradient. Move the text if needed to make it line up
with where the two colors in the background gradient cross over. We'd like to have
the center of the text align on top of the cross over point between the lighter and
darker color to maximize the effect.

5
Time to create the water effect by using a Layer Style. Select Layer->Layer Style-
>Drop Shadow to bring up the Layer Styles dialog box. Set the style as indicated
here:

Don't click OK just yet since we have to set more options.

6
Now click on Inner Shadow and use the settings as indicated here:

7
Next up are the settings for Bevel and Emboss:
8
The final setting is in Blending Options: Custom up at the top of the list on left side of
the dialog box:

The important setting is to set the Fill Opacity to zero. This removes the color of the
text itself and just leaves the effect. Now it's time to click OK and see the result of all
these effects:

9
What we have looks pretty good and you can stop here if you want. I'm going to add
one more step to make it a bit more interesting looking by adding just a little
distortion to make it look a little more fluid. With the layer containing the text and
water droplets still selected, choose Filter->Distort->Zig Zag and use the settings
shown here:
This just adds a little fluid waviness to our wet text and makes it look a little more
liquid. If you prefer the more gel-like look we had at the end of Step 8, then just omit
this last step. Here's the final product:

You can of course vary the settings I've used here. The ones I've provided are just to
give you a starting point.
Start with new document, fill background layer with solid color of your liking.

With very large soft brush (B), put some colored dots here and there.

Repeat until you are satisfied with the background. Apply some Gaussian Blur (in
Filter menu - Blur) and add a little noise (Filter menu - Noise - Add noise).
... Or, you can use blue-to-black radial gradient to fill the background!

Set foreground color to white, set small (2px) hard brush, and draw the web. This is
how it looks at 100% zoom...
... and this is zoomed out view.

Set web layer blend mode = Overlay, add some Noise to this layer, then go to Layer
menu - layer style - blending options, and add some shadow (size = 1px, mode =
overlay, opacity = 40-50%)
Now it is time to create water drops. Drawing drops one by one is not very efficient.
Instead, we will use the power of Photoshop brush settings! Create new layer, then
open Brushes palette window (from Window menu). Click brush tip shape. set
Diameter to 13px (or adjust it accroding to your image size). Set spacing to about
200%.

Then click Shape Dynamics = make sure the checkbox is checked. Set Size Jitter to
about 75%, and minimum diameter to about 50%.
Now make a single brush stroke, and you should get many nice "water drops" in a
single stroke!

Do not stop until entire web is filled with water drops.

(this
is zoomed out view)
Our drops are now just white dots. To turn them into water, use the power of Layer
Style! Open Layer Style, set layer blend mode to Multiply (dots are white, this will
make them invisible) and add the following: - Drop shadow (multiply, 50%, 1-2px) -
Inner shadow (angle = -90!, white color, Overlay, 2px) - Inner Glow (Overlay, 1px,
50%) - Bevel and Emboss (highlight mode = screen 40%, shadow mode = white,
overlay, 50%, size=3px, soften=6px) - Satin (color = black, Overlay, opacity = 20%,
distance = 8px, size = 2px). Much better!

Now, the lines of spiderweb are visible through water drops. This is not very
beautiful. Right-click on "thumbnail" icon representing drops layer in Layers palette,
context menu will open, click "Select Pixels".
Select layer with spider web, and delete selection.

I want to add small white highlight (as if reflecting light from above) to each
waterdrop, but it cannot be done with layer effects. I also do not want to use brush to
put every dot manually. Instead, Select Pixels of water drops layer again. Then go to
Select menu - Modify - Contract (2px).
Create new layer, fill selection with white color.

Go to Select menu - Modify - Expand (2px). Then move selection 4 px down.

Delete selection. Then move selection 2px left, delete again, then move to the right,
delete again.
Final Wallpaper: