Thursday, July 26, 2012

Animation Types Part 3: Flashing & Color change

This is the tutorial on the third and fourths types of animation in Photoshop. This will focus on how to make objects flash (Part A) and change color (Part B). It is recommended that you view my previous animation tutorials before viewing this one. 

Part A: Flashing

I am starting out with a plain white document (size 600x100) with a black heart in the center. 


Now make two more slides by clicking the new slide icon. On the second slide, hide the heart by clicking the eye icon in the layers palette. Leave the third slide as is.



Adjust the time for each slide. I am going to use .5 seconds per slide.

Select the first 2 slides by holding control and clicking both of the slides. Use the "tween" button like in previous tutorials. Leave settings on default and click "Ok". 


Now you will see that there are five more slides added to the palette between the selected slides. I changed the time of the new slides to 0.2 seconds; you can adjust it to your liking. The shorter the time, the faster the animation.


Do the same thing with the last two slides. Once again, I changed the time to 0.2 seconds for the new slides.


When you press play, the heart should fade out and then back in, giving it a "flashing" effect. This is what it should look like:



Part B: Color Change

Starting out with the same black heart as above, make one new slide.


One this new slide, click the layer styles icon (shown below) and choose "Blending Options".
From the box that pops up, click on the area that says "Color Overlay".


Now, choose a color that you'd like the heart to change to. If you want to change the color of something with more details, you might want to choose a different blending mode like "Multiply", "Color" or "Overlay" from the drop down box in that section. For the purpose of this tutorial, I am going to keep it at red and on "Normal". Click "Ok".


You should now see that the second slide has a red heart instead of a black one. Select both slides and use the "tween" option like before. Adjust the time intervals to your liking. I chose one second for the two original slides and 0.2 seconds for the new slides.


Press "Play" and the black heart should transition into a red one. You can repeat this same process with more layers and colors if you choose. 



No comments:

Post a Comment