Phoyo - Rain Drops

8/7/2019 Phoyo - Rain Drops

1/28

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 andmake a selection which looks like a drop on the leaf.


2/28

3. Next set press D on your keyboard to set the foreground color to black and thebackground 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 theforeground to background gradient is selected.

Now that the proper Gradient Tool settings have been selected, drag the mouse fromthe 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.


3/28

5. Next right-click on the Drop 1 layer and select Blending Options . Apply thefollowing Drop Shadow settings: Opacity 50, Angle 158, Distance 7, Spread 0, andSize 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 thefinal effect:


4/28

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 rightclick copy

3. Click on new layer just made right click andpaste

64. Layer/merge down then create new layer ontop of wood grain

5. Select 19 pixel hard paintbrush hit D Keywrite your name and put dot around name andmake lines swiggle downward.

6. Reduce fill opacity to 3 on layer 1 to do thisdouble-click layer one in middle of box you will

see bold letter Advance blending below that is fill opacity this will make it almostdisappear 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


5/28

8 Add soft inner shadow settings Blend Mode tocolor 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


6/28

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 andwhite for the background

3 . go up to brush and select the Hard Round 19 Pix brush, then go back to the document andclick drag to create a drop shape which we're gonna build the layer style on, make sure thedrop shape is created on layer1, which is above the background


7/28

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:


8/28

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:


9/28

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%


10/28

11. Now we are done with the layer style setting, if u want to save the style for later use, clickNew Style, enter the name of the style, and u'll be able to use it on any other images byclicking 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 canalso put texts on it. If you want to do it on another layer, u have to apply layer style on thelayer which u working on, following the instruction in step 11.

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


11/28

Wet Text and Water Droplets

In this tutorial we'll learn how to make wet looking text along with very realisticlooking water drops. This effect is quick and easy to achieve. Here's an example of the finished product:


12/28

Keywords: wet text, liquid text, gel text, water drops, water droplets, specialeffects

Features Used: Text tool, Paint Brush, Gradient tool, Layer Styles, Drop Shadow,Inner Shadow, Bevel and Emboss, Advanced Blending Options

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

Next, I set the foreground color to #0a10ff and the background color to #3ed3d5. Youcan 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 outa gradient. I created mine on a diagonal to make it a bit more interesting looking, butyou can choose whatever look you want.


13/28

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. Iset the point size to 300 and the text color to black. It doesn't matter what color youuse 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 selectingLayer->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 lineunder the text to add some emphasis to it. Just draw it free hand since it doesn't haveto be perfectly straight, in fact it looks better if it isn't. To make water drops, just paintsome circles with brush. I just touched the brush in a few random places while


14/28

varying the brush size. For a few of them, I drew a very short line just so a few of thedrops 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 isjust 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 rightcorner. 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


15/28

with where the two colors in the background gradient cross over. We'd like to havethe center of the text align on top of the cross over point between the lighter anddarker 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 indicatedhere:

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

6


16/28

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

7

Next up are the settings for Bevel and Emboss:


17/28

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 thetext itself and just leaves the effect. Now it's time to click OK and see the result of allthese effects:

9

What we have looks pretty good and you can stop here if you want. I'm going to addone more step to make it a bit more interesting looking by adding just a littledistortion to make it look a little more fluid. With the layer containing the text andwater droplets still selected, choose Filter->Distort->Zig Zag and use the settingsshown here:


18/28

This just adds a little fluid waviness to our wet text and makes it look a little moreliquid. If you prefer the more gel-like look we had at the end of Step 8, then just omitthis 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.


19/28

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).


20/28

... 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 ishow it looks at 100% zoom...


21/28

... 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%)


22/28

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, thenopen Brushes palette window (from Window menu). Click brush tip shape. setDiameter to 13px (or adjust it accroding to your image size). Set spacing to about200%.

Then click Shape Dynamics = make sure the checkbox is checked. Set Size Jitter toabout 75%, and minimum diameter to about 50%.


23/28

Now make a single brush stroke, and you should get many nice "water drops" in asingle stroke!

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

(thisis zoomed out view)


24/28

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 willmake 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 verybeautiful. Right-click on "thumbnail" icon representing drops layer in Layers palette,context menu will open, click "Select Pixels".


25/28

Select layer with spider web, and delete selection.

I want to add small white highlight (as if reflecting light from above) to eachwaterdrop, but it cannot be done with layer effects. I also do not want to use brush toput every dot manually. Instead, Select Pixels of water drops layer again. Then go to

Select menu - Modify - Contract (2px).


26/28

Create new layer, fill selection with white color.

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


27/28

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


28/28

Final Wallpaper:

Documents

Phoyo - Rain Drops