Animation Using Motion Paths in Saola Animate

Saola Animate brings your website to life with HTML5 animation and interactive web content. Advanced features and intuitive user interface let you create compelling visual experiences with ease. Today’s article describes how to create motion paths in Saola Animate. Motion paths allow animating objects along complex curves to mimic real-life motion, giving objects the illusion of life.

Creating Motion Paths

A motion path is a curved animation between two or more points. To create a motion path, first create a basic path between two keyframes. Basically, the steps to create a linear motion path are similar to those used to create HTML5 animation.

Step 1: Select an element.

Step 2: In the Properties pane, switch from X, Y Motion to Motion Paths. This removes all animations of X/Y/Left/Top/Right/Bottom property of an element.

Read the full story by


Captivate kompakt: Zeitleiste & Timing What motivates people to learn online at work?
We are updating our Privacy Policy, so please make sure you take a minute to review it. As of May 25, 2018 your continued use of our services will be subject to this new Privacy Policy.
Review Privacy Policy OK