Pudgy Penguins Web Lotties

Darren Samuels

Pudgy Penguins Lotties

I animated all of the heading titles on the Pudgy Penguins website.
Together with the designer and web developer, we created these fun Lottie animations throughout the site.
screen recording of homepage

Technicals

We used Lottie in order to export JSON files, so the animations were pixel perfect and tiny files (all below 100KB!).
Everything was animated as "manual" as possible so that it would be Lottie-compatible - no expressions, effects, animators, etc. Just good old fashioned keyframes.
After Effects timeline
Each letter and its shadow was animated separately to keep Lottie happy.
keyframes
keyframes
Here are my custom curves that create the "bouncing" effect.
curves
curves
Like this project
0

Posted Feb 15, 2024

Text animations for Pudgy Penguins website

Likes

0

Views

16

Clients

Pudgy Penguins