I worked with a client to create a Lottie animation for their Website.

The initial idea, the client had, was to use an SVG illustration of a typing hand on their Website. But Later opt for Lottie animation after they saw how interactive and powerful Lottie animations can be.

After getting the illustration as an Adobe illustrator file from the designer, I moved into After Effects and started rigging using Duik Angela.

To create more expressive animation, I had to isolate the hand and create the typing animation using the rigging I had done earlier.

Lottie animation is meant to be small and smooth, so most features like effects, layer parenting won't render to Lottie animation, so I made sure that I did not use any effects in my animation, and I had to bake all parented layers and then export to Lottie using the Bodymovin plugin. Below is the Final render of the project.

Even though my job was to create and render the animation as Lottie, but I also help the client and the developer to sort out how to use the Lottie in development and adding interaction and state machine to give the animation more granular interaction.