Freelance Motion Designers in Île-de-FranceFreelance Motion Designers in Île-de-France
ProjectsPeople
Cyril Drouin's avatar
Cyril Drouin
Paris, France
Motion Designer
59
Followers
RIVE_EXPERT

expert

Motion Designer
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
541
Cover image for Ant Vs Spider
Ant Vs Spider
2
25
Cover image for RENAULT EZ Pro Director Cut on Vimeo
RENAULT EZ Pro Director Cut on Vimeo
2
22
Cover image for Arte Idents Christmas Cat on Vimeo
Arte Idents Christmas Cat on Vimeo
0
8
Motion Designer(9)
FAIRE STUDIO's avatar
FAIRE STUDIO
Paris, France
From unique brand identities to dynamic motion real quick
From unique brand identities to dynamic motion real quick
Cover image for Staffdesk - Explainer
Staffdesk - Explainer
0
6
Cover image for Linkedin - Company’s annual report video
Linkedin - Company’s annual report video
0
7
Cover image for Nüag - The Digital Assembly
Nüag - The Digital Assembly
0
3
Cover image for Blobr - Deliver the best API experience
Blobr - Deliver the best API experience
0
6
Motion Designer(5)
Nathan Soares's avatar
Nathan Soares
Paris, France
Creative Director, Designer, AI Filmmaker & Visual Artist
New to Contra
Creative Director, Designer, AI Filmmaker & Visual Artist
Cover image for Troy - Promotional Videos
Troy - Promotional Videos
1
1
Cover image for Paul Marius - 3D Animated Video
Paul Marius - 3D Animated Video
1
1
Cover image for Hexaflex - Experimental Film
Hexaflex - Experimental Film
1
2
Cover image for Legix By Troy (Promotional Video)
Legix By Troy (Promotional Video)
1
1
Motion Designer(4)
Thomas Lutz's avatar
Thomas Lutz
Paris, France
Brand designer & Motion design
Brand designer & Motion design
Cover image for CREACLUB (Branding)
CREACLUB (Branding)
1
21
Cover image for Paper Love (Branding)
Paper Love (Branding)
0
15
Cover image for Les bonnes planches (Brandbook)
Les bonnes planches (Brandbook)
0
9
Cover image for Medaclic (Branding)
Medaclic (Branding)
0
28
Motion Designer(4)