Welcome to Bannersnack Support

How to create animated designs

Let’s learn how you can create animated designs with Bannersnack. There are two ways in which you can create one: by using a template or by creating one from scratch. Let’s go:

 Create an animated design using a template

A. Select a design size then an animated template

To create an animated design you start as you would a static one. Choose Single Design, select a size, go to the animated templates tab then choose the one you like best.


Edit the template 
Change the elements in the template as to make the design your own. You can change the background, image, text and logo.


B. Create an animated design from scratch

Start designing your first slide
Go through all of the regular steps you would take to create a static design.  Add a background color, image, text and call to action.


Add transition effects to the elements
Each element has a “Build in” and “Build out” transition effect. The first will mark the entrance of the element and the second its exit. Make small adjustments (delay, duration) to each transition.


Duplicate or create new slides
To make your animated design even more dynamic you can duplicate or create new slides. Then you can add the transitions to switch from the first to the next.


Download as HTML5 or copy embed code
Once saved simply access your design from your workspace, click VIEW and download your animated design in HTML5 format or copy the embed code if you want to insert it into your website.





Please sign in to leave a comment.