🚀 ActivePresenter 10 is here. Special discounts with limited time offer!
Get this deal

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.


Preview Projects in Saola Animate 3

Preview Projects in Saola Animate 3

When building projects in Saola Animate 3, you can always preview how your animations and interactive content look and function when they are live. Moreover, previewing is crucial because it helps notice any required change, especially when your document has a great deal of interactivity. In this tutorial, you’ll learn how to preview projects in Saola Animate 3.

Create the Spot the Differences Game with ActivePresenter

Create the Spot the Differences Game with ActivePresenter

Spot the Differences Game becomes familiar with players of all ages. Thanks to the game, players can improve their observation, analysis, and patience.
Basically, we can create a Spot the Differences game easily by using Hotspot questions in ActivePresenter 8. So, let’s walk through all the necessary steps to create this game right now!

Create Motion Paths in Saola Animate 3

Create Motion Paths in Saola Animate 3

Saola Animate 3 brings your website to life with HTML5 animations and interactive web content. Today’s tutorial describes how to create motion paths to mimic real-life motions, giving objects the illusion of life.

Create Morph Animations in Saola Animate 3

Create Morph Animations in Saola Animate 3

Morph Animations can be considered as a highlight in Saola Animate 3.0. This feature allows animating from one shape or freeform’s form to another through a seamless transition without coding skills required. Besides, it is possible to copy SVG paths from other vector graphic editors and paste them into the app as freeforms for further editing.

Use Auto-Keyframes in Saola Animate 3

Use Auto-Keyframes in Saola Animate 3

Keyframes are the bread and butter in creating HTML5 animations. In the previous tutorials, you have learned how to add keyframes; adjust, move, copy, and remove keyframes. In this tutorial, let’s dive deep into how to use Auto-Keyframe – an automatic keyframing feature that allows you to generate keyframes in a flash.