🚀 Our Interactive eLearning Platform is now live!
Try it now

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.

Introduction to Elements in Saola Animate 3

Introduction to Elements in Saola Animate 3

Saola Animate offers a vast number of element types which you can make use to create engaging and stunning animations. Let’s check them out in today’s tutorial. Moreover, you will find out how to work with elements such as renaming, searching, showing across scenes, and removing elements within a project.

Create Counting Money Game in ActivePresenter

Create Counting Money Game in ActivePresenter

Creating eLearning content is a job requiring a high level of creativity. It’s not just about the core content but also the way you transfer it. In today’s tutorial, I will guide you on how to use number variables to make a game-based eLearning, called counting money game to better engage your learners.