Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

You can use GRADIENT in the shadow in Rive

Dimitri Novikov 🇺🇦

31,365 subscribers

16,647 views • 1 year ago •via X (Twitter)

Science & Technology Education Arts

Anya Rossi• Live Now

Private livecam show

8 Comments

Dimitri Novikov 🇺🇦1 year ago

Try it here:

Philippe Roy1 year ago

@rive_app This looks so expensive 😮

Raymond | Streamline 👨🏾‍💻1 year ago

@rive_app love this!

Luca Ion1 year ago

@rive_app y'all took your time to add blur/shadows, but when you did it, you did it well you made it unique

suhail razzak1 year ago

@rive_app what's performance like for this? i know in css box-shadow transitions are pretty costly.

Dimitri Novikov 🇺🇦1 year ago

@rive_app It’s crazy fast. You can test it in comments.

◤◢◤◢◤◢ づ•‿•)づ ◤◢◤◢◤◢1 year ago

@rive_app Looks and feels incredible.

Playfair1 year ago

@rive_app So classy 👌✅💯

Related Videos

Make next level gradient in Photoshop. In just 1 minute you can make a gradient poster from Photoshop software.

Make next level gradient in Photoshop. In just 1 minute you can make a gradient poster from Photoshop software.

Next Step ©

21,958 views • 4 months ago

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,785 views • 2 years ago

Finally shipped an OKLCH gradient generator You can try it here ↓ Also, if you create something interesting, share your gradients in the comments. I’d love to see how you use it

Finally shipped an OKLCH gradient generator You can try it here ↓ Also, if you create something interesting, share your gradients in the comments. I’d love to see how you use it

Aqib

31,724 views • 3 months ago

You can also use the Gradient layer type in Toolbag to make planar knurling like for this pistol grip panel 😎 Adding a sync point above the layer lets you use the effect with smart mats and generators as well.

You can also use the Gradient layer type in Toolbag to make planar knurling like for this pistol grip panel 😎 Adding a sync point above the layer lets you use the effect with smart mats and generators as well.

Jordan Cain

12,004 views • 6 months ago

This is a fun way to use the dashed stroke in Rive #screenshotsaturday

This is a fun way to use the dashed stroke in Rive #screenshotsaturday

JcToon

34,879 views • 1 year ago

I repurposed an old Rive example to build a game with scripting. All of the logic is in Rive. See if you can beat my score:

I repurposed an old Rive example to build a game with scripting. All of the logic is in Rive. See if you can beat my score:

Gordon Hayes

10,381 views • 5 months ago

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 views • 11 months ago

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.

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

51,275 views • 2 years ago

Ummmm.... HOLY CRAP. I didn't think this would work because we don't have blur yet in Rive, but you can use radial gradients!!!! Thanks DoubleGlitch 🇺🇦 for the awesome tutorial!

Ummmm.... HOLY CRAP. I didn't think this would work because we don't have blur yet in Rive, but you can use radial gradients!!!! Thanks DoubleGlitch 🇺🇦 for the awesome tutorial!

Drawsgood

153,754 views • 3 years ago

If you use a Shadow Crystal in a room containing a prophecy panel in any of the three Dark Sanctuaries, you get unique flavor text. This flavor text is slightly different if you use a Shadow Crystal in the last prophecy room specifically. #Deltarune #DeltaruneChapter4

If you use a Shadow Crystal in a room containing a prophecy panel in any of the three Dark Sanctuaries, you get unique flavor text. This flavor text is slightly different if you use a Shadow Crystal in the last prophecy room specifically. #Deltarune #DeltaruneChapter4

Daily Deltarune

109,213 views • 8 months ago

You can just build it all in Rive and then plop it basically anywhere

You can just build it all in Rive and then plop it basically anywhere

Drawsgood

19,713 views • 1 year ago

Calendar Watchface Not a concept. Ready to use anywhere. Designed in Rive using the new Data Binding feature. Filesize is so small and Rive is so performant — this watchface can be used on extremely weak devices, fluently and preserve the battery.

Calendar Watchface Not a concept. Ready to use anywhere. Designed in Rive using the new Data Binding feature. Filesize is so small and Rive is so performant — this watchface can be used on extremely weak devices, fluently and preserve the battery.

Dimitri Novikov 🇺🇦

14,473 views • 1 year ago

Cool radio component in the Rive Marketplace by Akitar Rive

Cool radio component in the Rive Marketplace by Akitar Rive

Guido Rosso

36,455 views • 1 year ago

Rose did the worst you can make to Shadow, ruining his plans of being the eminence in shadow😭, never saw him that angry

Rose did the worst you can make to Shadow, ruining his plans of being the eminence in shadow😭, never saw him that angry

Daily Anime Post

45,111 views • 2 months ago

Quick way to start a pixel art cloudscape. Use the gradient tool, then color pick from the lighter colors and draw shapes into the darker colors. In the end the gradient wont even be visible #pixelart

Quick way to start a pixel art cloudscape. Use the gradient tool, then color pick from the lighter colors and draw shapes into the darker colors. In the end the gradient wont even be visible #pixelart

Pixel Art Journey

40,861 views • 2 months ago

Did they use the Shadow 05 model in the early Sonic 3 animation? 👀

Did they use the Shadow 05 model in the early Sonic 3 animation? 👀

Sam Procrastinates

1,133,105 views • 1 year ago

Do this now to be eligible for Gradient allocation. Drop your gradient invite link in the comment. Retweet so your friends can be aware of this update. Start Here:

Do this now to be eligible for Gradient allocation. Drop your gradient invite link in the comment. Retweet so your friends can be aware of this update. Start Here:

Marjid Cryptonite

156,995 views • 1 year ago

Bro imagine if they use "What I'm made of..." for Movie 4. Also it has the Live and Learn motif so Shadow can jump in at any time in the movie

Bro imagine if they use "What I'm made of..." for Movie 4. Also it has the Live and Learn motif so Shadow can jump in at any time in the movie

1337 / Comms (0 Slots Open*)

59,736 views • 1 year ago

We previewed Scripting last night at the Rive NYC meetup with Duolingo! Scripting lets you build entire experiences directly in the Rive Editor — and ship them anywhere with the Rive Runtime: websites, apps, games, products, vehicles, and more.

We previewed Scripting last night at the Rive NYC meetup with Duolingo! Scripting lets you build entire experiences directly in the Rive Editor — and ship them anywhere with the Rive Runtime: websites, apps, games, products, vehicles, and more.

Rive

942,114 views • 8 months ago