@LottieFiles hit me up to create five animations using their new Lottie Creator (https://lottiefi...@LottieFiles hit me up to create five animations using their new Lottie Creator (https://lottiefi...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
@LottieFiles hit me up to create five animations using their new Lottie Creator - an SVG animation tool with state machine capabilities, giving you the ability to make your animations interactive.
First one's a gradient stress test 🌈 I wanted to create a glass sphere that actually feels dimensional, with color shifting inside and outside as it rolls 🔮
Vector-based gradients are usually where things get messy - flat colors, harsh transitions, zero depth. So I layered multiple blurred color fields with varying transparencies to fake that soft, glowing quality you'd normally only get from raster work.
Layering blurred color fields at different transparencies to fake raster-style depth in a vector gradient is a neat workaround, most people just give up and rasterize.
One of the key challenges in bringing EANI to life was creating smooth, natural transitions between different emotions without abrupt jumps or visual flickering.
Using a shared character rig and Rive State Machine, I built an interactive animation system that allows EANI to switch between expressions while maintaining consistent proportions and character personality.
Each emotion features its own looping animation, with carefully designed transitions of approximately 300ms to keep the movement fluid and expressive.
From Idle to Happy, Curious, Funny, Celebration, and more, every transition is designed to feel like one continuous character rather than separate animations.