Tips & Tutorials 25 Nov 2019  ■12 Comments

How to upload your animations to LottieFiles

Not sure how to upload your animation? Fear not! Here is your step by step guide on how to upload your animations to LottieFiles. And if you want to upload your animation from the LottieFiles for After Effects plugin, then just jump straight to the bottom of this article to see how.

If you don't feel like reading, here's a video for you to watch instead.

Step 1

Create an account with LottieFiles or sign in to your account.

Step 2

Click Preview located at the top of your screen. (For a quicker alternative, you can just drag and drop your Lottie file to the LottieFiles website)

Step 3

Once you're at the Lottie Previewer, drag and drop your Lottie JSON file in to it.

Step 4

Check that your animation

  • works on both Android and iOS by using LottieFiles preview apps.
  • has a clear background to it

Then click Publish to Public

Note: if you don't want your animation to be public you can use the private link to share it with those who you want to see it.

P.S If you don't want your animation to be public, you can still share it with a private link

Step 5

Give your animation a title, description and tags so people can find it easier. You may also included the After Effects Source File if you have it.

Step 6

Click Publish to Public

Step 7

Sit back and relax while you wait for your animation to be approved by LottieFiles.

Additional: Uploading your animation via the LottieFiles for After Effects plugin

If you're using LottieFiles for After Effects you can save yourself even more time and upload your animation creation directly from within After Effects using the plugin.

Once you have your animation finished and have rendered it in the LottieFiles for After Effects plugin, click "Upload" and then the button with the globe icon that appears right after. This will open up your animation in your browser and then you can click "Publish to public" to have your animation published on LottieFiles for all to see.

Comments