One of the exclusive features of Extrudalizer is its 100% compatibility with Lottie animation format. Lottie is an animation file format created by Airbnb that enables designers and developers to easily add high-quality, scalable animations to their web and mobile applications. Lottie animations are created using Adobe After Effects and exported as JSON files that can be played natively on iOS, Android, and the web. This format allows for animations to be lightweight and customizable, making it an efficient and flexible option for adding motion graphics to digital interfaces.

Extrudalizer animations contain sophisticated expressions that are written in a way that is natively interpreted and rendered by Lottie web player, and as a result you do not need to worry about baking any animation created with Extrudalizer, prior to export.

Steps needed for a successful export of Extrudalizer Lottie animation are as follows:

  1. create, customize and animate Extrudalizer animation

    <aside> 🚀 OPTIONAL you can follow the steps outlined in the Optimization section of this guide to optimize your Lottie animation to make it smaller and more efficient

    </aside>

  2. Open the Bodymovin extension for After Effects and select the composition you intend to export

  3. Click on the gear icon on the left of the Composition name to open export settings

  4. Deselect the Glyphs export option

    1. This Glyphs options converts all editable text layers into shape layers containing letter shapes(glyphs). Since we need the output of the values from the EXTRUDALIZER DATA layer for the correct operation of the Extrudalized animation, having this option selected would break the Extrudalized Lottie animation.
  5. Select the Hidden export option

    1. The Hidden option exports layers that are invisible/hidden in your After Effects composition. Since the Extrudalizer Data layer is invisible we need to select the Hidden option so that it exports as part of your Lottie animation. The Extrudalizer Data layer contains all the formulae that compute the 3d vector coordinates, apply painter algorithm, sort layer stacking and perform various other computations necessary for the function of the Extrudalizer Script.

      ScreenShot 2023-05-23 at 21.00@2x.jpg

  6. Click save, add the path for animation to be exported to, and click Render

ScreenShot 2023-05-23 at 21.04@2x.jpg

ScreenShot 2023-05-23 at 21.07@2x.jpg

<aside> ❗ IMPORTANT - if you are exporting a Lottie animation for use in iOS or Android applications, you need to follow the Baking section of this guide. In this instance the options above are unnecessary - deselect Hidden export option and, if needed, select the Glyphs option.

</aside>