Trying out the new lottie animation element, very glad to see this was added!
However, I am having trouble uploading my JSON File.
I get the “Unsupported JSON File” error when I attempt to upload it.
Not sure how to attach the file to this message, but is there a list of certain elements that can be used? The animation works fine inside the bodymovin player so I’m not sure what problem I could be running into.
Thanks for the help, looking forward to the replies.
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
You’ve probably used nested compositions in AE. At the moment you can’t do this, everything must fit into one single composition. It’s not a Webflow bug it’s a Lottie bug.
I also ended up troubleshooting and it turns out that it does not currently support Cameras in AE.
Just discovered the camera issue myself too. Unsupported.
Thanks a lot for the camera tip, I would never guesses, and no mention of that in Webflow videos…
I read this post, and I found a solution with the not supported Lottie-things.
Here you have a link to what Lottie supports and whatnot: Lottie Supported Features
But how it always should work it is by exporting your media (in AE, C4D, etc.) in a png sequence and then importing it again in AE and using the bodymovin or the new Lottie feature.
Here you have the link where I discovered this! How to export video with transparent background in After Effects? | EasyEdit.pro
And here are Webflow explaining the whole process: Control a Cinema 4D animation with your mouse on a webpage — After Effects & Lottie in Webflow - YouTube
I hope you guys find it helpful!