Bodymovin not rendering my animation correctly. Animation in Ae doesn't match rendered animation.

airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/

MIT License

30.54k stars 2.87k forks source link

Bodymovin not rendering my animation correctly. Animation in Ae doesn't match rendered animation. #1808

Closed jzfcb closed 4 years ago

jzfcb commented 5 years ago

I created an animation in After Effects (Version 16.1.3 Build 5 | CC 2019) that plays well inside of After Effects. Here is a gif of the animation in after effects:

AE-anim-example

Here is a screenshot of my composition, shape layers and key frames:

However, once rendered and exported with Bodymovin, this is the result: BM-anim-example

In the example, I'm controlling the scrubber because it's not autoplaying, also the arrow became displaced and is not animating correctly. The face is animating in reverse as well.

I can't figure out why this is happening, the animation doesn't contain any crazy effects.

bodymovin commented 5 years ago

Hi, can the share the .aep?

jzfcb commented 5 years ago

Hi, can the share the .aep?

Sure! enrollment animation.aep.zip

bodymovin commented 5 years ago

I've found the issue. It's related to having auto oriented layers with no keyframes on positions. It will be fixed on the next deploy.

jzfcb commented 5 years ago

I've found the issue. It's related to having auto oriented layers with no keyframes on positions. It will be fixed on the next deploy.

Thanks so much for the quick response! In the meantime, is there any possible workarounds for this?

bodymovin commented 5 years ago

if you uncheck the auto-orient property from layers that don't need it it should work fine

jzfcb commented 5 years ago

if you uncheck the auto-orient property from layers that don't need it it should work fine

Awesome, that worked! Thank you!

Gopinath6699 commented 5 years ago

Hi ! This Plugin is really awesome !!!

I have the same issue bodymovin not rendering my animation correctly. Animation in Ae doesn't match rendered animation.

Google Chrome: Version 78.0.3904.70 (Official Build) (64-bit) After Effects: Version 15.0.0 (Build 180)

This is how it looks in After Effects: issue

But this is how it got rendered: issue 1

Please help me ! I can't figure out what's wrong.

Here is the After Effects File attachment: Gyanith Logo 2.zip

makerhas commented 2 years ago

I created an animation in After Effects (Version 22.6) that plays well inside of After Effects. But when Export in json format through bodymovin plugin its not work properly

FEE9LOOH commented 1 year ago

https://github.com/airbnb/lottie-web/assets/144218514/1613524a-287b-475b-9409-9527a88bfef4

hi this AE File & not show the effect of the check !!!

https://github.com/airbnb/lottie-web/assets/144218514/fe5baf6e-d27e-482d-a8fa-654ea2bfb948

please Help me