Blog

Within the following tutorial, I will present you how you can edit textual content in Lottie pictures. Now we have a tutorial on how you can create a Lottie textual content animation, and right here we’ll cowl the choice that you’ve, how you can entry and modify the textual content, and how you can export your up to date animations.

1. The right way to edit textual content in Lottie pictures utilizing an After Results supply file

Altering textual content in a Lottie animation is not as simple as enhancing a daily picture. To edit textual content in a Lottie animation, you have to 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 will not be become vector shapes, you must be capable of edit it.

After all, when you make the adjustments, you will 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 be capable of edit it as textual content, solely the shapes that make up the textual content.

2. The right way to edit textual content in Lottie pictures utilizing a Figma supply file

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

Identical 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, remember to save a brand new model of your Lottie animation with the up to date textual content after making the adjustments.

3. The right way to edit textual content in Lottie pictures utilizing the Lottie Editor

In principle, you must be capable of edit textual content in a Lottie animation utilizing the Lottie Editor, however from my expertise I wouldn’t depend on this feature because it comes with numerous limitations and bugs.

Issues may enhance sooner or later, however for now, it is not a reliable resolution.

tip

At all times maintain the supply recordsdata, and keep away from changing textual content to vector shapes if you happen to assume you’ll must edit it later.

Congrats! You are achieved

I hope you have loved this tutorial and may apply these strategies in your future Lottie animations. You could find some nice sources of inspiration at Envato, with fascinating options to enhance your Lottie animations.

Need to Study Extra?

At Envato Tuts+, we’ve got a great deal of tutorials on the whole lot you want to find out about Lottie animations. Have a look!