Unlock INTERACTIVITY with Rive

Animated logos in Rive! Implemented in Framer!

Rive is a new design tool for creating interactive, production-ready graphics for websites, games and apps.

This in-depth tutorial is suitable for beginners and covers a full project from start to finish.

Rive is free to use (for individuals) and free to learn!

[Rive_app]

Got any questions?? Comment below and Rive will answer!!

[thatpsychologyguy]

We guys need to build a stronger community around Rive. Hell, I'm feeling compelled to create a series of tutorials using Rive.

[jamestaylor]

Loving Rive so far, thanks Ross your videos are always great!

[LesGaminuscules]

Thanks Ross! I am liking the shape build tools in Rive more-so than AE or Illustrator. with clipping, multiple strokes etc. I find it more intuitive.

[jiben]

That's freaking dope ! Currently trying to develop more interactivy motion and this video came out right on time 😍

[christinegutierrez]

I have an animation with a simple smiling emoji that has a blink cycle and when you click him, he turns "excited" (closed eyes, grinning mouth) and toggles back to happy with another click. It seems to have overridden the blink cycle though, and when he's back to happy it doesn't blink. (probably because I animated his eyes...) Hoping to figure that little kink out soon, but i couldnt have done it without these great tutorials!

[Makkiejj]

Is there somewhere i can download this image to follow along? Thanks for this, keep up the good work :-D

[aymra]

perfect tutorial! wow i can finally flash again ;)

[jz]

another banger!! more long form tutorials by the 🐐!!!🙏

[originmusic]

Thank you for this tutorial; it clearly explains the topic.

[mattybrunken]

If you want the eyes to follow the cursor wherever it is on the webpage, can you make a hitbox that is bigger that the artboard bounds? Or would you have to create a new artboard that matches the webpage dimensions?

[post-modern-astrology]

from the outside everything seems so simple :)

[trainofthought]

Why can't the left and eye right eye hitbox be smaller instead adding another boolean to restrict the eye movement at the end ?

[botkiller_Pishach]

I need offline one time is subscribtion payment

[rayg.m.]

Does Rive not keep the SVG group names? I had my vectored character parts all named. Imported into Rive and they're all now "Custom Shape".
Would be great if Rive could keep the imported naming formats. Would make work flow faster for animators trying out the software. I had to rename my shapes all over haha

[zynwire]

I need a tutorial for a pen tool in EVERY software I use..

[ydz_]

Hey, what program do you use for showing the key that is pressed?

[insu_]

distance doesn't work on pupil group.. but it works on just pupil. What am I doing wrong? btw thanks for your video!!

[delizade]

what an idiotic way to get mouse move event lol
after Flash, watching this is painful... imagine decades after we can't have anything like that.

[SimonsRandomChannel]

How do i get the eyes to follow the pointer outside the Rive frame when importing in Webflow? I've seen examples that use custom code to allow the Rive animation to track the whole viewport, but free Webflow doesn't support custom code