Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

In today's tutorial, you can learn how to make an interactive vibrant card animation in Rive. By following this technique, you can create reusable component and bring the same nice effect on cards on your site. Send me DM or reply in the comments to get Figma + Rive file.

alex_barashkov's profile picture

Alex Barashkov

27,655 subscribers

51,275 görüntüleme • 3 yıl önce •via X (Twitter)

EğitimSanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Adam Tossell profil fotoğrafı
Adam Tossell3 yıl önce

@rive_app Yes pls 🙋‍♂️

Toms Stals profil fotoğrafı
Toms Stals3 yıl önce

@rive_app Thanks for sharing Alex, will give it a try!

Santhosh.J 🧑🏼‍💻 profil fotoğrafı
Santhosh.J 🧑🏼‍💻3 yıl önce

@rive_app Yes 🫡

Irfan Aziz profil fotoğrafı
Irfan Aziz3 yıl önce

@rive_app Hi Alex👋 Yes, please

Umesh profil fotoğrafı
Umesh3 yıl önce

@rive_app Great work. I am definitely interested in getting my hands on

Arush (FTX Creditor) profil fotoğrafı
Arush (FTX Creditor)3 yıl önce

@rive_app Send fig + rive pls

Danylo profil fotoğrafı
Danylo3 yıl önce

@rive_app Hey bro!!) I’m here again 🫠

Deepak Maurya profil fotoğrafı
Deepak Maurya3 yıl önce

@rive_app Yess!

Gregory John • Bubble educator profil fotoğrafı
Gregory John • Bubble educator3 yıl önce

@rive_app Would love to see it Alex. Beautiful work.

Chisom San💯🏴 profil fotoğrafı
Chisom San💯🏴3 yıl önce

@rive_app Hey Alex Please send

Benzer Videolar

New Rive tutorial is out. Learn how to animate an interactive glowing progress bar in it, so you can use this technique to build something similar in your app. Send me DM or reply in the comments to get Figma + Rive file.
6:01

New Rive tutorial is out. Learn how to animate an interactive glowing progress bar in it, so you can use this technique to build something similar in your app. Send me DM or reply in the comments to get Figma + Rive file.

Alex Barashkov

41,873 görüntüleme • 2 yıl önce

Learn how to design a glowing jellyfish bento card in Figma by following this tutorial. There are many cool techniques shared to achieve these effects. I hope you will love it. Send me DM or reply in the comments to get Figma file.
20:59

Learn how to design a glowing jellyfish bento card in Figma by following this tutorial. There are many cool techniques shared to achieve these effects. I hope you will love it. Send me DM or reply in the comments to get Figma file.

Alex Barashkov

68,804 görüntüleme • 2 yıl önce

See our new tutorial to learn how to use ˗ˏˋ rogie ˎˊ˗'s Noise & Texture Figma plugin to create a beautiful bento card. Send me DM or reply in a comment to get a Figma link.
7:15

See our new tutorial to learn how to use ˗ˏˋ rogie ˎˊ˗'s Noise & Texture Figma plugin to create a beautiful bento card. Send me DM or reply in a comment to get a Figma link.

Alex Barashkov

60,795 görüntüleme • 2 yıl önce

Took me 10 minutes to create these VisionOS icons in Figma Convert any icon to the same style by copy/pasting the style ✨ Get the fully editable Figma file 📁 Like and Comment "Send" (Must follow so I can DM you)
1:23

Took me 10 minutes to create these VisionOS icons in Figma Convert any icon to the same style by copy/pasting the style ✨ Get the fully editable Figma file 📁 Like and Comment "Send" (Must follow so I can DM you)

Emy

139,568 görüntüleme • 2 yıl önce

This is what 4 months of studying Rive can get you, I started to learn Rive in January and made most of these in May-June.
0:11

This is what 4 months of studying Rive can get you, I started to learn Rive in January and made most of these in May-June.

virgil pana

22,400 görüntüleme • 1 yıl önce

Introducing: Light (god) Rays Component for Framer. Use this component to add this effect to your site in 30 seconds. Customizable intensity, color, and animation. Comment "LIGHT" and I’ll send you the component :)
0:20

Introducing: Light (god) Rays Component for Framer. Use this component to add this effect to your site in 30 seconds. Customizable intensity, color, and animation. Comment "LIGHT" and I’ll send you the component :)

Framer University

46,603 görüntüleme • 1 yıl önce

Cool radio component in the Rive Marketplace by Akitar Rive
0:37

Cool radio component in the Rive Marketplace by Akitar Rive

Guido Rosso

36,557 görüntüleme • 1 yıl önce

How to create a Path Effect script in Rive
0:20

How to create a Path Effect script in Rive

Rive

15,702 görüntüleme • 9 ay önce

