Create animation for web without coding - Rive / Lotties tutorial

Поділитися
Вставка
  • Опубліковано 29 лис 2024

КОМЕНТАРІ • 66

  • @appelenian0
    @appelenian0 Рік тому +5

    this is by far, the best most concise tutorial ive found...in all seriousness lol.

  • @videotestmb
    @videotestmb Рік тому +6

    I already loved the lotties, but Rive is incredible! Thanks for this clear and concise tuto !

  • @ronaldnettey
    @ronaldnettey 8 місяців тому

    I needed this. Straight to the point and covers what is needed right on the go. Thanks.

  • @vijaypawar1316
    @vijaypawar1316 Рік тому

    Thank you for explaining the very concept. I didn't know how this works. I searched on UA-cam but didn't find it. But today is my luck and I found this video. Now I can design animation. Thank you ❤

  • @thebinarykid
    @thebinarykid Рік тому +1

    You've nailed it yet again Minh Pham. Just what I was looking for since I was migrating from Lottie to Rive !

  • @rivella99
    @rivella99 Рік тому +2

    Although in a real world situation you wouldn't set the subscribed state directly in the animation but only after your surrounding app has successfully performed the subscribed request against the backend. If that's the case the Click Trigger input would have to be set from outside to true which then shows the Click state.

  • @zohaibmalik819
    @zohaibmalik819 Рік тому +12

    Great tutorial. Expecting more advanced tutorials on Rive animations if possible. :)

  • @hamptonpete7905
    @hamptonpete7905 Рік тому +3

    Very nice! I've never heard of Rive before, will definitely try it.

  • @TimandLauren
    @TimandLauren Рік тому +18

    Scary time for after effects

    • @scottbaileyExplores
      @scottbaileyExplores 7 місяців тому

      Adobe should have updated Animate when Flash died. Rive is the only current solution for interactive vector animation.

  • @me-cm8or
    @me-cm8or Рік тому

    I really love how amazing your channel and content is, keep it going 🔥

  • @xMOSQiCEx
    @xMOSQiCEx 9 місяців тому

    thank you so much. This really helps me getting started with Rive!!

  • @shableep
    @shableep 9 місяців тому

    This is great. But I wish there was a way to set custom easing on the 200ms transition between the hover on and off. I also wish there was a way to trigger each timeline to play as it's being transitioned to.

  • @leon.3d
    @leon.3d Рік тому

    and boom becomes happies, thanks for the vid Minh

  • @michaelmccall247
    @michaelmccall247 Рік тому +5

    Thanks for this great tutorial, the question is how do we integrate it to a website

    • @kitalako7455
      @kitalako7455 Рік тому

      All you have to do is embed it into the website.

  • @_asturias
    @_asturias Рік тому

    wow thanks you for tutorial 🎉
    Waiting for the next toturial rive

  • @leolr111
    @leolr111 Рік тому

    Great video!, I love the way you explain this, thanks for shared!

  • @nguyenhoang546
    @nguyenhoang546 Рік тому

    Cảm ơn a vì những tutorial chất lượng

  • @pauljohn3898
    @pauljohn3898 Рік тому

    This is absolutely awesome

  • @trungnguyen27039x
    @trungnguyen27039x 6 місяців тому

    thanks bác, rất dễ hiểu và trực quan

  • @rishabhsinghdesign
    @rishabhsinghdesign Рік тому

    The bear is so cute

  • @sircasino614
    @sircasino614 9 місяців тому

    How do you go back and edit which object that is being hovered on? I think choosing the wrong one is what's giving me weird results.

  • @leafiadias96
    @leafiadias96 2 місяці тому

    love the tutorial !!

  • @thelist_hub
    @thelist_hub Місяць тому

    needed this

  • @emaeshka
    @emaeshka Рік тому

    You have a great channel. I like the webflow videos. Tell me, do you plan to make more webflow videos?

    • @MinhPhamDesign
      @MinhPhamDesign  Рік тому +1

      Thank you! I'm currently focusing on introducing new tools + design related tricks in general. But I will try to make more web flow tutorials if there are enough needs.

  • @kwakucool725
    @kwakucool725 Рік тому +1

    Hi there, please what laptop are you using. It looks pretty cool

  • @adhecson
    @adhecson Рік тому

    Nice explanation!

  • @zeinabalabdallah569
    @zeinabalabdallah569 3 місяці тому

    what's the difference between Boolean and trigger ?

  •  Рік тому +1

    Great video as always man, congrats. The one thing I can't find in the rive or spline documentations is the feedback. It's great that we can create all these nice animations but how do you retrieve data from the player to do what its supposed to do, in this case for example to run a command which validates the email for example and give an error to the player or if everything is fine, run a command what put the user's email address to a db?

    • @MinhPhamDesign
      @MinhPhamDesign  Рік тому +1

      Heyyy bro! I didn't expect you're watching my videos loll. That's a great point! I'm fairly new to Rive so there's a lot for me to pick up.

    •  Рік тому

      Big fan dude. I love your lightning and colour pickings. Keep up the great work dude and just be patient.

    • @DinoRossYT
      @DinoRossYT Рік тому

      Spline and Rive manages states, you can drive this with JavaScript validators so the code will change the states between the design.

    •  Рік тому

      @@DinoRossYT Sounds good. Could you share the links please?

  • @manashkashyap7780
    @manashkashyap7780 Рік тому

    Please make more of rive tutorials

  • @stephystuff2955
    @stephystuff2955 9 місяців тому

    So how would you incorporate this to a website like WIX?

  • @dr.mohammedmohammed7633
    @dr.mohammedmohammed7633 Рік тому

    Can you playlist for rive tutorial

  • @aryanbarure1479
    @aryanbarure1479 Рік тому

    wait, how do i use it for a website then...? can i upload it by myself...?

  • @fatjay9402
    @fatjay9402 Рік тому +1

    The big problem ist .. its a cool button .. but what can you do with it? only link something it would be much better if you can add mailchip to it so it would have the function.

    • @MinhPhamDesign
      @MinhPhamDesign  Рік тому

      It could function like a regular button, check out their "Get started" button here rive.app/ .
      I'm showing what the tool can do, not saying every button needs fancy animation. It's the matter of choice, depends on what you're working on

    • @fatjay9402
      @fatjay9402 Рік тому

      @@MinhPhamDesign Yes i total agree.. But it would be nice if there was a way to input some kind of code to make it work. Image you can make this kind of nice button with a Function.

  • @DannyOnateArt
    @DannyOnateArt Рік тому

    Amazing thnks for sharing

  • @TMC3000
    @TMC3000 Рік тому

    Really cool! Can I use Rive to create an animated video….like save it in mp4?

    • @ericliss9600
      @ericliss9600 Рік тому

      After Effects for something like that. Way faster and more appropriate.

  • @fiordnord
    @fiordnord Рік тому

    Great tut! Thanks

  • @ali2k4
    @ali2k4 Рік тому +1

    reminds me of flash days - its like we made a whole circle hmm

    • @dingosmoov
      @dingosmoov Рік тому +1

      I thought the same thing when first seeing Rive. Some of the younglings here may be thinking:”what is flash?”

  • @stevendesigner
    @stevendesigner 9 місяців тому

    Really usefull, thanks!

  • @Sashankkk
    @Sashankkk Рік тому +1

    1:11 I think you are the bear

  • @aikonni
    @aikonni Рік тому

    Nice. How can we integrate this in figma?

  • @chidyebirim2300
    @chidyebirim2300 Рік тому

    can i embed to framer? i already have some crazy ideas

  • @creativepeople28
    @creativepeople28 Рік тому

    how to export this animation make a mp 4

  • @draftermyself
    @draftermyself Рік тому

    WoW! Cool! 😊

  • @insannurjaman
    @insannurjaman Рік тому

    what camera do you use?

  • @maximearchambault
    @maximearchambault 9 місяців тому

    is this all made in the free versions

  • @Den_Trendz
    @Den_Trendz Рік тому

    How to create an app and website

  • @NIGITI_NIGITA
    @NIGITI_NIGITA Рік тому

    What’s up steve

  • @pankaj_Digital-ins
    @pankaj_Digital-ins Рік тому

    nice..

  • @creativemode8724
    @creativemode8724 Рік тому

    bear is not me at all🤣🤣🤣🤣

  • @advaitbhore
    @advaitbhore 8 місяців тому

    His voice does not match my imagination, his profile pic and bold designs made me thing it would be more heavy and had more bass...😂

  • @Quickyummy4u
    @Quickyummy4u Рік тому

    Hey I love your work. Do you have a telegram or discord link

  • @TMC3000
    @TMC3000 Рік тому

    Really cool! Can I use Rive to create an animated video….like save it in mp4?