Motion Graphics with Canva

Build an animated explainer video on ATS-friendly resumes in Canva.

Introduction

30 Second Summary

You spend hours tailoring your resume, hit submit, and never hear back. Most resumes are rejected by automated software before a human ever reads them.

In this project, you will create a motion graphics explainer video using Canva that teaches viewers how Applicant Tracking Systems (ATS) filter resumes and what formatting rules to follow to get past them.

What You'll Build

When you hit play on the finished video, you'll see animated stats grabbing attention, a resume layout transforming and breaking apart on screen, and actionable rules appearing one by one with smooth transitions and background music tying it all together.

By the end of this project, you'll have:

An attention-grabbing hook scene with animated text reveals that create urgency in the first 3 seconds of your video.
A problem visualization using Match & Move transitions that shows viewers exactly how bad formatting scrambles their resume inside an ATS.
A polished 3-5 minute MP4 video with background music, consistent transitions, and professional entrance animations ready to upload to YouTube or present at a workshop.
Secret Mission: Repurpose your video into a 60-second vertical short optimized for Instagram Reels, TikTok, or YouTube Shorts.

Are there any prerequisites?

None. This project walks you through everything from creating your Canva account to exporting the final video. All you need is a web browser.

Before We Start

Before We Start...

Before jumping into Canva, take a moment to think about who will watch this video and what you want them to walk away knowing about ATS-friendly resumes.

Set Up Your Canva Video Project

Every motion graphics project needs a consistent visual foundation before any animation work begins. Without a defined canvas size, color palette, and font pairing locked in from the start, you end up reformatting elements across every scene later.

In this step, you'll create a new Canva Video project at the correct dimensions, establish your visual identity with colors and fonts, and set up a five-page storyboard structure for your scenes.

In this step, get ready to:

Create a 1920x1080 Video project in Canva.
Establish your color palette and font pairing.
Set up a five-page storyboard structure.

Log in and create a new Video project

Open your browser and navigate to canva.com.
Sign in with your existing Canva account.
On the Canva homepage, look for Video in the design type options near the top of the page.
Click Video to create a new 1920x1080px video project.

Don't see the Video option?

If Video is not visible on your homepage, click Create in the top menu, then select Videos from the list. You can also type "Video" into the search bar and select the Video design type from the results.

The Canva editor opens with the timeline visible at the bottom of the screen. This is your workspace for the rest of the project.

Why Canva for motion graphics?

Alternatives like Animaker and PaneFlow were considered for this project. Canva wins because of its ecosystem familiarity (you likely already have an account), its Match & Move transition feature for teaching motion concepts without code, and its dual output capability (you can present live AND export as video).

Seeing a different editor layout?

All new Canva video designs use the updated multi-track timeline editor. If your editor looks different, you may be using an older design. Create a fresh Video project from the homepage to get the current editor.

help me figure out why my Canva video editor looks different

Set up your visual identity

A consistent visual identity means every scene in your video looks intentional and professional. You will set a background color, choose two complementary fonts, and pick an accent color now so every element you create later inherits this look.

Click on the blank canvas area to select the page background.
In the color picker above the editor (or via the background color option), set your background to a dark navy: #1B2838.
Click the Text tab in the left sidebar.
Click Add a heading to place a text box on the canvas.
Select the text box, then change the font to a bold sans-serif heading font. Choose either Montserrat or Bebas Neue from the font dropdown.
Type a sample heading like "ATS Resume Tips" to preview how it looks against your dark background.
Add a second text box (click Add a subheading or Add a little bit of body text from the Text tab).
Change this second text box to a clean body font. Choose either Open Sans or Lato.
Type sample body text like "Why your resume gets ghosted" to see both fonts together.
Change the text color on one of your text boxes to your accent color. Use either bright teal #00D4AA or electric blue #4A90D9.

You should now see your dark navy canvas with two text boxes displaying your heading font and body font, plus a pop of accent color on one of them.

Why these specific choices?

