Saola Animate 2
The ultimate tool to create HTML5 animations & interactive web content
Getting Started with Saola Animate
Welcome to Saola Animate Tutorials! This series of tutorials cover features from basic to advanced that you’ll need to create HTML5 animation and interactive web content. Walking through these tutorials will speed up your work.
You can also read the PDF User Manual and save it for offline access:
Saola Animate User Manual in English (183 pages)
Let’s create stunning HTML5 animation and interactive web content by using this ultimate tool now!
Quick Start Guides
Take a look at the general tutorial about creating a project, customizing the program.
General Guides & Creating Projects
Take a look at the general tutorial about creating a project, customizing the program.
General Guides
- Saola Animate: A Guide for Beginners
- Introducing Saola Animate User Interface
- Creating HTML5 Animation with Saola Animate
- Creating New Projects
- Customizing the Workspace
- Working with Scenes
- Using the Timeline Pane
- Using Multiple Timelines
- Setting Background Fill Styles
- Using the Effects Tab
- Embedding HTML5 Project Into Webpage
Creating Responsive Layouts
Learn how to use responsive layouts that allow creating different layouts for a single document.
Editing Animations
Learn how to use elements, animations, and interactivity to create HTML5 animation & interactive web content.
Working with Elements
- Saola Animate: Element Basics
- Adding Images to HTML5 Animation
- Adding Videos to HTML5 Animation
- Adding Audio to HTML5 Animation
- Adding Text and Creating Text Animation
- Using Google Fonts
- Embedding System Fonts
- Drawing Vector Graphics
- Adding HTML Widgets
- Using External JavaScript, CSS, and HTML
- Resizing and Aligning Elements
- Ordering Elements
- Grouping Elements
- Using Symbols to Reuse Animations
- 3D Transformation Guide with Saola Animate
- Using 3D Transformation Tools
Working with Animation
- Creating HTML5 Animation
- Creating Animation Keyframes Easily with Saola Animate
- Moving, Copying, and Removing Animation Keyframes
- Keyframe Animation Using Auto-Keyframe Mode
- Using Motion Paths in Animations
- Levelling Up HTML5 Animation with Easing
- Creating Sprite Sheet Animation
- Choosing and Animating Color
- Creating Animated Background
Previewing & Exporting
Learn how to preview projects in browser and export them to HTML5.
STILL HAVE QUESTIONS?