How to Create an Animation in Canva (Drawing the Path Yourself)
Canva is a versatile graphic design platform that offers users a wide range of tools for creating a variety of designs, including presentations, videos, logos, and business cards.
Canva makes it simple to create animations that captivate and engage viewers thanks to its user-friendly interface and comprehensive set of design features. If you want to learn how to make an animation in Canva, continue reading.
What is the new âCreate an animationâ feature in Canva
Canva recently added a new âCreate an animationâ feature that allows users to add motion to elements in their designs. Users can use this tool to create a customized path for their element to follow and adjust its speed as needed.
What makes this feature unique is the fact that users can manually trace the elementâs path to animate it, giving them more creative freedom and control over the animation. This feature is not limited to a specific media type and can be applied to any element in your Canva design.
1. Create an animation in Canva on PC (using Canva website)
Follow these steps to draw a path yourself for an elementâs movement to make an animation in Canva on PC:
Step 1: Open a browser app like Google Chrome or Microsoft Edge on your PC and then visit canva.com. Make sure you are logged in. Now, open the design in which you want to create an animation. You can either add your own file or select a template from Canvaâs library, which includes the video template we used for this guide.
Step 2: Click the element in your design that you wish to animate to select it. Next, select the Animate option at the top.
Step 3: If you want to create an animation for the selected element by designing a specific path, select Create an animation on the left.
Step 4: To make a path, click and hold on to the element and drag your mouse on the screen to draw its path. You will see a purple dashed line for the path you drew, meaning this is how the element will move under animation. We drew the path of the spaceship in the GIF below.
Step 5: If you want to change the movement style, look for the âMovement stylesâ section located on the left side of the Canva interface. There are three options available here: Original, Smooth, and Steady. You can see how your animation will look under each movement style by hovering your mouse over each button. Once youâve chosen a style, it will be applied to your animation to create the desired effect. If you want keep original style, select Original.
Step 6: If you want the movement style to be steadier, select Steady.
Step 7: If you want the movement style to be smoother, select Smooth.
Step 8: If you want to adjust the movementâs speed, slide the speed bar to adjust the animationâs speed.
Step 9: Save your animation by clicking on Done.
Done. You have successfully created an animation on Canva website. You can go ahead and download it if you need to.
How to change the speed of your animation
Step 1: Select the element you have created animation for above.
Step 2: Click Custom.
Step 3: If you want to adjust the movementâs speed, slide the speed bar to adjust the animationâs speed.
How to make your animation smoother
Step 1: Select the element you have created animation for above.
Step 2: Click Custom.
Step 3: There are three options available in the âMovement stylesâ: Original, Smooth, and Steady. You can see how your animation will look under each movement style by hovering your mouse over each button. Once youâve chosen a style, it will be applied to your animation to create the desired effect. We have chosen Smooth for our animation.
How to delete the animation you created
Step 1: Select the element you have created animation for above.
Step 2: Click Custom.
Step 3: You can remove the animation by clicking on Delete path. It deletes the path you previously created for the element.
2. Create an animation on Canva mobile app on iPhone or Android
Follow these steps to draw a path yourself for an elementâs movement to make an animation in the Canva app:
Step 1: Open the Canva app on your phone.
Step 3: To animate your element, click on it and choose the animate option.
Step 4: Under the âAnimateâ option, there are four choices: âAll,â âBasic,â âExaggerate,â or âTool.â You can select any of these animation options to apply to your chosen element.
Step 5: If you want to create a path for your element, simply tap on the Create option located in the âToolsâ section.
Step 6: To make a path, click and hold on to the element and drag your mouse on the screen to draw its path. You will see a purple dashed line for the path you drew, meaning this is how the element will move under animation. We drew the path of the sun in the GIF below.
Step 7: If you want to change the movement style, look for the âMovement stylesâ section located on the left side of the Canva interface. There are three options available here: Original, Smooth, and Steady. You can see how your animation will look under each movement style by hovering your mouse over each button. Once youâve chosen a style, it will be applied to your animation to create the desired effect. If you want to keep the original style, click Original.
Step 8: If you want the movement style to be steadier, select Steady.
Step 9: If you want the movement style to be smoother, select Smooth.
Step 10: If you want to adjust the movementâs speed, slide the speed bar to adjust the animationâs speed.
Step 11: Click on Done to save the changes.
Step 12: If youâre satisfied with your animation, click on share. You can download or share it with friends through various means.
Step 13: Choose the appropriate format for downloading the video from the available options. In the image below, we chose GIF format.
Done! You have successfully created an animation in Canva app.
How to change the speed of your animation
Step 1: Select the element you have created animation for above.
Step 2: Click on Custom.
Step 3: If you want to adjust the movementâs speed, slide the speed bar to adjust the animationâs speed.
How to make your animation smoother
Step 1: Select the element you have created animation for above.
Step 2: Click Custom.
Step 3: There are three options available in the âMovement stylesâ: Original, Smooth, and Steady. You can see how your animation will look under each movement style by hovering your mouse over each button. Once youâve chosen a style, it will be applied to your animation to create the desired effect. We have chosen Smooth for our animation.
How to delete the animation you created
Step 1: Select the element you have created animation for above.
Step 2: Click Custom.
Step 3: You can remove the animation by clicking on Delete. It deletes the path you previously created for the element.
FAQ
What can you create an animation for?
You can create your own animation by drawing the movement path for any element in your design. But the whole design. For animating the whole design, you need to select the any of the animation presets.
Is it possible to use my personal images and videos in Canva animations?
Yes, Canva allows you to use your own images and videos in Canva animations. To do so, go to the right side of the screen and click on Upload and select the files you want to upload from your computer.
You can share your Canva animation in a lot of ways. Downloading the animation as an MP4 or GIF file and uploading it to social media, your website, or other platforms is one option. Another option is to share your Canva design link which will allow others to view and interact with your animation directly in the Canva editor.
Do I need any design or animation skills to create an animation in Canva?
No, special design or animation skills are not required to create an animation in Canva. The platform is extremely simple to use and includes a drag-and-drop feature, allowing you to simply click and drag items around. Moreover, there are a plethora of cool pre-made elements and animations to choose from to make your animation look amazing.
Check out the detailed guide above on how to create an animation in Canva. There is a method for you, whether you prefer to use your PC or phone. Simply follow the simple steps outlined in the guide to effortlessly achieve your desired result.
Leave a Reply