Dark backgrounds provide maximum contrast for on-screen readability. Bold sans-serif headings (like Montserrat) grab attention in motion. Clean body fonts (like Open Sans) stay legible at smaller sizes and faster animation speeds.

The accent color creates a visual anchor that guides the viewer's eye to key information across all your scenes.

Can't find the font you want?

Use the search bar at the top of the font dropdown to type the font name directly. Canva's free plan includes Montserrat, Bebas Neue, Open Sans, and Lato. If a font shows a crown icon, it is a Pro-only font.

help me find and apply fonts in Canva

Plan your page structure

Each page in your Canva project becomes a scene in your final video. Creating all five pages now gives you a storyboard to fill in across the next steps.

Look at the page thumbnails at the bottom of the editor (if you are in thumbnail view) or the page area in the timeline.
Add 4 more blank pages by pressing Cmd+Return (macOS) or Ctrl+Enter (Windows) four times.
Confirm you now have 5 pages total in your design.

Label your pages mentally

Keep this mapping in mind as you build each scene in later steps:

Page 1 = Hook (the attention-grabbing stat).
Page 2 = Problem (how ATS parsing works).
Page 3 = The Mistake (columns and formatting failures).
Page 4 = The Solution (5 rules to beat the ATS).
Page 5 = Closing CTA.

Another way to add pages

You can also add pages by clicking the Add page button that appears next to the last page in thumbnail view. To enter thumbnail view, click Pages at the bottom of the editor if your page thumbnails are hidden.

Before moving on, take a look at what you have. Do you see your dark navy background, your two sample text boxes with distinct fonts, and 5 pages in the page area?

You should see all five page thumbnails listed in the editor with Page 1 showing your background color and font samples. Pages 2 through 5 will be blank white canvases for now.

Pages not appearing in the timeline?

If you only see one page, check that your keyboard shortcut worked by looking at the page count. You can also click Pages at the bottom of the editor to toggle page thumbnails visible. From there you will see the Add page button next to the last page.

help me add multiple pages to my Canva video design

Your canvas is ready with a professional visual identity and a clear storyboard structure. Next up, you'll bring Page 1 to life with an animated hook that stops viewers from scrolling past.

Build and Animate the Hook Scene

Your Canva project is set up with a consistent visual identity and five blank pages ready to fill. Now it's time to build the scene that hooks your viewer in the first 3 seconds.

The opening moment of any video determines whether someone keeps watching or scrolls away. You'll create an animated stat reveal that lands with impact and builds curiosity before you explain anything else.

In this step, get ready to:

Design a bold hook layout with a large stat and subtitle text.
Apply entrance animations to each text element.
Time the animation sequence so the stat lands within 3-4 seconds.

Design the hook layout

Your hook scene needs one thing: a number so large it stops the scroll. The stat "71% of resumes are rejected before a human sees them" is your attention-grabber.

Switch to Page 1 in your Canva video project by clicking its thumbnail in the timeline at the bottom of the editor.
Confirm the page background is set to your dark color. Click the background area, then select the color icon and enter #1B2838 if it is not already set.
Click the Text tab in the left sidebar.
Click Add a heading to create a large text box on the canvas.
Replace the placeholder text with 71% and set the font to your bold heading font (Montserrat or Bebas Neue).
Increase the font size to 200 or larger using the size dropdown in the toolbar above the editor.
Center the text box on the canvas by dragging it until the pink alignment guides appear in both directions.

You should see a massive "71%" dominating the center of your dark page. This number needs to feel heavy and impossible to ignore.

Add a second text box by clicking Add a subheading in the Text sidebar.
Replace the placeholder with: of resumes are rejected before a human ever sees them.
Set this text box to your body font (Open Sans or Lato) at size 36-48.
Position it directly below the "71%" text, centered horizontally.
Set the text color to white for both text boxes so they contrast against the dark background.

Now add a visual accent to frame the text and break up the plain background.

