正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

27,540 subscribers

51,267 次观看 • 2 年前 •via X (Twitter)

教育艺术科学技术

Anya Rossi• Live Now

Private livecam show

10 条评论

Adam Tossell 的头像

Adam Tossell2 年前

@rive_app Yes pls 🙋‍♂️

Toms Stals 的头像

Toms Stals2 年前

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

Santhosh.J 🧑🏼‍💻 的头像

Santhosh.J 🧑🏼‍💻2 年前

@rive_app Yes 🫡

Irfan Aziz 的头像

Irfan Aziz2 年前

@rive_app Hi Alex👋 Yes, please

Umesh 的头像

Umesh2 年前

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

Arush (FTX Creditor) 的头像

Arush (FTX Creditor)2 年前

@rive_app Send fig + rive pls

Danylo 的头像

Danylo2 年前

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

Deepak Maurya 的头像

Deepak Maurya2 年前

@rive_app Yess!

Gregory John • Bubble educator 的头像

Gregory John • Bubble educator2 年前

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

Chisom San💯🏴 的头像

Chisom San💯🏴2 年前

@rive_app Hey Alex Please send

相关视频

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.

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,742 次观看 • 2 年前

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.

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,671 次观看 • 2 年前

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.

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 次观看 • 2 年前

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)

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,492 次观看 • 2 年前

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.

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,323 次观看 • 10 个月前

Introducing Data Binding Artboards! Now you can dynamically load an artboard from a separate Rive file. Swap in avatars, toggle views, A/B test layouts, and load any other type of component from an external Rive file at runtime. Audio on 🔊

Introducing Data Binding Artboards! Now you can dynamically load an artboard from a separate Rive file. Swap in avatars, toggle views, A/B test layouts, and load any other type of component from an external Rive file at runtime. Audio on 🔊

Rive

17,020 次观看 • 11 个月前

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 :)

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,525 次观看 • 1 年前

How to create a Path Effect script in Rive

How to create a Path Effect script in Rive

Rive

15,702 次观看 • 4 个月前

Cool radio component in the Rive Marketplace by Akitar Rive

Cool radio component in the Rive Marketplace by Akitar Rive

Guido Rosso

36,455 次观看 • 1 年前

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 🎚️

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

70,670 次观看 • 6 个月前

While you're here, how about a 1-minute walkthrough of how I made this "Rive is Magical" animation? File is now available in the Rive community! Rive

While you're here, how about a 1-minute walkthrough of how I made this "Rive is Magical" animation? File is now available in the Rive community! Rive

Joey Judkins

12,250 次观看 • 1 年前

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 )

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 )

U R B A N - B | Explosions Guy

129,431 次观看 • 2 年前

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.

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,547 次观看 • 5 个月前

🎉 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! 👇

🎉 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

34,972 次观看 • 1 年前

You can use GRADIENT in the shadow in Rive

You can use GRADIENT in the shadow in Rive

Dimitri Novikov 🇺🇦

16,647 次观看 • 1 年前

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

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 次观看 • 1 年前

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.

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,763 次观看 • 2 年前

Rive now works on Google App Ads! 🎉 Bring interactive, motion-rich experiences to your campaigns. Now you can design ads that stand out from the crowd and connect more deeply with your audience.

Rive now works on Google App Ads! 🎉 Bring interactive, motion-rich experiences to your campaigns. Now you can design ads that stand out from the crowd and connect more deeply with your audience.

Rive

28,384 次观看 • 11 个月前