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 the types of visual contents (Presentation, Infographic, Banner, etc..) you are creating.
The most common use of animation is to attract attention to a piece of content or message such as a header of a slide or icons/images.

How to add animation to an object:

First, select an object that you would like to animate.

animation101

Click Animate at the top right of the screen.

Select one of the various animation presets in the dropdown to simplify the animation process. For example, if you want your object to move left at two seconds. You will choose Enter Stage tab, and click Fly from Left and then input 2 for 2 seconds.

animation101_fly-fro-left

Once you’ve applied your animation, click Apply. The animation will be applied.

animation101_apply

To view your animation, click Preview button at top right of your screen.

You can repeat these steps to apply animation to as many objects as you want.

You can also manage the timing on your animation objects on the timeline. You can do so by going to the Menu icon on the top left of the screen and select Show object list on the dropdown. The object list will pop up on the right panel. Click Show Timeline.

Object List- Show Timeline

Animation 101 – Learn to animate

How to Create Animations in Presentations and Infographics