How to Animate an Image in Canva (Instant Animation)

canva instant animation, canva animation tutorial, how to add animation in canva presentation, canva animation not working, canva animation not working, canva animation speed, canva gif speed, canva moving elements, how to animate individual elements in canva, Can you animate in Canva, Where is the animate button in Canva, Where is the animate button in Canva, instant animation canva, how to animate in canva, creating animation using canva

Written by Casey Botticello

March 27, 2021

Disclosure: Some of the links below are affiliate links, meaning, at no additional cost to you, I will earn a commission if you click through and make a purchase. For more information, read our full affiliate disclosure statement here.

Product TipCanva is a graphic design tool allowing anyone (regardless of their experience) to create amazing designs using drag and drop tools!

If you don’t already have Canva, try it for free! Canva makes it ridiculously simple to create blog banners, edit photos, and create social media marketing images. It is one of the few blogging tools that I use daily.

Did you know that over 8 billion videos are watched on Facebook every day? Or that GIFs are currently shared 2x more than .JPEGs or .PNGs? With these stats alone, it’s clear 2021 has been a big year for animated content creators and it’s time you get a piece of the action. This Canva tutorial will teach you how to animate an image in Canva, in just a few, simple steps!

For the purposes of this Canva tutorial, we will be recreating the animation seen below, although any image can be animated.

Canva Book Cover GIF, create animated image in canva, canva animate, canva animation

Steps Animate an Image with Canva

1. Add Static Elements to Your Page

The first step in creating an animated image in Canva is creating the image itself, using various static elements. For the purposes of this example I added several elements.

First, I added some sample text:

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, canva steps

Next I added an “element” which was an illustration of a book cover (if you want to find the same image, search for “book cover” in Canva elements):

Next I added several more elements to my design. These included an arrow, stars, and odd doodles (if you want to find the same images, search for “doodle”  or “arrow” in Canva elements):

2. Animate Your Design

The next step is to animate your page. Click on the white background of the page, and then press the “Animate” button from the top toolbar:

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, canva faqs

3. Choose Page Animation Style

Canva offers 5 animation styles for free users (and an additional 5 styles for Canva Pro users) but for the purposes of this example we will focus on the first 5 styles which appear under “Page Animations” once you press the Animate button: Block, Fade, Pan, Rise, and Tumble.

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, how to blur the background in canva

To achieve the effect that I created in my example, select the “Tumble” page animation.

4. Preview Your Animation

Once you select your page animation style, you will see a quick preview of the animation effect. Below are previews of those 5 free effects:

canva animated effect free version

5. Download Animation as a GIF

The final step is to download your animated image as a GIF (not a JPEG or PNG file as you probably are used to downloading in Canva. Simply click the download button in the upper right hand toolbar, select GIF as the file type, select the correct page number, and click done.

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, canva review

6. Final Product

Canva will then begin processing and downloading your GIF. In the case of our sample GIF used in this tutorial, this is the final product:

Canva Book Cover GIF, create animated image in canva, canva animate, canva animation

Note: Canva by default displays its animations over 5 seconds. However, you can edit the image animation duration by clicking on the time button next to the animate button:

canva animate button, canva timing button, canva animation duration

Conclusion

Canva is an amazing graphic design tool, and I hope you found this tutorial useful! Click here to read our comprehensive Canva Guide. If you are interested in downloading Canva or trying Canva Pro for free, click here. Below are several related Canva tutorials that you might find useful:

Related Articles

Pin It on Pinterest

Share This