Icons and Lottie animations

Learn how to use icons and Lottie animations in Synthesia STUDIO.

Before you get started:

  • To learn how to upload an image background, click here.
  • To learn how to select or use images, click here

 

Learn how to:

1. Select and modify icons

2.Upload Lottie animations

3. Modify Lottie animations


Select icons

 First, head over to the right side toolbar and click on the image icon.


From here, you can browse the icons library or use the search bar to find a suitable icon. Once you have selected it, it will automatically be displayed on the canvas. 


If you click on the three sliders in the search bar, you can narrow down your search to static or animated icons.

Copy of allow-duplicate-1


You can then change the size and colour of the icon using the format functions in the menu on the right. You can only change the colours of icons that have less than 10 of them.

Copy of allow-duplicate-2



Upload Lottie animations

Lottie animations are small high-quality animations that, no matter how big you scale them, do not become pixelated.

  • The maximum size for uploaded Lottie is 250MB
  • Supported format: json


To upload a Lottie animation, click on the Images icon on the right toolbar. Then click on the Upload asset button. An uploaded Lottie is automatically displayed on the canvas.


If you want to rename or delete an uploaded Lottie, click on the three dots menu on
the image.



Modify Lottie animations

If you click on Lottie, you can change the size, colour and opacity of the animation using the format function in the menu on the right.



To change the colours of your Lottie, click on colour circles. Here you can also enter the hex or RGB code of the desired colour.

For example, the colour brown has the hex number #A52A2A and the RGB values 165,42,42.