Based in Madrid, Spain
Loading amazing data...
Role
Motion Designer
Date
April 10, 2020
Responsabilities
Illustration Motion design
Timeline
2 weeks
Overview
This personal project showcases a series of illustrated and animated versions of the iconic reactions from the Clash Royale video game. To achieve this, I used Adobe Illustrator to create the graphics, ensuring clean and polished vector illustrations. Then, I brought them to life with Adobe After Effects, adding smooth animations that capture the personality and expressiveness of each reaction.
Process.
Prepare everything in Illustrator
The first step is creating vector graphics in Adobe Illustrator, ensuring they match Clash Royale’s style.
I then organize layers carefully, structuring them for smooth animation in Adobe After Effects, allowing for fluid movements and seamless transitions.
Animate it in After Effects
With the vectors properly organized, I begin animating in Adobe After Effects, bringing each element to life.
Using keyframe animation, I refine movements, timing, and easing to ensure smooth and expressive motion.
Export a Lottie file
Once the animation is complete, the final step is exporting it as a Lottie file in .json format.
This allows seamless integration across Android, iOS, and Web Apps, preserving quality while ensuring lightweight performance. Lottie makes animations scalable, efficient, and customizable, adapting smoothly to different screen sizes and platform requirements.