I turned my portfolio site into an interactive prototype 🎛️ You can tune the style, motion curve, and speed of my intro animation built with 50+ states in Rive - now live at 🎚️
0:45

I turned my portfolio site into an interactive prototype 🎛️ You can tune the style, motion curve, and speed of my intro animation built with 50+ states in Rive - now live at 🎚️

Bruce Cao

74,644 görüntüleme • 11 ay önce

FIRE FX! Something you see in every movie or Video Game. Made a tutorial on how to make some crispy fire! 🔥 Full project + setups included. Just like and comment " REAL FIRE " and i'll send you the link in your DM ( must be following so i can send it )
0:22

FIRE FX! Something you see in every movie or Video Game. Made a tutorial on how to make some crispy fire! 🔥 Full project + setups included. Just like and comment " REAL FIRE " and i'll send you the link in your DM ( must be following so i can send it )

URBAN | Explosions Guy

129,484 görüntüleme • 3 yıl önce

🎉 Free Rive File with Physical Interactions! 🎉 I just experimented with physical interactions in Rive, and the results are amazing! Performance is solid, and it leaves a great impression on viewers. 💡 Get the Rive file for free! Comment "Rive" below to receive it! 👇
1:23

🎉 Free Rive File with Physical Interactions! 🎉 I just experimented with physical interactions in Rive, and the results are amazing! Performance is solid, and it leaves a great impression on viewers. 💡 Get the Rive file for free! Comment "Rive" below to receive it! 👇

Chien Pham

35,010 görüntüleme • 2 yıl önce

If you're interested in learning Rive but aren't sure where to start, I'm excited to bring you a new short video that will get you up and running in about 10 minutes. You'll create an interactive design using Rive's vector shape tools, inputs, and even use a little bit of data binding. This is for true beginners, so please dive in and enjoy the video! I can't wait to see what you create in Rive.
14:20

If you're interested in learning Rive but aren't sure where to start, I'm excited to bring you a new short video that will get you up and running in about 10 minutes. You'll create an interactive design using Rive's vector shape tools, inputs, and even use a little bit of data binding. This is for true beginners, so please dive in and enjoy the video! I can't wait to see what you create in Rive.

Joey Judkins

12,690 görüntüleme • 10 ay önce

Want to boost your design skills over the weekend? Check out our new tutorial and design a vibrant card in Figma. Inside: lots of work with overlays, gradients, and a bonus explainer on how we made the animation from the teaser video right in Figma.
9:02

Want to boost your design skills over the weekend? Check out our new tutorial and design a vibrant card in Figma. Inside: lots of work with overlays, gradients, and a bonus explainer on how we made the animation from the teaser video right in Figma.

Alex Barashkov

124,968 görüntüleme • 3 yıl önce

A Rive customer asked us how to convert their 3D files to vector. So I built this demo to show you don't have to. Instead of baking the 3D into a frame-by-frame vector sequence (the way they'd done it for Lottie in the past), you can keep the real 3D and just make it look vector. The 3D models are standard glTF files, loaded straight into Rive and rendered on the GPU Canvas with flat three-tone shading and outlines. It looks like illustration, but it's still 3D: you can spin it, animate it and relight it, all in real time. The phone screen is a live Rive artboard with real components, layouts, text, data binding and state machines, mapped onto the 3D phone. You can use it in 3D: scroll the app, tap the tabs, it all just works. I built it with the Rive CLI, then pushed it to the Rive Editor, where all of Rive's interactive design and animation tools are there to keep iterating on it. Oh and the whole thing is 344 KB.
0:54

A Rive customer asked us how to convert their 3D files to vector. So I built this demo to show you don't have to. Instead of baking the 3D into a frame-by-frame vector sequence (the way they'd done it for Lottie in the past), you can keep the real 3D and just make it look vector. The 3D models are standard glTF files, loaded straight into Rive and rendered on the GPU Canvas with flat three-tone shading and outlines. It looks like illustration, but it's still 3D: you can spin it, animate it and relight it, all in real time. The phone screen is a live Rive artboard with real components, layouts, text, data binding and state machines, mapped onto the 3D phone. You can use it in 3D: scroll the app, tap the tabs, it all just works. I built it with the Rive CLI, then pushed it to the Rive Editor, where all of Rive's interactive design and animation tools are there to keep iterating on it. Oh and the whole thing is 344 KB.

Guido Rosso

11,410 görüntüleme • 29 gün önce

How to create a delightful widget animation? Sure, with Rive 🫂 Duolingo If you want the tutorial, like and follow 😘 Animation link 👉 #animation #ui #ux #widget
0:36

How to create a delightful widget animation? Sure, with Rive 🫂 Duolingo If you want the tutorial, like and follow 😘 Animation link 👉 #animation #ui #ux #widget

Musa Adanur

30,470 görüntüleme • 1 yıl önce