Simple Animation

16Mar08

A simple animation trick that anybody can learn, click read more to learn how to do so.

Simple Animation – by glors

Example

Start off with 2 affiliate with the same sizes. You can even use 2 tags that are the same size, anything will work, but for the purpose of this I will be using 2 affiliates.

So your layers right now are either affiliate 1 and affiliate 2 or tag 1 and tag 2 something along those lines. Have only 2 layers.

Now go to Windows >> Animations (something should pop up near the bottom of the screen)

Now in the animation windows, click “duplicate frame” It should look like a near layer icon (beside thrash can)

Make sure both layers are visible in the 2 frames. No go to frame number 2 and selection the layer you want to move. Move the layer that you want to move up all the way with the arrow key until you can’t see it anymore.

Notice one is white other frame is black because white layer has been moved in the second frame

Now click “Tweens Animation Frames” (beside the new frame in animation window)

A box shall pop up. Just change the number to whatever you want. (lower for it to move faster, higher for slower rate)

I used the number 30. I now have a total of 32 frames with an animation that goes up and repeats.

So far.

Now go to your last frame in the animation window (frame 32 for me) Duplicate it (so I got 33 frames)

now on the last frame that you just duplicated, move the layer that was moved previously back down to its original spot with the arrow key.

Now press the “Tweens Animation Frames” again The box pops up and then pick a number again, I stuck with the number 30.

With a total of 63 layers, I have finished the simple animation.

Now go to File >> Save for Web.

Save, host and look at your results.

Thanks for reading!

Filed under: All, All Tutorials, Animation   |  2 Comments