Note: As of November 2015, Edge Animate is no longer being actively developed. Learn more.
Up to this point, we have an attractive looking banner, but it is still completely static. In this step, we’ll see how we can easily add animations to our banner using the timeline. Edge Animate automatically adds the necessary items, like key frames and transitions, to create our animations.
The type of animation we are creating is called a parallax effect, which recreates the visual effect whereby items in the foreground appear to move faster than items in the background. We’ll see how you can animate more than just motion by animating some filters and properties of elements. Finally, we’ll add something called easing, which will create a smoother more natural looking animation.
Congratulations, you’ve completed your animation! But Edge Animate does more than just make things move.
Now that we have a smooth (and cool) looking animation, try out our next tutorial to see how to allow the user to interact with the banner. We’ll see how Edge Animate provides simple, predefined functions that allow us to add an action to an element that will handle and respond to a user click. We’ll also see how to change the cursor over any element to indicate to our viewer than an item is clickable or interactive.
That's it! You're done. Please provide feedback in our survey so that we can make sure this tutorial is as useful as possible.
Paul is an award-winning designer, an Adobe Certified Instructor, and a courseware developer with 15 years of experience. A writer and prolific trainer, Paul has earned top author status at Lynda.com and has created a steady stream of content for AdobeTV and Creative Cloud Learn as well as paultrani.com.