Animation 101 – Learn to animate | Create Interactive Online Presentations, infographics, animations & banners in HTML5

Visme allows you to add animations to every object desired on a project regardless of type: Presentation, Infographic, Banner, etc..
The most common use of animation is to attract attention to a piece of content or message. Often a header of a slide maybe animated or icons/images are animated to increase user engagement.

How to add animation to an object:

Click on any object on your stage

animation101

Click on the Animate from the top panel. This will present you with the various animation presets to simplify the animation process.

Select an animation present you desire. For example, if you want your object to move to the state from the Left at two seconds. You will choose Enter Stage tab, and then input “2” for the Start At option and select Fly from Left.

animation101_fly-fro-left

Once you’ve applied your animation, click the Apply. Instantly the system will create animation with your settings.

animation101_apply

To view your animation, click on the blue Preview button at top of your stage.

You can repeat these steps to apply animation to as many objects as desired on your project.

You can also manage the timing between your animation objects on the timeline. Accessible by clicking on the Object(s) tab on the top left side of the panel.

animation101_objects

Animation 101 – Learn to animate

How to add animation to an object:

How to Create Animations in Presentations and Infographics

Didn't find the answer to your question? Contact us using the form below: