Water drops on a spider web

 
Start with new document, fill background layer with solid color of your liking.
 
Water drops on a spider web - making of - Step 1

With very large soft brush (B), put some colored dots here and there.
 
Water drops on a spider web - making of - Step 2

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).
 
Water drops on a spider web - making of - Step 3

... Or, you can use blue-to-black radial gradient to fill the background!
 
Water drops on a spider web - making of - Step 4

Set foreground color to white, set small (2px) hard brush, and draw the web. This is how it looks at 100% zoom...
 
Water drops on a spider web - making of - Step 5

... and this is zoomed out view.
 
Water drops on a spider web - making of - Step 6

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%)
 
Water drops on a spider web - making of - Step 7

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%.
 
Water drops on a spider web - making of - Step 8

Then click Shape Dynamics = make sure the checkbox is checked. Set Size Jitter to about 75%, and minimum diameter to about 50%.
 
Water drops on a spider web - making of - Step 9

Now make a single brush stroke, and you should get many nice "water drops" in a single stroke!
 
Water drops on a spider web - making of - Step 10

Do not stop until entire web is filled with water drops.
 
Water drops on a spider web - making of - Step 11

(this
  
is zoomed out view)
 
Water drops on a spider web - making of - Step 12

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!
 
Water drops on a spider web - making of - Step 13

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".
 
Water drops on a spider web - making of - Step 14

Select layer with spider web, and delete selection.
 
Water drops on a spider web - making of - Step 15

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).
 
Water drops on a spider web - making of - Step 16

Create new layer, fill selection with white color.
 
Water drops on a spider web - making of - Step 17

Go to Select menu - Modify - Expand (2px). Then move selection 4 px down.
 
Water drops on a spider web - making of - Step 18

Delete selection. Then move selection 2px left, delete again, then move to the right, delete again.
 
Water drops on a spider web - making of - Step 19

 
Water drops on a spider web - making of - Step 20
Final Wallpaper:



Click to see final wallpaper!

Author: Vlad Gerasimov
URL:    http://www.vladstudio.com
   


Popular Tutorials

Christmas Wallpaper or Backgrounddrawing shiny girl in Adobe Photoshop CSYellow Portrait Photo Effect in Adobe Photoshop CSGreen Field WallpaperOld Venice Photo Effectscool backgroundDesign a colorful Northern Lights landscapeSmoke EffectChristmas Night Wallpaper

Latest Tutorials

OrangeMaking a plastic pepper project wallpaperGradient ToolwallpaperHow to make frees style wallpaperChristmas Ballsgreat color combinationscool backgroundcomposite all

29 Responses to "Water drops on a spider web"

 
JEKA Rating: ratingfullratingemptyratingemptyratingemptyratingempty Unrated
said this on 16 Jun 2008 7:07:48 AM MDT
it wasn't me ))

 
JEKA Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 16 Jun 2008 7:08:50 AM MDT
mann this rating again - mest up with it - 5 stars

 
TheSlingshot Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 17 Jun 2008 7:16:16 AM MDT
That's one awesome tutorial!

 
Martin Rating: ratingfullratingfullratingfullratingemptyratingempty Unrated
said this on 17 Jun 2008 8:22:51 AM MDT
"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? = \

 
J??lio Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 17 Jun 2008 10:24:31 AM MDT
man this image is really cool, but it's too hard to draw all these lines :S

 
Madalina Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 17 Jun 2008 12:25:56 PM MDT
Awesome, I must try this some time!It's so easy and so effective! Thanks for sharing :)

 
cuddyhand Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 17 Jun 2008 2:51:47 PM MDT
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.

 
andero Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 17 Jun 2008 3:49:34 PM MDT
well explayned

 
Hailey Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 18 Jun 2008 6:52:35 AM MDT
sick thats pretty sweet!! ;0) yeahh!

 
Jackie Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 18 Jun 2008 10:18:57 PM MDT
thanks! great tute & very clever effect

 
Karen Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 20 Jun 2008 8:57:00 AM MDT
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.

 
LuciferX Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 25 Jun 2008 5:07:35 AM MDT
Nice, I like this effect

 
cudagrylls Rating: ratingfullratingfullratingfullratingemptyratingempty Unrated
said this on 30 Jun 2008 10:51:27 AM MDT
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.

 
Mattitiah Curtis Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 07 Jul 2008 2:37:39 PM MDT
Amazing tut!

 
i*ron Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 21 Jul 2008 7:30:24 AM MDT
very very amazing. and very easy

 
Tanya Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 25 Jul 2008 6:52:24 AM MDT
easy explained and with very nice result! Thanks

 
Janet Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 31 Jul 2008 8:35:37 AM MDT
Very nice tut. Thanks

 
Ryan Rating: ratingfullratingfullratingemptyratingemptyratingempty Unrated
said this on 06 Jan 2009 9:17:56 PM MDT
You could also find a spiderweb, a spray bottle, and a camera to get more realistic results...

 
kavitha Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 27 Apr 2009 4:16:34 AM MDT
beautifullllllllllllllllll!

 
nitesh Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 28 Apr 2009 8:36:39 AM MDT
it's really a great combination of patience hardwork...

 
Anja Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 07 Jun 2009 8:08:38 AM MDT
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 ?

 
izmir web tasarim Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 05 Oct 2009 4:22:31 AM MDT
amazing

 
Shaz Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 07 Oct 2009 4:26:02 PM MDT
I think this will be of benefit now and in the future.

 
Tetta Rating: ratingfullratingemptyratingemptyratingemptyratingempty Unrated
said this on 27 Nov 2009 2:47:11 AM MDT
Look close and you'll see that many drops don't touch the spider werb at all. Terrible.

 
sopheap Rating: ratingfullratingfullratingemptyratingemptyratingempty Unrated
said this on 19 Feb 2010 10:48:33 PM MDT
whan to study how to design photoshop

 
Ryan Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 24 Feb 2010 6:13:31 AM MDT
Brilliant....

 
Clipping Path Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 21 Mar 2010 1:51:04 AM MDT
nice job! well done... keep going on...

 
pacome kouakou Rating: ratingfullratingfullratingemptyratingemptyratingempty Unrated
said this on 07 Apr 2010 11:04:32 AM MDT
please share this tuto with me! thanks

 
??? Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 22 Oct 2010 10:23:50 PM MDT
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




Rate this article and leave a reply:
Rating: * Poor Excellent
Your Name *: Email (private) *: Website:
Please copy the characters from the image below into the text field below. Doing this helps us prevent automated submissions.
Security Code: img

Our complete set of actualtests sat subject tests and pass4sure scjp guides you in exact way so you will pass your real selftestengine ccna dumps exam. Our passguide ccna dumps helps you to pass realtests rhce exam.





Partner Links

advertise here ...
CSS Gallery