Is it possible to export a line drawing animation with the wiggle effect intact using Bodymovin in Adobe After Effects?

TL;DR
  • Verify compatibility of Bodymovin with the wiggle effect and consider using basic effects or expressions.
  • Simplify effects by using position/rotation keyframes or simpler expressions.
  • Test export with Bodymovin and use its Debug Tool to address incompatibilities.
  • Consider using additional JavaScript to replicate the wiggle effect on the web if needed.

To export a line drawing animation with a wiggle effect intact using Bodymovin in Adobe After Effects, consider the following steps:

1. Verify Compatibility

  • Check Plugin Limitations: Confirm that the Bodymovin plugin supports the wiggle effect. Not all effects in After Effects are supported by Bodymovin.
  • Use Expressions or Basic Effects: Effects that rely heavily on After Effects' comprehensive rendering engine might not translate well into Bodymovin's JSON format for Lottie.

2. Optimize Animation

  • Simplify Effects: If the native wiggle effect isn’t working as expected, consider using position or rotation keyframes that simulate the wiggle effect.
  • Use Expressions: Use simpler expressions that can be recognized by Bodymovin.

3. Export Settings

  • Test Export: Do a quick export using Bodymovin to verify if the animation looks as expected.
  • Debugging: Use the Bodymovin Debug Tool to understand which parts of the animation might be incompatible.

4. Consider Web Solutions

  • Additional JavaScript for Wiggle: Consider adding additional JavaScript to replicate the wiggle effect on the web if exporting from After Effects doesn’t work as planned.

Summary

It can be challenging to export a line drawing animation with a wiggle effect using Bodymovin, due to plugin limitations. Simplifying your animation or simulating the effect with keyframes may be necessary. Always test your export and adjust as needed using web-based solutions when necessary.

Rate this answer

Other Webflow Questions