It’s finally happened – you’ve found the perfect Lottie animation for your website, app or marketing collateral. There’s just one problem: perhaps the colors are wrong, it’s playing too fast or its dimensions are too small.

No worries. The Lottie Editor makes it easy to edit any Lottie animation. Use it to tweak dimensions, layers, playback speed, frame rate, colors and more – even if you aren’t a designer. You can even export your animations as Telegram stickers, so that you can share them with friends.

Watch the video: edit animations with the Lottie Editor

Find out how to edit your animations, export them as Telegram stickers and embed them in websites, newsletters, social media and more. Watch the tutorial below, or scroll down for a written version. If you’d like to follow along, you can duplicate the design assets from the tutorial.

1. Prepare your Lottie animation

Convert your SVG logo into a Lottie animation
Convert your SVG logo into a Lottie animation

If you don’t already have a Lottie animation – say you have your company logo as an SVG file – you can use the SVG to Lottie tool to convert it into a Lottie animation. It just takes a few steps:

Alternatively, you could also choose from thousands of free animations on LottieFiles. Download, edit and use these animations in your personal and commercial projects.

2. Edit your animation with the Lottie Editor

Edit your Lottie animation with the Lottie Editor
Edit your Lottie animation with the Lottie Editor

Drag and drop your Lottie file into the Lottie Editor. Once the Lottie Editor loads your animation, you’ll be able to edit these properties:

  • Layers - If you have elements on different layers, you can hide or unhide them. This can be useful for simplifying animations or getting rid of background layers you don’t need.
  • Dimensions - You can change the width and height of your animation by editing its dimensions.
  • Frame rate - This refers to the number of individual images (i.e. frames) that are shown per second. At higher frame rates, the animation will seem smoother.
  • Playback speed - You can change this to adjust how fast the animation plays.
  • Animation duration - This refers to the length of your animation in seconds.
  • Colors - You can change the colors of the elements in your animation, or change the background color.

Play around with these settings, or check out the video tutorial above to see how this works in action.

3. Export your Lottie animation as a Telegram sticker

To export your Lottie animation as a Telegram sticker, you’ll just have to make sure that it meets Telegram’s requirements for animated stickers, which include:

  • Your sticker size must be 512х512 pixels.
  • The length of your animation must not exceed three seconds.
  • Your animation must be looped.
  • Your sticker size must not exceed 64 KB.
Export your Lottie animation as a Telegram sticker
Export your Lottie animation as a Telegram sticker

If you meet all the requirements, you’ll see an option to download your animation as a TGS file – this is the Telegram file format for animated stickers. To start using the sticker, check out this article for a step-by-step guide on how to set up your animated sticker in Telegram.

4. Save your edited animation as a Lottie JSON file

Save your edited Lottie animation
Save your edited Lottie animation

To save your edited animation, you can do one of the following:

  • Export as a Lottie JSON, which will download the animation as a Lottie JSON file.
  • Click “Upload to my Previews”, which will save a copy of this animation in your private animation dashboard.

5. Use your Lottie animation in websites, newsletters, social media and more

Copy the Lottie asset link
Copy the Lottie asset link

It’s easy to embed your Lottie animation in your website:

  • Head to your private animation dashboard and click on your animation. Copy the asset link provided.
  • Alternatively, you can use the Lottie Editor to export your animation as a JSON file and upload it to your own server.
Generate an embed code
Generate an embed code
Convert Lottie to a GIF animation
Convert Lottie to a GIF animation

Unfortunately, newsletters and social media platforms like Facebook and Instagram don’t support Lottie animations. No worries, you can still add motion to your marketing collaterals.

  • Head to your private animation dashboard and click on your animation.
  • Click “Convert to GIF”.
  • Alternatively, head directly to the Lottie to GIF tool and drag and drop your Lottie JSON file.
  • Once you’ve downloaded your GIF, you can insert in your newsletters and social media posts.

We hope this has inspired you to try your hand at editing animations, even if you don’t know anything about motion design. Start by playing around with the thousands of free animations on LottieFiles – we can’t wait to see what you come up with!

Want more ways to add motion to everyday life? Check out how to add animations to your live streams, create animated social media posts, or browse all our video tutorials on the LottieFiles YouTube channel!