airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
MIT License
30.42k stars 2.86k forks source link

After Effects Animation Doesn't Render All Layers in Lottie Export #2964

Open mattCampy opened 1 year ago

mattCampy commented 1 year ago

Tell us about your environment After Effects 23.3.0 (2023) / BodyMovin Plugin 5.9.0 / LottieFiles Plugin 3.4.3

What did you do? Please explain the steps you took before you encountered the problem. I built an simple coin flip animation from AI vector files (Side A, Side B, and a center layer which is repeated to give the coin appearance of 3d depth).

What did you expect to happen? A final animation that matches the AE previews and MP4 exports.

What actually happened? Please include as much relevant detail as possible. When I export using bodymovin or LottieFiles plugin the final render is missing the side B layer (the coin shows the reverse side of Side A when rotated). What is odd is that the center layers appear to have rendered (the coin shows its 3d "thickness" however the back of Side A is visible when the Side B is not when you should be seeing the center layer instead.

Please provide a download link to the After Effects file that demonstrates the problem. AE file: https://drive.google.com/file/d/1r-BGS0BN2bmQmkNiGen0T8KNWnfy6Vsr/view?usp=share_link MP4 Render: https://drive.google.com/file/d/1_fzCWkBwq1Jf3t0FA9twMswQvxJfDKPl/view?usp=share_link

Here is a view of my layer structure: Screenshot 2023-04-17 at 9 51 49 AM