Animation/motion graphics is a great way to bring life to design and illustration.
I have experience in most animation practices, but over the last year I've found myself extra fascinated by the endless possibilities of interactive vector-animations through the tool Rive.
Here is some of the motion work I've done over recent years.
Here's a reel showcasing mostly 2D animations I've done in recent time, and a draft for a game trailer I'm working on, showing a mix between 3D and 2D animation.
Rive-animations are fantastic at adding motion to web and mobile applications. Not only are they high fidelity and framerate, but they're also incredibly compact with low impact on performance. Here are a few different use cases where I've utilized Rive.
Here's an example of a state machine animation prototype I made for an e-learning course on fire safety in hospital buildings. The goal for this course was to make something more engaging than the earlier courses and sometimes giving the user agency in choosing what order to do things in.
File size: 372kb
Here's an example of a state machine that has multiple interwoven animations that can be played interchangeably (By pressing the buttons in the animation).
File size: 120kb
Rive-animations are useful even when all you need is a simple loop. Here is a looping logo-animation that despite being super crisp in both resolution and frame rate, still has a tiny file size.
File size: 11kb
Here's an example of a seamless hover animation. It will behave differently based on how long you hover, without any seams.
File size: 8kb
Here's a silly example of a menu with animation on the active button.
File size: 27kb
Here's the light/dark mode toggle I made for (the desktop version of) this website.
File size: 5kb
Here's and example of an animation that interacts with cursor movement (while hovering the animation).
File size: 14kb
I'd argue it's mostly useful in video games, but pixel art is a fun way to quickly make animations. Although it's definitely harder to make work, I do believe it can used in other forms of design as well.
Here are a few I've made for different projects.
