2D Animation Projects in Île-de-France2D Animation Projects in Île-de-France
Projects
People
Cover image for We all use file transfer
We all use file transfer services like WeTransfer or SwissTransfer daily, but the experience is often quite austere. For the #RiveChallenge, I wanted to inject some fun and original interaction into this mundane step. The Concept The goal was to create the sensation that there is a character behind the screen, as if the user is looking through a window with a plunging view into a tech-colored environment. The interaction transforms a simple loading bar into a playful moment. Technical Process & Challenges To achieve the specific visual style and interaction, I had to push the technical capabilities of Rive: Custom Strokes: I built tapered strokes directly using Luau scripts to get the desired organic look that standard strokes couldn't provide. Advanced Scrolling: The interaction required a custom scroll model with more options than the default, which also had to be handled via Luau scripting. From 2D Rough to Final A significant part of my process involved creating a 2D rough animation in Animate first. This was crucial to validate the system mechanics and get a quick preview of the motion, similar to an animation film pipeline. Initial Concept: During creation, I explored using the scroll system for micro-narratives (where each scroll tells a small story about the character falling, etc.). While this is a feature for a larger future project, I stuck to the initial interactive concept for this challenge. Refinement: The 2D rough served as the guideline for the final keyframing work in Rive. Try it out Here ! (https://rive.app/community/files/28122-53104-making-file-transfers-fun/)  I hope you enjoy this concept as much as I enjoyed building it. I invite you to test the interaction and have fun with it. (Optional: You can see the 2D rough version that guided the keyframes here: https://rive.app/s/EJWSVx8gUUakzES_Aok5uA/?runtime=rive-renderer) #RiveChallenge #InteractionDesign #Luau #MotionDesign #UX #Animation
1
11
556