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.
i'm currently travelling the southern hemisphere, so I've been picking up loads of beautiful boarding passes, tickets and receipts from everywhere I've been.
this morning i worked on these collaged animations in photoshop, inspired by the collection of receipts growing in my wallet + by this lovely holographic ticket animation by SHIROTA.
lots of texture + type always make for the prettiest animations.