Kinetic Typography and Shape-Morphing Motion DesignKinetic Typography and Shape-Morphing Motion Design
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
MAKE IT MOVE. A 28-second motion piece about what happens to an idea once it starts moving.
It opens on a single word, IDEA., sitting still. Then the letters stretch, round off and turn into shapes. The dot drops out, bounces across a grid and swells into a disc. The disc becomes liquid glass and settles into the mark of a fictional brand, PULSE. From there it turns into a poster, a package and an app screen, before breaking apart and coming back as one line of type.
Every scene inherits something from the one before. The dot that ends the first word is the same dot that closes the title at the end.
Made for portfolio. Kinetic type, shape morphing, liquid glass, brand application and an original score at 120 bpm, all built in code.
Your idea. My motion. Let’s make something move.
Ivan's avatar
Making the orange dot from IDEA. the hero that bounces and swells into a disc is a smart way to carry the whole piece. Did you use the same easing for the letters and the dot?
Philipe's avatar
Thanks! Not quite the same easing, but they share one small set of curves. The whole piece runs on four: out, in, sweep (a symmetric in-out) and snap (a slight overshoot).
The letters are pure easing. Before they split, they wobble on sweep, then squash with an in for the...
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started