PDA

View Full Version : Rain sig tutoruial (PhotoShop)


The_Great_Jounin
22-04-2009, 12:10
1. Open the image of your choice.

http://i57.photobucket.com/albums/g232/Salvie321/The-Light.png

2. Make a new layer.

http://i57.photobucket.com/albums/g232/Salvie321/Tutorials/Rain-sig-tutoruial-PhotoSh.png

3. On the new layer go to Edit > Fill and choose black.

4. Filter > Noise > Add Noise use the settings below.

http://i57.photobucket.com/albums/g232/Salvie321/Tutorials/Rain-sig-tutoruial-PhotoSh-1.png

5. Filter > Blur > Motion Blur use the settings below.

http://i57.photobucket.com/albums/g232/Salvie321/Tutorials/Rain-sig-tutoruial-PhotoSh-2.png

6. Change the blending mode to "Screen".

7. Hit "Ctrl+L" use settings below.

http://i57.photobucket.com/albums/g232/Salvie321/Tutorials/Rain-sig-tutoruial-PhotoSh-3.png

8. In the layers window, right click on the rain layer you've just created, click Blending Options... and reduce the opacity to about 60 so the sig becomes visible.

http://i57.photobucket.com/albums/g232/Salvie321/Tutorials/Rain-sig-tutoruial-PhotoSh-12.png

9. Repeat steps 2-7 three more times.

10. Make your layers look like this before going to image ready to animate the rain.

http://i57.photobucket.com/albums/g232/Salvie321/Tutorials/Rain-sig-tutoruial-PhotoSh-9.png
Click here to open up ImageReady.

http://i57.photobucket.com/albums/g232/Salvie321/Tutorials/Rain-sig-tutoruial-PhotoSh-6.png

11.Now that you are in ImageReady, duplicate the 1st frame 3 times.

http://i57.photobucket.com/albums/g232/Salvie321/Tutorials/Rain-sig-tutoruial-PhotoSh-7.png

12. Now with the 1st frame highlighted make the layer pallete look like this.

http://i57.photobucket.com/albums/g232/Salvie321/Tutorials/Rain-sig-tutoruial-PhotoSh-5.png

13. Select frame 2 and make the layers pallete look like this.

http://i57.photobucket.com/albums/g232/Salvie321/Tutorials/Rain-sig-tutoruial-PhotoSh-8.png

14. Select the 3rd frame and make the layers pallete like this.

http://i57.photobucket.com/albums/g232/Salvie321/Tutorials/Rain-sig-tutoruial-PhotoSh-10.png

15. Select the 4th frame and make the layers pallete like this.

http://i57.photobucket.com/albums/g232/Salvie321/Tutorials/Rain-sig-tutoruial-PhotoSh-11.png

16. Press "play" on the animation pallete and that is it (you may want to add a delay to each frame to control the speed)!

http://i57.photobucket.com/albums/g232/Salvie321/Tutorials/The-Light.gif

Playing around with the settings on steps 4 and 5 produce different styles of rain/snow.

To Save, go to File > Save Optimized As...

I hope I have made it easy enough to follow.

Deadly-Dreamer-X
26-01-2010, 01:53
Pretty awesome, I did use the rain technique but not an animated one. Thanks on that.

Geass
27-01-2010, 00:49
For greater effect, I also say start adding a pixel dot on several layers along with the rain to give out the effect of rain hitting an object. :s

InfamousOreo
19-07-2010, 13:38
If u have CS3 Master Collection you can animate it in photoshop yourself (i've done it :P)
I can't remember where i found the tutorial but i'll post it here.

Nice tut by the way, didn't know much about the second program though.

Here you are:
http://www.planetphotoshop.com/animated-rain.html