Water drops on a spider web
- By Vlad Gerasimov
- Published 06/16/2008
- Effects
-
Rating:




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.

URL: http://www.vladstudio.com
29 Responses to "Water drops on a spider web" 
|
said this on 16 Jun 2008 7:08:50 AM CDT
mann this rating again - mest up with it - 5 stars
|
|
said this on 17 Jun 2008 7:16:16 AM CDT
That's one awesome tutorial!
|
|
said this on 17 Jun 2008 8:22:51 AM CDT
"Set foreground color to white, set small (2px) hard brush, and draw the web. This is how it looks at 100% zoom..."
Step is not understand. How to painted Web? Or where took brush? = \
|
|
said this on 17 Jun 2008 10:24:31 AM CDT
man this image is really cool, but it's too hard to draw all these lines :S
|
|
said this on 17 Jun 2008 12:25:56 PM CDT
Awesome, I must try this some time!It's so easy and so effective! Thanks for sharing :)
|
|
said this on 17 Jun 2008 2:51:47 PM CDT
This deserves a 5 star I've been looking for a way to do rain drops and water affect for ages you've helped a lot great affect thank you.
|
|
said this on 18 Jun 2008 6:52:35 AM CDT
sick thats pretty sweet!! ;0) yeahh!
|
|
said this on 18 Jun 2008 10:18:57 PM CDT
thanks! great tute & very clever effect
|
|
said this on 20 Jun 2008 8:57:00 AM CDT
I love this graphic :) For the web I would use the pen tool though, and then stroke it with a 2px brush. That makes it easier to get the lines a bit more even.
|
|
said this on 25 Jun 2008 5:07:35 AM CDT
Nice, I like this effect
|
|
said this on 30 Jun 2008 10:51:27 AM CDT
Nice effect..however, the drops wouldn't have drop shadows because they are not sitting on anything. Everything looks very realistic except for that...if you get rid of the shadows it would look much better.
|
|
said this on 07 Jul 2008 2:37:39 PM CDT
Amazing tut!
|
|
said this on 21 Jul 2008 7:30:24 AM CDT
very very amazing.
and very easy
|
|
said this on 25 Jul 2008 6:52:24 AM CDT
easy explained and with very nice result! Thanks
|
|
said this on 06 Jan 2009 9:17:56 PM CDT
You could also find a spiderweb, a spray bottle, and a camera to get more realistic results...
|
|
said this on 27 Apr 2009 4:16:34 AM CDT
beautifullllllllllllllllll!
|
|
said this on 28 Apr 2009 8:36:39 AM CDT
it's really a great combination of patience hardwork...
|
|
said this on 07 Jun 2009 8:08:38 AM CDT
Very nice tutorial, I've just tried it.
I'm wondering however, when giving the layer styles, the angle for "drop shadow" and "inner shadow" seems to be connected. If I try to change the inner shadow to angle
-90, the drop shadow changes as well, which makes the drop shadow go up, and this gives an unrealistic effect... Anyone have a solution for that ?
|
|
said this on 07 Oct 2009 4:26:02 PM CDT
I think this will be of benefit now and in the future.
|
|
said this on 27 Nov 2009 2:47:11 AM CDT
Look close and you'll see that many drops don't touch the spider werb at all. Terrible.
|
|
said this on 19 Feb 2010 10:48:33 PM CDT
whan to study how to design photoshop
|
|
said this on 21 Mar 2010 1:51:04 AM CDT
nice job! well done... keep going on...
|
|
said this on 07 Apr 2010 11:04:32 AM CDT
please share this tuto with me! thanks
|
|
said this on 22 Oct 2010 10:23:50 PM CDT
Very good tutorial. I tohught this was a photo :o It's a very simple idea, but I like how you show how to do many simple little tricks that I actually am surprised that I didn't know before. Thanks for helping me :D
|
We offer best quality HP2-E31 test papers and scmad materials. You can get our 100% guaranteed 000-979 dumps questions & crm dumps to help you in passing the real exam of network+ certification.


Author)