Create animation for web without coding - Rive / Lotties tutorial

Поделиться
HTML-код
  • Опубликовано: 19 окт 2024

Комментарии • 65

  • @appelenian0
    @appelenian0 10 месяцев назад +4

    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 6 месяцев назад

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

  • @zohaibmalik819
    @zohaibmalik819 Год назад +12

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

  • @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 !

  • @vijaypawar1316
    @vijaypawar1316 Год назад

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

  • @hamptonpete7905
    @hamptonpete7905 Год назад +3

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

  • @xMOSQiCEx
    @xMOSQiCEx 8 месяцев назад

    thank you so much. This really helps me getting started with 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.

  • @me-cm8or
    @me-cm8or Год назад

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

  • @leon.3d
    @leon.3d Год назад

    and boom becomes happies, thanks for the vid Minh

  • @leafiadias96
    @leafiadias96 Месяц назад

    love the tutorial !!

  • @leolr111
    @leolr111 Год назад

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

  • @_asturias
    @_asturias Год назад

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

  • @TimandLauren
    @TimandLauren Год назад +13

    Scary time for after effects

    • @scottbaileyActivstudios
      @scottbaileyActivstudios 6 месяцев назад

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

  • @pauljohn3898
    @pauljohn3898 Год назад

    This is absolutely awesome

  • @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.

  • @trungnguyen27039x
    @trungnguyen27039x 5 месяцев назад

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

  • @nguyenhoang546
    @nguyenhoang546 Год назад

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

  • @adhecson
    @adhecson Год назад

    Nice explanation!

  • @shableep
    @shableep 8 месяцев назад

    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.

  • @kwakucool725
    @kwakucool725 Год назад +1

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

  • @rishabhsinghdesign
    @rishabhsinghdesign Год назад

    The bear is so cute

  • @TMC3000
    @TMC3000 Год назад

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

  • @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.

  • @fiordnord
    @fiordnord Год назад

    Great tut! Thanks

  •  Год назад +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?

  • @stevendesigner
    @stevendesigner 8 месяцев назад

    Really usefull, thanks!

  • @DannyOnateArt
    @DannyOnateArt Год назад

    Amazing thnks for sharing

  • @draftermyself
    @draftermyself Год назад

    WoW! Cool! 😊

  • @sircasino614
    @sircasino614 8 месяцев назад

    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.

  • @manashkashyap7780
    @manashkashyap7780 Год назад

    Please make more of rive tutorials

  • @aikonni
    @aikonni Год назад

    Nice. How can we integrate this in figma?

  • @zeinabalabdallah569
    @zeinabalabdallah569 Месяц назад

    what's the difference between Boolean and trigger ?

  • @insannurjaman
    @insannurjaman Год назад

    what camera do you use?

  • @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.

  • @pankaj_Digital-ins
    @pankaj_Digital-ins Год назад

    nice..

  • @aryanbarure1479
    @aryanbarure1479 Год назад

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

  • @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?”

  • @stephystuff2955
    @stephystuff2955 8 месяцев назад

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

  • @maximearchambault
    @maximearchambault 8 месяцев назад

    is this all made in the free versions

  • @dr.mohammedmohammed7633
    @dr.mohammedmohammed7633 Год назад

    Can you playlist for rive tutorial

  • @chidyebirim2300
    @chidyebirim2300 Год назад

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

  • @NIGITI_NIGITA
    @NIGITI_NIGITA Год назад

    What’s up steve

  • @Sashankkk
    @Sashankkk Год назад +1

    1:11 I think you are the bear

  • @creativepeople28
    @creativepeople28 Год назад

    how to export this animation make a mp 4

  • @Den_Trendz
    @Den_Trendz Год назад

    How to create an app and website

  • @creativemode8724
    @creativemode8724 Год назад

    bear is not me at all🤣🤣🤣🤣

  • @advaitbhore
    @advaitbhore 6 месяцев назад

    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?

    • @ericliss9600
      @ericliss9600 Год назад

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