search

airbnb / lottie-web

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

Unable to create json file when putting animate animation into after effects and using Bodymovin. #1996

Open RyanTuppen opened 4 years ago

RyanTuppen commented 4 years ago

Hello, I am very excited for the animate Lottie conversion plugin. I am having some trouble when trying to convert the file into json.

Created an animation in animate then imported into after effects, then used Bodymovin to export as a json. Done in after effects 2020. I then went onto Lottie and uploaded it, it worked but only a blank screen appeared. It had the same number of frames but no animation. Below I have attached the gif file. I would be very pleased if somebody could help me. Thanks, Ryan. flying-slothe-transparent

ChrisGelles commented 4 years ago

Hi Ryan.

I'd love to see links to your AEP files and your FLA files. Lottie does great work of exporting After Effects-native shapes to JSON files.

But, I fear some of your information must be getting lost along the way with all those conversions.

Flash files usually don't neatly translate into AE shapes. So, to take advantage of Lottie, you'll have to somehow move your work to After Effects.

You could:

  1. Recreate your animation in After Effects
  2. Export your Flash frames as SVG's, import them to Illustrator and then import them to After Effects, where they'd be converted to Shape layers.
  3. Export each Flash layer to SVG, convert to Illustrator, bring the art into AE and try to match the motion.

Etc.

Tons of options. Though, without seeing how you got to this point, I'm only speculating.

-Chris

RyanTuppen commented 4 years ago

Hi Chris, Thanks for responding. I will probably try number 2. Here are the animate and after effects files. flying sloth.aep.zip flying sloth.fla.zip

Ryan.

ChrisGelles commented 4 years ago

Hey.

Yeah, it's as I thought... You'll have to take some steps of getting your art into After Effects as paths in shape layers. Then, reanimate it over there.

SWF won't translate so easily.

Sorry.