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 banner using a template
A. Select a banner size then an animated template
To create an animated banner you start as you would a static one. Choose Single Banner, select a size, go to the animated templates tab then choose the one you like best.
Edit the template and Save it
Change the elements in the template as to make the banner your own. You can change the background, image, text and logo. Then simply save your banner.
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.
Preview and save your animated design
The same as with a static design you now preview it and then save it. You can do it by clicking on the Save button or by using the Ctrl-S (Cmd-S) combination on your keyboard.
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.