Click the Elements tab in the left sidebar.
Search for line or geometric and choose a simple line or shape element.
Place it near the text (below the subtitle or as a side accent) and set its color to your accent color (#00D4AA or #4A90D9).
Resize it so it frames the text without competing for attention.

Your Page 1 should now show a large "71%" centered above the subtitle text, with a colored accent element framing the composition against the dark background.

Why start with a stat?

A specific number creates immediate curiosity. The viewer's brain wants context for the number before they even decide to keep watching. That split-second of "wait, 71% of what?" is exactly the hook you need.

Apply text animations

Static text on screen does not create the feeling of a video. Element animations make your text enter the frame with motion, turning a slide into a scene.

Click the "71%" text box to select it.
Click Animate on the toolbar above the editor.
Select the Element tab in the animation panel.
Choose Rise or Pop for a dramatic entrance. Rise lifts the text up into position. Pop scales it in with a bounce.

You'll see a quick preview of the animation play as soon as you select it. The "71%" should feel like it lands with weight.

Now click the subtitle text box ("of resumes are rejected...") to select it.
Click Animate on the toolbar above the editor.
Select the Element tab.
Choose Fade for a gentle entrance. The subtitle provides context, so it should arrive softly after the big number.

What do these animations do?

Rise and Pop are high-energy entrances that grab attention. They work for your headline stat because that number needs to feel urgent.

Fade is a low-energy entrance that lets content appear without stealing focus. It works for the subtitle because the viewer's eye is already on the "71%" and the explanation should slide in gently underneath.

Click the Play icon above the canvas to preview Page 1.
Watch both animations play. You should see the "71%" enter first with motion, followed by the subtitle fading in.

Not seeing both animations play?

If only one text animates, click the other text box and check if Animate shows "None" in the toolbar. Reapply the animation.

If both animations play at the same time (not staggered), that is expected at this stage. You will fix the timing in the next substep.

Help me troubleshoot my Canva text animations not playing correctly.

Time the entrance sequence

Both elements animate now, but they need to be staggered. The number should sit alone on screen for a full second before the explanation appears. This gap builds tension.

Click the "71%" text box to select it.
Click the three dots menu (More) in the toolbar above the editor.
Click Show element timing.

Timing tiles appear in the thumbnail view below the editor. Each tile represents one element and shows when it enters the page.

Drag the "71%" timing tile so it starts at 0.5 seconds on the timeline.
Find the subtitle text timing tile and drag it so it starts at 1.5 seconds.
This creates a 1-second gap where the big number sits alone, building suspense before the context arrives.

Why the 1-second gap matters

When "71%" appears alone, the viewer's brain asks "71% of what?" That internal question is engagement. The answer arriving 1 second later rewards the curiosity and locks attention for the rest of the video.

Before you preview, what do you think you'll see? Picture the sequence in your head: dark screen, then the number enters, then a pause, then the subtitle fades in.

Click the Play icon to preview the full Page 1 animation.
Watch the sequence play. You should see "71%" animate onto the screen at 0.5 seconds with your chosen entrance effect, then a pause, then "of resumes are rejected before a human ever sees them" fades in at 1.5 seconds.
The entire hook should land within the first 3-4 seconds of the page.

Adjust timing by feel

If the gap feels too short or too long when you watch it, drag the timing tiles to adjust. Trust your instinct as a viewer. The goal is that the number feels complete on its own for a beat before the explanation arrives.

Timing tiles not appearing?

Make sure you have an element selected on the canvas first. Then click More (the three dots) and select Show element timing. The timing tiles should appear in the thumbnail strip below the editor.

If you see timing tiles but cannot drag them, try clicking directly on the tile first to select it, then drag the left or right edge to change its start position.

Help me find and use element timing in Canva.

Your hook scene is locked in. Next up, you'll build the ATS problem scene where a clean resume transforms into a scrambled mess using Match & Move transitions.

Animate the ATS Problem Scene

Your hook scene grabs attention with a powerful stat. Now viewers need to understand why resumes get rejected in the first place.

You'll visualize how ATS parsing actually works by building two pages: a clean single-column resume that the system reads perfectly, then a scrambled version showing what happens when formatting goes wrong. A Match & Move transition connects them, making the invisible parsing failure visceral and understandable.

In this step, get ready to:

Build a clean single-column resume mockup with sequential entrance animations.
Create a deliberately broken two-column version showing parsing errors.
Connect both pages with a Match & Move transition that transforms one into the other.

Build the "clean parse" page

Page 2 represents what a well-formatted resume looks like to an ATS scanner. You'll create a simplified resume mockup that reads cleanly from top to bottom.

Click on Page 2 in your design (the first blank page after your Hook).
Set the page background to white or light grey to make it look like a document.
Add a text box at the top with a placeholder name (e.g., "Alex Johnson") in your heading font at size 36-48.
Below the name, add a text box with the heading "Work Experience" in bold, size 24.
Add 2-3 short bullet lines below that heading (e.g., "Led cross-functional team of 8 engineers", "Increased deployment frequency by 40%").
Add another text box below the bullets with the heading "Education" in bold, size 24.
Add a line of text below it (e.g., "B.S. Computer Science, State University, 2020").

Keep everything in a single column, aligned left. This is the layout that ATS systems read correctly from top to bottom.

Add a small text box or shape near the top-right corner labeled "ATS Scanner" in your accent color.
Add a downward arrow element below it (search "arrow" in the Elements tab in the left sidebar) pointing down the page, indicating the scanner reads top-to-bottom.

Now you'll animate each section so they appear one by one, simulating the ATS reading the resume line by line.

Select the name text box at the top.
Click Animate on the toolbar above the editor.
In the Element tab, choose Fade as the entrance animation.
Select the "Work Experience" heading and apply Rise from the Element tab.
Select the bullet text lines and apply Fade to them.
Select the "Education" heading and apply Rise.
Select the education detail text and apply Fade.

Stagger the timing so elements appear sequentially: select each element, click More, then Show element timing.
Drag the timing tiles so each section starts slightly after the previous one finishes (about 0.5-1 second apart).

Click the Play icon to preview Page 2.

You should see each resume section fade or rise onto the screen one by one, simulating the ATS reading through the document from top to bottom.

Animations not appearing in sequence?

Make sure you applied animations to each text box individually, not to a group. If all elements appear at once, check that you staggered the element timing tiles so they do not overlap.

If you do not see Show element timing, make sure you have an element selected first, then click the three-dot More menu.

Why aren't my Canva animations playing in order?

Build the "broken parse" page using Match & Move

Page 3 shows what the ATS actually "sees" when a resume uses columns or complex formatting. You'll duplicate Page 2 and deliberately break its layout.

Navigate to Page 2 in your design.
Hover over the upper corner of the page and select Duplicate page.

A copy of Page 2 now appears as Page 3 with all the same elements. This is your starting point for the "broken" version.

On Page 3, drag the "Education" section to the left side of the canvas, simulating a two-column layout.
Move some of the bullet text so it overlaps with the "Work Experience" heading, as if the reading order is scrambled.
Change 2-3 text elements to a red color to indicate parsing errors.
Search for a red "X" or warning icon in the Elements tab (search "red x" or "warning").
Place the red X or warning icon prominently on the page to signal failure.

Page 3 should now look visually broken. The Education section is on the wrong side, text overlaps, and red elements signal errors everywhere.

Why does this work for Match & Move?

Match & Move animates the position, size, color, and transparency of elements between two pages. Because Page 3 is a duplicate of Page 2, Canva recognizes the same elements on both pages and smoothly animates each one from its "clean" position to its "broken" position.

Each page acts as a keyframe. The transition interpolates between them, creating the visual effect of the resume falling apart in real time.

Apply the Match & Move transition

The final piece connects your two pages so the clean resume smoothly distorts into the scrambled version.

Look at the page thumbnails below the editor (if you do not see them, click Pages at the bottom of the editor to show them).
Hover your cursor between the Page 2 and Page 3 thumbnails.
Click the Add transition icon that appears between them.
Select Match and move from the transition styles.
Adjust the duration slider to 1.5 seconds.

What does Match and move do?

Unlike a simple dissolve or slide, Match and move tracks each element across both pages and animates its journey individually. The name text stays put while the Education section drifts sideways and the bullets scatter. Viewers see the resume physically falling apart, which is far more memorable than a static before/after comparison.

Before you preview, think about what you expect to see. Will the elements jump instantly, or will you see them drift from their clean positions into the broken layout?

Click the Play icon to preview Pages 2 and 3 together from the start of Page 2.

You should see the clean resume sections animate onto the screen one by one, then watch the Match & Move transition smoothly warp the layout into the scrambled version. Elements drift out of position, text turns red, and the warning icon appears.

Transition not showing the morph effect?

If the pages simply dissolve instead of morphing, make sure you selected Match and move specifically (not "Dissolve" or "Slide"). The transition only works when Canva recognizes matching elements on both pages.

If you deleted elements on Page 3 instead of moving them, there is nothing for Canva to match. Undo and move the elements to new positions instead of removing them.

My Match & Move transition isn't working as expected

Your ATS problem scene is complete. Viewers now see exactly how column layouts destroy resume parsing. Next up, you'll build the solution scenes that teach them the five rules to fix it.

Build the Solution Scenes with Animated Rules

Your viewers now understand the problem. They've watched a clean resume transform into a scrambled mess, and they felt the frustration of invisible ATS filtering.

But knowing the problem isn't enough. Viewers need actionable rules they can remember and apply immediately. In this step, you'll build an animated "5 Rules" sequence where each rule appears one by one with entrance effects, paired with a before/after comparison that makes the right formatting choice obvious.

In this step, get ready to:

Design the 5 ATS Rules layout with text, accent-colored numbers, and icons.
Apply staggered entrance animations so rules reveal one at a time.
Add a before/after split-screen comparison with animated elements.

Design the "5 ATS Rules" layout

Each rule needs to stand on its own visually so viewers can absorb one idea at a time. You'll build a structured layout on Page 4 with clear visual hierarchy.

Click on Page 4 in your page thumbnails at the bottom of the editor.
Set the page background to your dark color (the deep navy you chose in Step 1).
Add a text box at the top of the canvas and type:

5 Rules to Beat the ATS

Style this heading in your bold sans-serif font (e.g., Montserrat or Bebas Neue) at a large size, around 60-80pt, in white.
Below the heading, create five separate text boxes, one for each rule. Type the following content, one rule per text box:

Rule 1: Single-column layout. Always.
Rule 2: Standard section headers: Experience, Education, Skills
Rule 3: Mirror exact keywords from the job description
Rule 4: No tables, graphics, icons, or skill bars
Rule 5: Submit as text-based PDF or DOCX

For each rule text box, style the rule number (e.g., "Rule 1:") in your accent color and the rest of the text in white.
Open the Elements tab in the left sidebar.
Search for small icons or shapes that match each rule (a checkmark, a document icon, a magnifying glass, a crossed-out table, a file icon).
Place one icon next to each rule text box in your accent color.

Preview your page. You should see five rules stacked vertically with accent-colored numbers, white text, and a small icon beside each one against your dark background.

Why separate text boxes for each rule?

Each rule needs its own text box so you can animate them independently. If all five rules were in a single text box, they would all appear at once, defeating the purpose of the staggered reveal.

Icons look too large or cluttered?

Keep icons small (around 30-40px). They should accent the text, not compete with it. If an icon has too much detail, search for a simpler line-style version in the Elements library.

Help me fix my cluttered layout

Animate rules with staggered entrance

Now you'll bring the rules to life. Each rule will slide in from the left with its icon popping in beside it, spaced 2 seconds apart so viewers have time to read each one before the next appears.

Select the Rule 1 text box on Page 4.
On the toolbar above the editor, click Animate.
Select the Element tab in the animation panel.
Choose the Slide animation (from left direction).
Now select the icon next to Rule 1.
Click Animate and choose the Pop animation from the Element tab.
Repeat this for Rules 2 through 5: apply Slide (from left) to each rule text box and Pop to each accompanying icon.

Some animations require Canva Pro

Some animation styles in the panel are marked with a crown icon, meaning they require Canva Pro. Slide, Pop, Fade, and Rise are available on free accounts. If you see a crown on a style, pick a different one from the free options.

Next, you'll stagger the timing so rules don't all appear at once.

Select the Rule 1 text box.
Click More (the three-dot menu on the floating toolbar), then click Show element timing.
The element timing view appears in the thumbnail area below the editor. You'll see tiles representing each animated element.
Drag each element's timing tile so they appear in this staggered sequence:

Rule 1 text + icon: starts at 1 second.
Rule 2 text + icon: starts at 3 seconds.
Rule 3 text + icon: starts at 5 seconds.
Rule 4 text + icon: starts at 7 seconds.
Rule 5 text + icon: starts at 9 seconds.

Set the total page duration to approximately 12 seconds by dragging the page's end handle in the timeline, or typing 12 in the duration field.

Why 2-second gaps between rules?

Each rule contains 5-8 words. At average reading speed, viewers need about 1.5 seconds to read a short line. The 2-second gap gives them time to read the current rule before the next one slides in, preventing information overload.

Click the Play icon to preview Page 4. You should see each rule slide in from the left with its icon popping in beside it, one pair every 2 seconds.

All rules appear at the same time?

Make sure you used Show element timing and dragged each element's tile to a different start position. If tiles are stacked at the beginning of the timeline, they'll all animate simultaneously.

Also confirm that each rule is in its own separate text box. A single text box with all five rules cannot be staggered.

Help me stagger my animations

Add a before/after comparison element

Rules are more memorable when paired with a visual example. You'll create a split-screen comparison showing a bad resume layout next to the corrected version, reinforcing Rule 1 (single-column) with a concrete visual.

On Page 4 (or add a new page between Page 4 and Page 5 if you need more space), create a split-screen area below or after the rules.
On the left half, create a small resume snippet using rectangles and text that shows a two-column layout. Keep it simple: a name at the top with two side-by-side content blocks.
Add a red "X" shape or icon overlaid on the left side (search "X mark" or "cross" in Elements).
On the right half, create the same resume content but in a single-column layout. Stack everything vertically.
Add a green checkmark shape or icon overlaid on the right side (search "checkmark" in Elements).

Now animate the comparison so viewers see the wrong version first, then the correct one.

Select all elements on the left half (the two-column snippet and the red X).
Click Animate and apply the Fade animation from the Element tab.
Select all elements on the right half (the single-column snippet and the green checkmark).
Click Animate on the resume snippet and apply Rise.
Select the green checkmark icon and apply Pop.
Use Show element timing to set the left side (Fade) to appear first, and the right side (Rise + Pop) to appear about 1.5 seconds later.

What does this comparison communicate?

The left side shows what most people do wrong (two-column layouts). The red X makes the judgment instant. Then the right side appears with the fix (single-column), reinforced by the green checkmark.

This before/after pattern is one of the most effective visual teaching tools because it leverages contrast to make the lesson stick.

Before you hit play, what do you expect to see when you preview the full page?

Click the Play icon to preview Page 4 from the beginning.

You should see the heading appear, then five rules slide in one by one every 2 seconds with icons popping beside them, followed by the before/after comparison fading and rising into view.

Before/after elements overlapping the rules?

If your page feels too crowded, move the before/after comparison to its own page (insert a new page between Page 4 and your Closing CTA page). The comparison works just as well on a dedicated page with a simple Dissolve transition from the rules page.

Help me fix my overlapping elements

Your solution scene is ready. Viewers will see five clear rules animate in one by one, reinforced by a visual before/after comparison. Next up, you'll tie everything together with audio, transitions between all pages, and export the final video as an MP4.

Add Audio, Transitions, and Export

Your animated scenes each tell part of the ATS story, but right now they exist as separate islands. Playing the full video reveals awkward jumps between pages and silence where music should carry the viewer forward.

In this step, you will tie everything together. Background music, smooth transitions between every scene, and a final MP4 export transform your animated slides into a single professional video ready for YouTube or a live workshop.

In this step, get ready to:

Add background music from Canva's free library and set it to a subtle volume.
Apply transitions between all pages for a cohesive flow.
Export the full video as a production-ready MP4 file.

Add background music

A silent video feels unfinished. Even subtle background music adds energy and bridges the pauses between animated text reveals.

In the Canva editor, click the Audio tab in the left sidebar.
In the search bar at the top of the Audio panel, type corporate or motivational or tech to find tracks that are upbeat but not distracting.
Click on a few tracks to preview them, then drag your chosen track onto the audio track in the timeline at the bottom of the editor.

You should see the audio waveform appear as a strip in the timeline below your video pages.

Drag the right edge of the audio strip to trim it so it matches your total video length.
Click the audio strip to select it, then click the Volume icon (speaker icon) in the toolbar above.
Lower the volume slider to around 20-30%. This keeps the music subtle enough to sit under any future voiceover without overpowering your animated text.
Click the Play icon above the timeline to preview your first page with music.

You should hear the background music playing softly while your hook animation runs on Page 1.

Why keep the volume so low?

At 20-30%, the music creates atmosphere without competing with on-screen text. Viewers read animated text at their own pace. Loud music makes that feel rushed and stressful.

If you add a voiceover later, the music will already be at the right level to sit underneath spoken narration.

Don't see the audio track in the timeline?

Make sure you dragged the track onto the timeline (the strip at the bottom of the editor), not onto the canvas itself. The audio section sits below the main video track.

If your timeline is collapsed, click the upward arrow at the bottom of the editor to expand it.

help me find where to add audio in Canva's video timeline

Design the closing page and add transitions

Before connecting all your scenes with transitions, your blank Page 5 needs a closing CTA so the video has a proper ending. Then you will add smooth transitions between every page junction.

Click on Page 5 in the page thumbnails at the bottom of the timeline.
Set the background to your dark color to match the rest of the video.
Add a large text box with a closing message such as "Follow for more resume tips" or "Full video link in description" in your heading font.
Add a smaller text box below with your name, channel, or social handle.
Select each text box, click Animate on the toolbar above the editor, and apply a Fade entrance animation to each.

Your Page 5 now has a clean closing CTA that gives viewers a clear next action. Now you can connect all five pages with transitions.

Hover your cursor between Page 1 and Page 2 in the page thumbnails below the timeline.
Click the Add transition icon that appears between them.
Select Dissolve from the transition styles. This works well between thematically different scenes.
Use the duration slider to set the transition length to about 0.5-1 second.

Which transition style for each junction?

You already have a Match & Move transition between Pages 2 and 3 from the previous step. Leave that one in place.

For Pages 1-2, 3-4, and 4-5, use Dissolve or Slide since these scenes are thematically different from each other. Use Match and move only when elements carry over between pages (like your resume mockup in Pages 2-3).

Repeat the process for each remaining page junction: hover between Pages 3-4 and Pages 4-5, click Add transition, and select Dissolve or Slide with a 0.5-1 second duration.
Click the Play icon to preview the entire video from start to finish.

Watch the full preview. You should see smooth transitions between every scene with no jarring jumps. The background music should play continuously underneath all five pages. Confirm the total runtime is between 3-5 minutes.

Adjust page durations if too short

If your total video is under 3 minutes, click on individual page thumbnails and drag the right edge of the page in the timeline to extend its duration. Give viewers more reading time on text-heavy pages like Page 4 (the 5 Rules).

Transitions not appearing between pages?

Make sure you are hovering between the page thumbnails in the timeline strip, not on the canvas. A small circular icon with a plus sign should appear between pages when you hover in the correct spot.

If the transition icon does not appear, try clicking directly on the thin gap between two page thumbnails.

help me add transitions between pages in my Canva video

Export your video as MP4

Your video is complete inside Canva. Now you need an MP4 file you can upload to YouTube or play in presentation software.

Above the editor, click Share in the top right corner.
Click Download.
In the file type dropdown, select MP4 Video.
Click Download and wait for Canva to process and render your video. This may take a minute or two depending on your video length.

What resolution will my video be?

Canva Free exports video at up to 1920x1080 resolution (full HD). Your video was created at this size, so the exported MP4 will be crisp and ready for YouTube without any paid upgrade.

Before you play the downloaded file, think about what you expect to experience. Will you hear the music? Will the transitions feel smooth? Will the total length fall in the 3-5 minute range?

Open the downloaded MP4 file on your computer using your default video player.
Watch the full video from start to finish.

You should hear your background music playing throughout, see smooth transitions between every scene, and confirm the video runs 3-5 minutes with no jarring jumps. Your animated explainer video is complete and ready to upload.

Video downloaded but no sound?

Check that your computer volume is turned up and not muted. If you still hear nothing, go back into Canva, click the audio track in the timeline, and confirm the volume is not set to 0%.

If the audio track was accidentally deleted, add a new track from the Audio tab, set the volume to 20-30%, and re-export.

help me troubleshoot missing audio in my exported Canva video

You now have a production-ready explainer video on ATS-friendly resumes. Next up, a secret mission challenges you to repurpose this content into a 60-second vertical short for social media.

Secret mission

Repurpose as a 60-Second Vertical Short

You have a polished 3-5 minute explainer video. But the platforms where most people discover content (Instagram Reels, TikTok, YouTube Shorts) demand vertical, under-60-second videos. Can you condense your best moments into a punchy short that works on a phone screen?

Clean Up Your Resources

Decide whether to keep your resources, share them, or delete them entirely. This project runs entirely on Canva's free tier, so there are no ongoing costs.

Resources you used:

Canva Video project (horizontal 16:9) stored in your Canva account.
Canva Video project (vertical 9:16, if you completed the Secret Mission) stored in your Canva account.
Downloaded MP4 file(s) stored on your device.

Keep everything running

No action needed. Choose this if you plan to revisit, remix, or reuse your video designs later.

Your Canva projects stay in your account indefinitely at no cost. You can edit, duplicate, or re-export them anytime.
Your downloaded MP4 files remain on your device wherever you saved them.
You can share your Canva designs with collaborators using the Share button in the editor to give them view or edit access.

Pause - I'll come back to this later

There are no running processes or costs to pause. Your Canva projects are stored in the cloud and consume no local resources.

If you want to reduce clutter in your Canva homepage, move your video projects into a folder. Hover over the design, click the More icon, and select Move.
Your MP4 files can stay on your device or be moved to a cloud storage folder for safekeeping.

Delete - I don't want to use this again

Remove all project resources and start fresh. Follow these steps to clean up everything.

Delete your Canva Video projects by going to the Canva homepage, selecting Projects from the side panel, hovering over the design you want to delete, clicking the More icon on the thumbnail, and selecting Move to Trash. Repeat for both the 16:9 and 9:16 video projects.
To permanently delete them, go to Projects, then select Trash from the expanded menu. Select your designs and click Delete to remove them permanently. Deleted items stay in Trash for 30 days before automatic permanent removal.
Delete the downloaded MP4 files from your device. Locate them in your Downloads folder (or wherever you saved them), right-click, and move to Trash (macOS) or delete permanently (Windows).

That's a Wrap!

Nice work! You just built a professional motion graphics explainer video from scratch using Canva's animation system.

You've learned how to:

Apply element animations (Rise, Pop, Fade, Slide) and stagger them with element timing to create sequenced entrance effects that guide the viewer's attention.
Use Match & Move transitions to animate position, size, and color between keyframe states, turning static before/after comparisons into smooth visual transformations.
Design a complete visual storytelling arc with hook, problem visualization, solution sequence, and CTA, then export it as a production-ready MP4 video for YouTube or live presentation.
Secret Mission: Repurposed long-form content into a 60-second vertical short optimized for Instagram Reels, TikTok, or YouTube Shorts, practicing the content repurposing workflow used by professional creators.

Ready to quiz yourself?