Rain Tutorial 4 replies

Please wait...

SwiftGuard

LOL SILLY NAME IS SILLY

50 XP

3rd April 2005

0 Uploads

2,344 Posts

0 Threads

#1 13 years ago

I know there's probably already one of these lying around the GD, but by now it's probably at the 5th to last page. But oh well. Anyways...

So, wanting to know how to animate the rain in yer sig? Or just wanting rain, animated or not? Well, wether your a newb (not n00b), a soon-to-be pro, or a vet at Photoshopping, hopefully this'll help ye. Now, I'm using Adobe Photoshop CS2, so the format may be different, or some toos might be missing. Also note that this'll be a big file, so make sure you know the max sig size at different forums. Well, let's get started, shall we? 1) Open up the sig in which you want the clouds to be taking a break. Next, make a new layer (Ctrl+Shift+N), and name it 'Rain 1'. You should now have something like this. 2) Now, either fill the layer with black paint via the Paint Bucket, or use the paint brush to paint the entire layer black. Then go to Filter > Noise > Add Noise, and use these settings: Amount: 65% Distribution: Gaussian Monochromatic Then go to Filter > Blur > Motion Blur, and use these settings: Angle: 75 Degrees Distance: 35 Pixels Now, set the layer's blend mode to 'Soft Light'. If you want to, you can press Ctrl+U to set the layers color and saturation, but it's not necessary. You should now have something like this. 3) Repeat steps 1 and 2, and make 3 more layers. On each new layer, though, change the amount of noise by 1%, so that the first layer will have 65% of noise, while the last will have 68%. If you coloring each layer, then (of course) make each layer the same color.

If you want animated rain, then keep reading. If not, then don't, you're done.
4) Now, click on the button which takes ye to ImageReady. This is where we begin to animate yer rain. If you don't have the Animation Window open, then go to Windows > Animation. 5) Now, on the animation window (which should be at the bottom of the ImageReady window), select the first and only frame, and click on the duplicate button, next to the delete button, which looks like a trash can, for ye newbs to ImageReady/Photoshop. 6) Anyways, duplicate the first frame 3 times, which leaves you with 4 frames. On each frame, make one Rain Layer visible, going in order. (I.e., Frame 1 + Layer 1, Frame 2 + Layer 2, etc.) Now, click on the play button to see how it looks. 7) Now, go to each frame, and change the time delay on each one. Pick whatever time suits you - I've found that 0.1 seconds is best, being not too fast or too slow. When you're done tweaking, go to File > Save optimized, and save. Congrats, your sig is now being tinkled on by the skies. Depending on if you actually followed the tut (:p), your sig may or may not look this: examplesig29sl.gif
Have a nice time, and see ya later. :cya:
This me first tut, so don't expect it tew be perfect, do ye ken? :p



Phoenix_22 VIP Member

46 and 2, are just ahead of me

255,785 XP

23rd September 2004

0 Uploads

24,266 Posts

0 Threads

#2 13 years ago

Why did your font change?

The only thing is that you want to mention the splashes. Use a 1 pixel or 2 pixel brush thing to make soem splotches.




SwiftGuard

LOL SILLY NAME IS SILLY

50 XP

3rd April 2005

0 Uploads

2,344 Posts

0 Threads

#3 13 years ago

Font? Where? The tut or sig? or w/e... But splashes.... Hmm, good idea, except I amke horrible splashes.




SMC21

Please insert coin to continue

50 XP

9th April 2005

0 Uploads

1,419 Posts

0 Threads

#4 13 years ago

Yeah good tutorial, and good screencapturing the steps. Also, nice sig ;)




SwiftGuard

LOL SILLY NAME IS SILLY

50 XP

3rd April 2005

0 Uploads

2,344 Posts

0 Threads

#5 13 years ago

Thank ye kindly.