I am gathering cool references for my own work as a Motion Designer, and this one caught my eye this week. Day 3 of 60-days-collecting-awesome-motion-design-references I love the way this is designed, based on abstract shapes and concepts with a coding visual language that we are all already familiar with. This is a great reference in this modern era where we deal more and more with products and services that live on the internet, not on a physical product. This animation was created by Odd Fellows in collaboration with Figma.

60 days of references is a serious commitment. Curious, are you mostly drawn to the same visual language each time, or does it shift a lot depending on the day?

@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.

More from this series coming soon! 📂 Animation files here

The glow feels spot on.