🔔Black Friday Super Sale! 40% Off on All Products. Limited time offer!⏰

Tutorials & Tips about Screencasting, HTML5 animation creation & Rapid eLearning authoring

We write tutorials, guides and tips about screencasting, video editing, rapid HTML5 elearning authoring and HTML5 animation creation.


Add Shape Elements in Saola Animate 3

Add Shape Elements in Saola Animate 3

Basically, shape elements are two-dimensional blocks surrounded by an outline. You can make use of shapes to create engaging HTML5 animations and interactive content. Once you become skillful in shapes, you can do so much more. So, let’s explore how to insert shapes in Saola Animate 3 through today’s tutorial.

Add Image Elements in Saola Animate 3

Add Image Elements in Saola Animate 3

Saola Animate lets you add six image formats to a project. Supported formats include JPG, JPEG, PNG, BMP, SVG, and GIF. It means that you can use both static and animated images as well as both raster and vector files. For the vector image format, it’s also possible to use predefined shapes or draw freeform ones.

Add Animation Keyframes in Saola Animate 3

Add Animation Keyframes in Saola Animate 3

Keyframes define the value of a property at a specific time. They are available throughout the Properties pane to set parameters of any property that can be changed over time. To create animation with keyframes, you need at least two keyframes with different values of the same property. Keyframe animations are formed based on the property changing from the start position to the end position.

Create Timeline Labels in Saola Animate 3

Create Timeline Labels in Saola Animate 3

Timeline labels serve as bookmarks to which you can refer later. You can use a timeline label to mark a specific point in the Timeline pane. Then, use the label to play or pause a timeline at that point using events – actions or triggers.