You are currently viewing How To Order Animation In Canva (Easy Trick!)

How To Order Animation In Canva (Easy Trick!)

  • Post author:
  • Post last modified:August 24, 2023
This post may contain affiliate links and we may receive a commission if you make a purchase through our affiliate link at no extra cost to you. Please read our disclosure policy for more information.

Do you ever get frustrated trying to sequence animations properly in your Canva projects?

I’ve definitely been there.

Getting the order just right can be tricky at first, especially when you’re working with multiple elements.

I remember my early attempts ending up looking disorganized and chaotic!

Luckily, Canva makes it easy to organize your animations in just the right sequence once you know how.

In this quick tutorial, I’ll walk you through how to order animation in Canva. We’ll keep elements moving smoothly one by one, instead of all jumbled together.

Let’s get started!

You May Also Like:

How To Order Animation In Canva

Below are the steps to order animations in Canva:

1. Open a Recent Design

Log in or sign up on the Canva website to get access to the Canva homepage.

From the Canva homepage, look for the ‘Recent Designs’ section. This section displays the projects on which you have worked in the past.

Click On A Recent Design

Click on the thumbnail of the video design that you wish to continue editing and the design will then open in the Canva editor.

  • Note: If you want to create a new design, then click on the ‘Create a Design’ button from the top right corner of the Canva homepage and then click on your desired design type.

2. Select Multiple Elements

After getting redirected to the Canva editor, start by selecting all elements of your design that are animated.

While pressing the ‘Shift’ key on your keyboard, click on each animated element to add them to the selection.

As you keep clicking on multiple elements, a boundary box will be created around those elements indicating that they are selected.

Select All The Animated Elements
  • Note: If the elements of your design are not animated, then click on the ‘Animate’ button from the top toolbar. And then click on the animation that you like the best to add it to your element.

Once all your animated elements are selected, either right-click on the design or click on the ‘3 Dots’ icon from the top of the boundary box to get access to a new menu.

click on 3 dots icon

Click on the ‘Show Timing’ button from the new menu and an element timeline will appear on the top of your video timeline at the bottom of your screen.

Click On Show Timing Button

Click on the ‘Arrow’ icon from the element timeline to get access to the timeline of selected elements.

Click On The Arrow Icon

3. Order Your Animations

Once you have the timeline of your selected elements in front of you, click on the timeline of one element that you want to edit.

For example, I will be clicking on the timeline of the ‘Welcome’ element for demonstration purposes.

Then drag those handles to adjust the timing or length of the selected element.

The selected timeline will get highlighted, now hover your cursor over the endpoints of the timeline to get access to the handles.

decrease the timings of the element

For example, I want my ‘Welcome’ element to end early. So, I will drag the handles of the ‘Welcome’ timeline towards the left-hand side to decrease its timing.

But what if you want your animation to start a bit later than others?

Then drag the left side handle towards the right side to delay the beginning of the animation (refer to the screenshot below).

control the timing of the animation

In this way, you can control and order all the animations according to your preference.

4. Download Your Video

After ordering your animations, click on the ‘Share’ button from the top right corner of the screen and then on the ‘Download’ button from the new menu.

share your design

Now download settings will open in front of you. Set your file type to ‘MP4 Video’ and then click on the ‘Download’ button again to start the downloading process.

download your design

FAQ- How To Order Animation In Canva

Below are a few frequently asked questions to deepen your understanding:

How Do You Make An Animation One By One In Canva?

Click on the element that you want to animate and then click on the ‘Animate’ button from the top toolbar.

Now an animation panel will open on the left-hand side, click on the animation of your liking to add it to the element.
In this way, you can keep clicking on elements and adding animations one by one in Canva.

Or you can select multiple elements first and then click on the ‘Animate’ button to apply the same animation to all the selected elements.

How Do I Control Animation Speed In Canva?

To control animation in Canva, click on the animated element. And then from the top toolbar click on the name of the animation.

Now an animation panel will open on the left-hand side. You will notice a ‘Speed’ slider at the bottom of your applied animation.

Drag that ‘Speed’ slider from left to right to decrease or increase the speed of the animation.

However, the ‘Speed’ slider is a Canva pro feature, which means a Canva-free user cannot use this tool.

Can You Animate Between Pages In Canva?

Yes, you can add animations or transitions between your video clips. Move your cursor between two video clips and click on the ‘Add Transition’ button.

Now a new transition menu will appear on the left-hand side.
Choose a transition from the given options such as flow, color wipe, circle wipe, etc, and then click on the transition that you like the most to add it between your pages or video clips.

Before Your Leave

And that’s a wrap! With the timeline, you can now sequence animations perfectly in Canva.

Just adjust the handles to customize the timing and length of each animation.

With the ability to order and customize each animation, you can create a flawless sequence that flows beautifully across your design.

Everything timed and coordinated perfectly!

Let me know if you have any other questions, I’m always happy to help you out.

Thank You

Notify of
Inline Feedbacks
View all comments