Use Multiple Timelines in Saola Animate 3

Use Multiple Timelines in Saola Animate 3

What is the best way to organize and control complex animations in Saola Animate? Let’s consider using multiple timelines. Today’s article will give you more useful information about using multiple timelines in Saola Animate 3. Now, we will walk through two main...
Use the Effects Tab in Saola Animate 3.0

Use the Effects Tab in Saola Animate 3.0

Since version 2.5, Saola Animate has added some new features, including the introduction of the Effects tab. This tab contains three sections for editing element’s shadow, filter and clip effects, which greatly contribute to the awesome visual design.  In this...
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. This tutorial covers: Create Motion PathsEdit Motion...
Use the Timeline Pane in Saola Animate 3

Use the Timeline Pane in Saola Animate 3

The Timeline pane plays an integral role in the animation-creating process. It gives you the capability to view and control all timing aspects of a project. When you create a brand new project or open an existing one, normally, you will see this pane located at...
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...
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...