Choosing and Animating Color

Color has tremendous power in storytelling. So, choosing the perfect color for an element when creating HTML5 animation can help bring it to life and make truthful feeling. For example, to demonstrate the transfer from nighttime to daytime, I created an Ellipse Div...

3D Transformation Guide with Saola Animate

Creativity in web design today seems no longer limited. One of the examples demonstrating this statement is the creation of deep space for web designers. Therefore, designers can transform the look of flat-design websites into three-dimensional space by adding details...

Embedding System Fonts

In general, font plays an essential role in displaying the contents of a document containing text.  One of sets of fonts that Saola Animate makes it available to use is system fonts. Keep reading to find out why you should embed system fonts in Saola Animate, and how...

Working with Scenes

Think of scenes as slides in Microsoft PowerPoint. Scenes are helpful in separating content and controlling the flow of animations. So, we will walk through how to work with scenes in this today’s tutorial. This tutorial covers: Managing Scenes Customizing Scene...

Using the Effects Tab

Since version 2.5, Saola Animate has added some new features, including the introduction of the Effects tab. This tab contains sections for editing element’s shadow, filter and clip effects. And their appearances really contribute a huge effort to make the...

Grouping Elements

Grouping multiple elements into a single one allows you to streamline your editing and speed up your work. We will walk through how to group elements and work with group in this tutorial. Grouping ElementsGrouping multiple elements lets you work faster and easier as...