Can a custom Lottie animation be created using different 3D animating software and then rendered on After Effects with a plug-in to convert it into a Lottie.Json file, without using Cinema 4D?

Published on
September 22, 2023

Yes, it is possible to create a custom Lottie animation using different 3D animating software and then render it on After Effects with a plug-in to convert it into a Lottie.Json file, without using Cinema 4D. Here's how you can do it:

  1. Choose a 3D animating software:
  • Blender: A free and open-source option that offers powerful 3D capabilities.
  • Maya: A professional-grade software widely used in the industry.
  • 3ds Max: Another professional-grade software known for its robust 3D animation features.
  1. Create your animation in the chosen software:
  • Use the features and tools available in the software to create your 3D animation.
  • Ensure that your animation adheres to the technical requirements for Lottie animations, such as animating all properties that need to be animated and adhering to timing and keyframe specifications.
  1. Export the animation from the 3D software:
  • Export your animation in a file format supported by After Effects, such as FBX or OBJ.
  • Ensure that you maintain the integrity of the animation during the export process.
  1. Import the animation into After Effects:
  • Open After Effects and create a new composition.
  • Use the File > Import File option to import the exported animation file into After Effects.
  • Ensure that the animation is correctly imported, and the keyframes are intact.
  1. Install the Lottie Bodymovin plugin:
  • Download and install the Lottie Bodymovin plugin for After Effects.
  • This plugin allows you to export your After Effects composition as a Lottie animation.
  1. Convert the animation to Lottie.Json:
  • With the plugin installed, you can now export your composition as a Lottie.Json file.
  • Select the composition in the After Effects project panel.
  • Go to File > Scripts > Bodymovin.
  1. Customize the export settings:
  • In the Bodymovin panel, you can customize various settings for the Lottie export, including size, frame rate, and compression.
  • Make the necessary adjustments based on your requirements.
  1. Export the composition as a Lottie.Json file:
  • Click the "Render" button in the Bodymovin panel to start the export process.
  • Choose a location to save the Lottie.Json file and click "Save."
  1. Use the Lottie animation:
  • You can now use the Lottie.Json file in your Webflow project.
  • Import the Lottie animation into Webflow by following the standard process of adding animations to your website.
  • Depending on your requirements, you can use interactions or embed the Lottie animation directly on your website using the HTML embed element.

By following these steps, you can create a custom Lottie animation using different 3D animating software and render it on After Effects without relying on Cinema 4D.

Additional questions:

  1. How can I create a custom Lottie animation using Blender?
  2. What are the technical requirements for Lottie animations?
  3. How do I import a Lottie animation into Webflow?