Taylor Swift Graphix

Tutorials

Animated Rain

Posted by Tanya on May 17, 2013 at 11:50 PM

This is a tutorial of how to add animated rain to a graphic using Photoshop CS5.1 using a PC. (Click to enlarge photos.)


The example will turn out like this:


Step One: When you have finished creating your graphic, open up a blank new layer.


Step Two: Take the paint bucket tool and completely fill in the layer with the color black.


Step Three: Go to the top of the screen under "Filter > Noise > Add Noise..."


Step Four: Change the settings - Amount: 40% - Distribution: Gaussian - Check off the Monochromatic box.


Step Five: Go to the top of the screen under "Filter > Blur > Motion Blur..."


Step Six: Change the settings: Angle: 45 - Distance: 13 pixels


Step Seven: Go above your layers menu, click on the drop box, select "Screen."


Step Eight: Go to the top of the screen under "Image > Adjustments > Brightness/Contrast..."


Step Nine: Change settings: Brightness: 50 - Contrast: 0


Step 10: Go to the top screen under "Edit > Free Transform"


Step Eleven: While holding down the Shift key, drag one corner of the layer outward to enlarge it slightly. Then center the bounding box. Press Enter.


Step Twelve: Go to the top of the screen under "Layer > Duplicate Layer..." Press the "OK" button when the menu pops up.


Step Thirteen: Hide Layer 1 in your layer menu. Leaving Layer 2 visible.


Step Fourteen: Drag the layer slightly down and towards the right on your workspace. Do not resize. Only drag. (The bounding box will not be on your image, I only showed this to show where to move the layer.)


Step Fifteen: Go back into your layer menu and click to only have Layer 1 visible.


Step Sixteen: In your animation bar at the bottom of the screen (which can be brought up going under "Window > Animation") click on the "Duplicate Frame" button. While that frame is highlighted in blue, make Layer 2 visible and Layer 1 not visible.


Step Seventeen: Under your animation bar, highlight both of your frames by click on the first frame, holding down the shift key, then pressing frame 2. Under one of the frames, click on the little arrow tab to change the animation speed. Change the speed to 0.2 seconds. Also, make sure the tab under your frames reads "Forever" so that your animation will loop contantly after you save. You can press the play button to see your rain animate.


Step Eighteen: To save your file, go to the top of the screen under "File > Save for Web & Devices..."


Step Nineteen: When the save menu comes up, make sure the drop down menu reads "GIF" then press save.




And that's it! :)


Love love love, Tanya




Categories: None

Post a Comment

Oops!

Oops, you forgot something.

Oops!

The words you entered did not match the given text. Please try again.

Already a member? Sign In

2 Comments

Reply Amelia
10:02 AM on November 15, 2013 
OMG thank you so much for this! ILY!

Will you do a tut on how to make those blinking eyes you did in your RED graphics? They're really cool but I'm seriously so helpless xD
Reply Tanya
4:16 PM on November 15, 2013 
Amelia says...
OMG thank you so much for this! ILY!

Will you do a tut on how to make those blinking eyes you did in your RED graphics? They're really cool but I'm seriously so helpless xD

You're very welcome! I'm glad it was helpful for you. :) Yeah, I can do a tutorial for the blinking eye graphics, they are a bit harder to do sometimes depending on the photo of Taylor that you're using, but I will try to make a tutorial for that sometime soon! :) Thanks for your comment!