Ladybird - Tropical Rainforest

Personal Project

Motion and Micro-animation exploration

Software

Adobe Illustrator, Photoshop and Animate

Design Highlights

Using the advanced curves and gradient functionality of Adobe Illustrator I created this sleek and beautiful tropical rain forest scene. I then fine-tuned the ladybird for curves optimization and animated it in Adobe Animate. To give the ladybird its own physical character, I added some imperfection into the design like a big left eye. This add an element of craziness and fun to its personality. I then proceeded to work on the walk pattern and fly cycle by separating each individual layered components and tween animated each movement individually. Added some Javascript code to add interaction for a user to manipulate the Ladybird. A good amount of coffee was needed to bring the project to completion.

Turn on the sound on the bottom left...

Below is the vector asset done in Illustrator without any gradients or colors added. all the vector nodes were optimized for maximum compression.