Rive Mascot Animation
Project Overview
Design an expressive, interactive mascot animation in Rive that reacts to user actions and brings personality into the product experience.
Role: Rive Animator
Services:
- Character redrawing (AI raster → clean vector)
- Interactive Rive mascot animation (only 40 Kb)
Tools: Rive, Adobe Illustrator
Process:
1. Character Preparation
The character was originally generated as a raster AI image. I manually rebuilt it as a clean, fully vector-based character, optimized for animation.
2. Rigging & Animation States
I prepared the character for animation and created several expressive states, including:
- Idle
- Happy
- Smiling
- Winking
To make the mascot feel more alive and responsive, I added an interactive behavior where the mascot follows the user’s mouse cursor when it gets close.
2
3
83
Hey everyone,
I’ve actually been registered here for a while, but I've decided to update my profile and showcase more of my work.
I’m a Rive / Lottie animator and vector illustrator, based in Helsinki, Finland. I specialize mostly in Rive and interactive animation. I especially love animating characters and mascots for apps and websites (EdTech, kids’ and gamified apps, character-driven digital products).
I enjoy thinking through interaction logic and figuring out the best way to structure state machines.
I'm really happy to see the community space here. It’s great to be here with so many talented and creative people!
I’m a very visual person, so hopefully the visuals will catch your eye as well 😊
Looking forward to connecting, learning from you all, and hopefully collaborating 💛