Тёмный

Create animation for web without coding - Rive / Lotties tutorial 

Minh Pham
Подписаться 101 тыс.
Просмотров 49 тыс.
50% 1

Опубликовано:

 

25 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 64   
@appelenian0
@appelenian0 9 месяцев назад
this is by far, the best most concise tutorial ive found...in all seriousness lol.
@videotestmb
@videotestmb Год назад
I already loved the lotties, but Rive is incredible! Thanks for this clear and concise tuto !
@zohaibmalik819
@zohaibmalik819 Год назад
Great tutorial. Expecting more advanced tutorials on Rive animations if possible. :)
@MinhPhamDesign
@MinhPhamDesign Год назад
Thank you! will do!
@vijaypawar1316
@vijaypawar1316 11 месяцев назад
Thank you for explaining the very concept. I didn't know how this works. I searched on RU-vid but didn't find it. But today is my luck and I found this video. Now I can design animation. Thank you ❤
@ronaldnettey167
@ronaldnettey167 5 месяцев назад
I needed this. Straight to the point and covers what is needed right on the go. Thanks.
@thebinarykid
@thebinarykid Год назад
You've nailed it yet again Minh Pham. Just what I was looking for since I was migrating from Lottie to Rive !
@rivella99
@rivella99 Год назад
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.
@TimandLauren
@TimandLauren Год назад
Scary time for after effects
@scottbaileyActivstudios
@scottbaileyActivstudios 4 месяца назад
Adobe should have updated Animate when Flash died. Rive is the only current solution for interactive vector animation.
@hamptonpete7905
@hamptonpete7905 Год назад
Very nice! I've never heard of Rive before, will definitely try it.
@trungnguyen27039x
@trungnguyen27039x 3 месяца назад
thanks bác, rất dễ hiểu và trực quan
@me-cm8or
@me-cm8or Год назад
I really love how amazing your channel and content is, keep it going 🔥
@xMOSQiCEx
@xMOSQiCEx 6 месяцев назад
thank you so much. This really helps me getting started with Rive!!
@shableep
@shableep 6 месяцев назад
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.
@michaelmccall247
@michaelmccall247 Год назад
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.
@leon.3d
@leon.3d Год назад
and boom becomes happies, thanks for the vid Minh
@nguyenhoang546
@nguyenhoang546 Год назад
Cảm ơn a vì những tutorial chất lượng
@pauljohn3898
@pauljohn3898 Год назад
This is absolutely awesome
@leolr111
@leolr111 11 месяцев назад
Great video!, I love the way you explain this, thanks for shared!
@zeinabalabdallah569
@zeinabalabdallah569 4 дня назад
what's the difference between Boolean and trigger ?
@_asturias
@_asturias Год назад
wow thanks you for tutorial 🎉 Waiting for the next toturial rive
@rishabhsinghdesign
@rishabhsinghdesign 11 месяцев назад
The bear is so cute
@sircasino614
@sircasino614 6 месяцев назад
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.
@adhecson
@adhecson 10 месяцев назад
Nice explanation!
@fiordnord
@fiordnord Год назад
Great tut! Thanks
@stevendesigner
@stevendesigner 6 месяцев назад
Really usefull, thanks!
@manashkashyap7780
@manashkashyap7780 Год назад
Please make more of rive tutorials
@stephystuff2955
@stephystuff2955 6 месяцев назад
So how would you incorporate this to a website like WIX?
@kwakucool725
@kwakucool725 Год назад
Hi there, please what laptop are you using. It looks pretty cool
@MinhPhamDesign
@MinhPhamDesign Год назад
Thanks, it's a Macbook Pro 16in 2021 M1 Max
@emaeshka
@emaeshka Год назад
You have a great channel. I like the webflow videos. Tell me, do you plan to make more webflow videos?
@MinhPhamDesign
@MinhPhamDesign Год назад
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.
@draftermyself
@draftermyself Год назад
WoW! Cool! 😊
@dr.mohammedmohammed7633
@dr.mohammedmohammed7633 11 месяцев назад
Can you playlist for rive tutorial
@maximearchambault
@maximearchambault 6 месяцев назад
is this all made in the free versions
@TMC3000
@TMC3000 Год назад
Really cool! Can I use Rive to create an animated video….like save it in mp4?
@DannyOnateArt
@DannyOnateArt Год назад
Amazing thnks for sharing
Год назад
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 Год назад
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?
@aryanbarure1479
@aryanbarure1479 11 месяцев назад
wait, how do i use it for a website then...? can i upload it by myself...?
@chidyebirim2300
@chidyebirim2300 Год назад
can i embed to framer? i already have some crazy ideas
@creativepeople28
@creativepeople28 11 месяцев назад
how to export this animation make a mp 4
@fatjay9402
@fatjay9402 Год назад
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.
@NIGITI_NIGITA
@NIGITI_NIGITA 10 месяцев назад
What’s up steve
@ali2k4
@ali2k4 Год назад
reminds me of flash days - its like we made a whole circle hmm
@dingosmoov
@dingosmoov Год назад
I thought the same thing when first seeing Rive. Some of the younglings here may be thinking:”what is flash?”
@insannurjaman
@insannurjaman Год назад
what camera do you use?
@Den_Trendz
@Den_Trendz Год назад
How to create an app and website
@aikonni
@aikonni Год назад
Nice. How can we integrate this in figma?
@pankaj_Digital-ins
@pankaj_Digital-ins Год назад
nice..
@Sashankkk
@Sashankkk 11 месяцев назад
1:11 I think you are the bear
@creativemode8724
@creativemode8724 Год назад
bear is not me at all🤣🤣🤣🤣
@advaitbhore
@advaitbhore 4 месяца назад
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.
Далее
Х.евая доставка 😂
00:23
Просмотров 1,3 млн
Build Anything With ChatGPT, Here’s How
1:24:05
Просмотров 1 млн
Integrating your RIVE Animations on the Web!
21:41
Просмотров 49 тыс.
Turn 2d Images Into 3D Images In Seconds
6:37
Просмотров 29 тыс.
Rive - Interactive Motion Era
2:09
Просмотров 30 тыс.
I animated this in 18 days... in Blender
32:46
Просмотров 4,2 млн
10 Minutes vs. 10 Years of Animation
19:29
Просмотров 874 тыс.
The coolest robot I've ever built!
19:40
Просмотров 4,6 млн