How to Use Animations

Learn how to use animations in Synthesia

Updated over a week ago

What are Animations?

Animations are an excellent tool to add some character to your content. By incorporating movement to your avatars, text, titles, shapes, and images, you can make your content more visually appealing and engaging.

This feature is particularly useful if you're trying to grab the viewer's attention and keep it. By doing so, you can ensure that your content is memorable and stands out from the rest.

In addition, you can customise your animations to fit your brand and message, creating a consistent and professional look throughout your content.

Check out the examples below to see how to add animations and markers to your content!


How to Add Animations in Synthesia

To create an animation select the element (title, text, image) you would like to animate as seen below.

Once you select the element you will see a menu available on the right hand side of Synthesia.

In the animation settings, you have the option to select whether you want an animation to enter your scene, exit your scene, or both. This can add depth and visual interest to your video. By selecting the appropriate animation, you can create a more dynamic and engaging experience for your audience.

Please select your preferred animation from the available list. We have already selected Fade in from top as seen below.

You can also specify when you would like the animation to start by entering the delay time and animation duration. The default delay is 0 seconds, and the automatic default duration is set at 1 second.

Follow the same process for the animations you would like to use when exiting your scene. In this example, we have used "slide out right" as shown below.

You can also choose from three options for the velocity of your animation: smooth (which is set by default), bounce, and linear. To change the velocity, go to the animation settings panel and select the appropriate option as shown below.

Once you are happy with the animations selected, you can preview these by selecting the play button.

To remove animations from any element, select the element and choose the none option from the list.


How to Add Animation Markers

Marking your animation within your script enables you to define the timing of an animation based on the moment you want it to appear within your script. This ensures that the animation occurs as intended, even if the script is edited. Follow the guides below on how to add animation markers.

To add markers to your script, click on the marker button located above your script. You can add as many markers as you need within a single scene.

Each marker in your scene will be assigned a number corresponding to the order in which the markers are added. In this example, we have added two markers: one for the entry of our title and one for the exit. As you can see in the image below as a result we have marker 1 and marker 2.

To tie an element to a marker, such as a title in this example, first select the desired element. Then, click on the animation entry or exit and select the marker you want to add the animation to from the trigger drop down menu, as shown below.

For marker 1 in this example, we have set the animation to enter with a "slide to left" effect at the start of our first line within the script as seen below.

For marker 2 in this example, we have set the animation to exit with a Fade out effect at the end of the first line of our script, as shown below.

Repeat this process for all your markers, and make sure to use the preview option to test your markers and animations.

πŸ’‘ TOP TIP πŸ’‘

You can also drag and drop your markers to different locations within your script.

Did this answer your question?