Canva Design Basics 3.7: Using Animations & Transitions

Learn to effectively use animations and transitions in Canva to improve presentation flow and viewer engagement.

Canva Animations and Transitions Guide

Learning Objectives

  • Add animations and transitions to your Canva designs
  • Choose the right animation types for different content
  • Preview and adjust animations for maximum impact

Introduction

Animations and transitions can turn a basic Canva presentation into something that grabs attention and keeps viewers engaged. These tools help emphasise key points, guide the eye, and create smooth flow between slides. We'll show you how to use Canva's animation features effectively without overwhelming your content.

Lessons

Lesson 1: Adding Animations to Elements

Here's how to animate individual elements in your Canva design:

Step 1: Select the element you want to animate (text, image, shape, or graphic)
Step 2: Click the 'Animate' button in the top toolbar
Step 3: Choose from the animation options that appear:

  • Rise: Elements slide up from the bottom
  • Breathe: Gentle scaling effect that pulses
  • Slide: Elements move in from the side
  • Pop: Quick scaling effect for emphasis
  • Fade: Gradual appearance or disappearance

Step 4: Preview the animation by clicking the play button

Each animation serves different purposes. Use 'Pop' for important text or 'Fade' for subtle emphasis.

Lesson 2: Setting Up Page Transitions

Transitions control how your presentation moves from one slide to the next:

Step 1: Open your presentation in Canva
Step 2: Look for the transition icon between pages in the side panel
Step 3: Click the transition icon to see available options:

  • Slide: Pages move horizontally or vertically
  • Fade: One page fades out as the next appears
  • Push: New page pushes the current one out of view

Step 4: Select the transition that matches your presentation style

Professional presentations work well with subtle transitions like 'Fade', while creative presentations can handle more dynamic effects.

Lesson 3: Previewing and Fine-tuning

Always test your animations before sharing your presentation:

Step 1: Click the 'Present' button at the top right
Step 2: Watch your presentation in full-screen mode
Step 3: Note any animations that feel too fast, too slow, or distracting
Step 4: Exit presentation mode and adjust problematic animations
Step 5: Repeat the preview process until you're satisfied

This is the bit most people miss – what looks good in edit mode might feel different in presentation mode.

Practice

Create a three-slide presentation about your favourite hobby. Add different animations to at least two elements per slide and use transitions between all slides. Present it to check the timing and flow.

FAQs

How do I know which animation to use?
Match the animation to your content's tone. Formal presentations need subtle effects like 'Fade' or 'Rise'. Creative presentations can handle 'Pop' or 'Slide'.

Can I remove animations once they're added?
Yes. Select the animated element, click 'Animate', then choose 'No animation' from the options.

Why do my animations look choppy during presentation?
This usually happens with slow internet connections or older devices. Try using fewer animations or simpler effects.

Can I animate multiple elements at once?
Each element needs to be animated individually in Canva. You can't select multiple items and animate them together.

Jargon Buster

  • Animations: Movement effects applied to individual design elements
  • Transitions: Effects that control how one slide changes to the next
  • Preview: Testing your animations in presentation mode before sharing

Wrap-up

Animations and transitions work best when they support your content rather than stealing the show. Start with subtle effects and add more dynamic ones only when they serve a clear purpose. The key is keeping your audience focused on your message while adding visual interest.

Ready to explore more Canva features? Join our community at https://www.pixelhaze.academy/membership

Canva Design Basics