Getting Started with Saola Animate

Quick Start Guides

Take a look at the general tutorials about creating a project, customizing the program.

• Unleash Your Creativity with Saola Animate 3.0
• Become Familiar with Saola Animate 3.0 Workspace
• The Complete Beginner’s Guide to Saola Animate 3.0

General Guides & Creating Projects

Take a look at the general tutorials about creating a project, customizing the program.

General Guides

• A Beginner’s Guide to Saola Animate
• Become Familiar with Saola Animate Workspace
• Customize the Workspace and Keyboard Shortcuts
• Create New Projects
• Work with Scenes
• Use the Timeline Pane
• Set Background Fill Styles
• Use the Effects Tab

Creating Responsive Layouts

• Use Flexible Layout
• Responsive Layout Basics
• Build HTML5 Responsive Animations

Editing Animations

Learn how to use elements, animations, and interactivity to create HTML5 animation & interactive web content.

Working with Elements

• Introduce Saola Animate Elements
• Add Images
• Add Videos
• Add Audio
• Add Texts
• Use Google Fonts
• Embed System Fonts
• Add Shapes
• Use Freeform Tools
• Edit Freeforms
• Add HTML Widgets
• Use Custom Element
• Use External JavaScript, CSS, and HTML
• Resize and Align Elements
• Order Elements
• Group Elements
• 3D Transformation Properties
• Use 3D Transformation Tools

Working with Animation

• Create HTML5 Animations
• Add Animation Keyframes
• Adjust, Move, Copy, and Remove Keyframes
• Use Auto-Keyframes
• Create Motion Paths
• Customize Easing Animations
• Create Sprite Sheet Animations
• Use Symbols to Reuse Animations
• Animate Background
• Choose and Animate Color
• Use Preset Effects
• Create Text Animations
• Create Morph Animations

Adding Interactivity

• Use Events – Actions
• Use Multiple Timelines
• Use Timeline Triggers
• Loop Animations Using Timeline Triggers
• Create Timeline Labels
• Create and Call JavaScript Functions
• Control Video and Audio Playback
• Create Hover Effects

Previewing & Exporting

Learn how to preview projects in browser and export them to HTML5 or video format.

• Preview Projects
• Export Projects to Video Formats
• Customize HTML5 Preloaders (Loading Screen)
• Export Projects to HTML5
• Embed HTML5 Projects Into Webpage