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.


Create Color Patterns Game in ActivePresenter

Create Color Patterns Game in ActivePresenter

Color Patterns Game is an engaging activity that helps kids to practice identifying patterns and colors in a fun way. Through this game, kids learn how to make predictions and see relationships between abstract concepts. In this blog post, let’s learn how to create this amusing game in ActivePresenter 8.

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.