Within the following tutorial, I am going to present you how one can edit textual content in Lottie photographs. We've a tutorial on how one can create a Lottie textual content animation, and right here we'll cowl the choice that you've got, how one can entry and modify the textual content, and how one can export your up to date animations.

1. Find out how to edit textual content in Lottie photographs utilizing an After Results supply file

Altering textual content in a Lottie animation is not as simple as modifying a daily picture. To edit textual content in a Lottie animation, you will have entry to the supply file.

Step 1

In case you have entry to the unique After Results file, open it and find the textual content in your timeline. Double-click it, and so long as the textual content just isn't become vector shapes, you need to have the ability to edit it.

In fact, when you make the adjustments, you may want to avoid wasting a brand new model of your Lottie animation with the up to date textual content.

Step 2

If the unique textual content was transformed to vector shapes, you gained’t have the ability to edit it as textual content, solely the shapes that make up the textual content.

2. Find out how to edit textual content in Lottie photographs utilizing a Figma supply file

In case you have entry to the unique Figma file, open it and choose the textual content.

Similar to in After Results, you'll be able to double-click to edit the textual content, so long as it hasn’t been become vector shapes. Once more, make sure you save a brand new model of your Lottie animation with the up to date textual content after making the adjustments.

3. Find out how to edit textual content in Lottie photographs utilizing the Lottie Editor

In idea, you need to have the ability to edit textual content in a Lottie animation utilizing the Lottie Editor, however from my expertise I wouldn’t depend on this selection because it comes with numerous limitations and bugs.

Issues may enhance sooner or later, however for now, it isn't a reliable answer.

Congrats! You are completed

I hope you've got loved this tutorial and may apply these methods in your future Lottie animations. Yow will discover some nice sources of inspiration at Envato, with fascinating options to enhance your Lottie animations.

Need to Study Extra?

At Envato Tuts+, now we have a great deal of tutorials on all the pieces it's essential find out about Lottie animations. Have a look!