Ladybird - Tropical Rainforest

Personal Project

Motion and Micro-animation exploration

Software

Adobe Illustrator, Photoshop and Animate

Design Highlights

Leveraging the advanced curves and gradient features in Adobe Illustrator, I crafted a sleek and captivating tropical rainforest scene. I then refined the ladybird’s design, optimizing its curves, before animating it in Adobe Animate. To infuse the ladybird with personality, I added a playful touch—an oversized left eye—giving it a quirky, fun character. I carefully developed its walking pattern and flying cycle by isolating each layered component and animating them individually with precision. Interactive elements were integrated using JavaScript, allowing users to manipulate the ladybird. Needless to say, a good amount of coffee fueled me through to the project's completion!

Turn on the sound on the bottom left...

Below is the vector asset created in Illustrator, prior to the addition of gradients or colors. All vector nodes have been optimized for maximum compression.