Using 3D Transformation Tools

In the last article 3D transformation guide, you have already known about how to use the 3D properties to transform an element. In today’s tutorial, we will show you more tools that are also very useful for adjusting 3D transformation. They are Select Tool (1),...

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...