top of page
WebsiteTexture_v05.png

This project focused on learning more complex After Effects expressions and rigging to be used in various cases. While learning these tools, I also wanted to experiment with fake 3D in a more 2D style. The combination of which resulted in this animation. Focusing on the interactions of shapes within shapes. 

'24

2D
Interactive Animation

Experimenting and creating interactive animation using the program Rive. Focusing on learning a good foundation of the software, as well as its advantages in vector animation and interactivity. Inspired by scenery on Cape Cod and themed around the beginnings of a summer vacation. This was my first time using and learning this software.

Interact with it here!
Software

Rive and Adobe Audition 

Artboard 6 copy 11.png
Artboard 6 copy 12.png
Artboard 6 copy 13.png
Artboard 6 copy 10.png
Artboard 6 copy 15.png
Artboard 6 copy 9.png
Artboard 6 copy 16.png
Artboard 6 copy 17.png
Artboard 6 copy 18.png

Rive's interactive features allow you to have an animation trigger based on mouse hovers, clicks, and movement. Along with that, having multiple overlapping animations with different triggers. Each "State" of an object seen below is made up of multiple timelines that correspond to a different part of its animation.

Rive allows you to parent points on a path to bones that can be weighted and parented to each other. Each point seen below is a connected to a bone that was used to animate the rig. Rive also lets you keyframe the points and Bezier handles themselves separately. Allowing me to deform shapes and curves when needed.   

Rive_BTS_v01.png
bottom of page