Adobe Animate

Key-Frame Animation

When using key-frames to create an animation, the flow may not be as fluent and will not look as clean. However, it gives you complete freedom over each individual frame. For example, on the left it shows balls moving and changing colors each frame. This shows that I have total freedom of the shape at each frame however the transition is not smooth.

Tween Animation

Here using a tween, it allows for the ball to bounce much more smoothly using a start and end path. You can also add in frames in between the start and end to allow for more intricate animations. I also managed to alter the size of the shape when it hits the bottom of the box which shows that I still have control of the image.

Tween Effects:

Scale/Grow - The effect works in a simple way and allows for the object to be altered in size at different times in the animation. For example, you can select the first frame of the tween and set the size of the image, then go to the last frame and set a different size and watch the object change over time.

Alpha (transparency) - This effect works in a slightly different way, you would select the object on the first frame, set the "color-effect" style to alpha and then to what you want. You can then select another frame and set a different alpha. Then watch your object as it changes.

Ease In - The effect allows for the object to complete the tween in the exact same time, but get faster as it progresses. You select the first frame and set the ease to negative which allows it to ease IN.

Ease Out - The effect allows for the object to complete the tween in the exact same time, but get slower as it progresses. You select the first frame and set the ease to positive which allows it to ease OUT.

Rotate - This effect is pretty self explanatory, it allows for the object to rotate as the tween progresses. You select the layer you want to rotate, then set the rotation property to the amount of times you wish to rotate the object.

Swap - This is very different as it allows for you to swap the image to a new image. This would be particularly useful if you were to use a temporary image for an object and then wanted to swap it out later, simply select the object and click swap in the top right.

How will this research help me to create my final product?

I now have a better understanding of how Adobe Animate works and so I can now use the software to develop an animation for my final product.