- 70
- 191 076
Rishi Kumar
เข้าร่วมเมื่อ 22 ต.ค. 2011
My channel is way of sharing my knowledge with the community in the hope of helping others and to inspire people who are interested in learning UI/UX, Graphics & Motion Design.
Create a fake 3D Heart Animation in Rive app
Want to add a touch of depth and dimension to your designs? This tutorial shows you how to create a stunning 3D heart animation using the Rive app without any coding!
Rive community file - rive.app/community/files/14514-27371-faux-3d-game-icons/
Learn to:
- Use Rive's intuitive tools to shape and position your heart.
- Animate the heart: Add realistic movement and depth with keyframes and easing.
- Customize the appearance: Adjust colors, lighting, and materials for a unique look.
Suitable for:
- UI/UX designers who want to enhance their designs with interactive elements.
- Motion designers seeking to create engaging animations without complex tools.
- Anyone who wants to explore the power of Rive for animation creation.
Subscribe for more Rive animation tutorials! ✨
#rive #animation #3danimation #heartanimation #tutorial #design #ux #ui #webdesign #graphicdesign #interactivedesign #designchallenge #riveanimation #animationtutorial #webanimation #appdesign
Rive community file - rive.app/community/files/14514-27371-faux-3d-game-icons/
Learn to:
- Use Rive's intuitive tools to shape and position your heart.
- Animate the heart: Add realistic movement and depth with keyframes and easing.
- Customize the appearance: Adjust colors, lighting, and materials for a unique look.
Suitable for:
- UI/UX designers who want to enhance their designs with interactive elements.
- Motion designers seeking to create engaging animations without complex tools.
- Anyone who wants to explore the power of Rive for animation creation.
Subscribe for more Rive animation tutorials! ✨
#rive #animation #3danimation #heartanimation #tutorial #design #ux #ui #webdesign #graphicdesign #interactivedesign #designchallenge #riveanimation #animationtutorial #webanimation #appdesign
มุมมอง: 1 631
วีดีโอ
Figma Responsive Cards: Keep Image aspect ratio, advanced auto layout tips
มุมมอง 7723 หลายเดือนก่อน
Want to create UI cards that look stunning on any device? This tutorial unlocks the secrets of advanced auto layout techniques in Figma to build responsive and adaptable cards for your designs. Learn to: - Master Figma's Auto Layout features: Understand how to use them effectively for responsive design. - Create flexible card layouts: Design cards that adapt to different screen sizes and orient...
@Figma progress bar animation-Responsive and real time
มุมมอง 4503 หลายเดือนก่อน
Want to add dynamic and interactive elements to your Figma designs? This tutorial unlocks the secrets of creating responsive progress bars that update in real-time using Figma variables! Learn to: - Build responsive progress bars from scratch: Master Figma's tools and techniques. - Harness the power of variables: Create dynamic updates based on user interactions or data. - Customize your progre...
Figma to Rive to Web: Learn to Create & Embed Production-Ready High-Performance Web Animations
มุมมอง 3.1K4 หลายเดือนก่อน
Rive File: rive.app/community/files/12162-23113-icon-animation-experiment/ HTML File: drive.google.com/drive/folders/1r_JheVRnggJynuTMND1MWfwjDSmoHoDI?usp=sharing Bring your Figma designs to life on the web with stunning animations! This tutorial walks you through the entire process of creating dev-ready animations from Figma to Rive and seamlessly embedding them into HTML. Learn how to: -Expor...
Create Stunning Apple Intelligence Glow Animations in Figma | Figma Tutorial
มุมมอง 3K6 หลายเดือนก่อน
Create Stunning Apple Intelligence Glow Animations in Figma | Figma Tutorial
Design Like a Pro: Build Flexible Themes with Figma Variables
มุมมอง 6217 หลายเดือนก่อน
Design Like a Pro: Build Flexible Themes with Figma Variables
✨ Master Conditional Prototypes with Figma Variables! (Easy Tutorial!)**
มุมมอง 9737 หลายเดือนก่อน
✨ Master Conditional Prototypes with Figma Variables! (Easy Tutorial!)
Master Follow-Through Animation in Figma! (Easy Tutorial & Design Tips!)
มุมมอง 32810 หลายเดือนก่อน
Master Follow-Through Animation in Figma! (Easy Tutorial & Design Tips!)
Master Pixel Reveal Animations in Figma (Easy Tutorial! + Bonus Effect)**
มุมมอง 77610 หลายเดือนก่อน
Master Pixel Reveal Animations in Figma (Easy Tutorial! Bonus Effect)
Animate Figma's Ripple Effect in minutes! No Plugins required
มุมมอง 9K10 หลายเดือนก่อน
Animate Figma's Ripple Effect in minutes! No Plugins required
Craft Dynamic Countdown Timers in Figma! Variables Hack No Coding!
มุมมอง 15K11 หลายเดือนก่อน
Craft Dynamic Countdown Timers in Figma! Variables Hack No Coding!
Master Figma Object Cutouts: Ditch the Background, Keep the Subject!
มุมมอง 1.6Kปีที่แล้ว
Master Figma Object Cutouts: Ditch the Background, Keep the Subject!
Figma Hover Effects: From Subtle Magic to Mind-Blowing Explosions - No Coding!
มุมมอง 1.9Kปีที่แล้ว
Figma Hover Effects: From Subtle Magic to Mind-Blowing Explosions - No Coding!
Colorful Glow or Shadows in figma - Content based and dynamic
มุมมอง 2.4K2 ปีที่แล้ว
Colorful Glow or Shadows in figma - Content based and dynamic
Figma interactive components - Animating a Pie Chart
มุมมอง 19K3 ปีที่แล้ว
Figma interactive components - Animating a Pie Chart
Figma Auto Layout Trick - Add overflowing elements in your auto layout designs
มุมมอง 13K3 ปีที่แล้ว
Figma Auto Layout Trick - Add overflowing elements in your auto layout designs
Easily switch figma variants with a toggle | Change dropdown to a toggle
มุมมอง 16K3 ปีที่แล้ว
Easily switch figma variants with a toggle | Change dropdown to a toggle
Figma Interactive Component - Like Button Animation
มุมมอง 45K3 ปีที่แล้ว
Figma Interactive Component - Like Button Animation
This is awesome! Thanks man!!
I WAS LOOKING HOW TO MAKE IT FOR LITERALLY 4 hours, thank you! This is gold!
muchas gracias genio saludos
Good stuff, man. You keep this going and your channel will explode. Rive is going to be the next big thing once 2Advanced releases some of their work.
cool❤
How to create this 😮😮
Try rive app 👍
the hair movement is amazing
Great tutorial, Thank you Rishi
Please do a tutorial 👏🏼🧎🏽♂️
Thank you Rishi
Great tutorial kumar I didn't understand how people simulate 3d with rive. Now I've understand some parts of it. I have seen a 3d cat head animate with joystick here th-cam.com/video/AEp0OXMLiig/w-d-xo.htmlfeature=shared&t=5 Could you make a video on 3d character like this cat ?
@@nikolas4749 sure thing in near future
Thanks it's rare to see a complete tutorial with code on rive. I've seen you've made a faux 3d icons in the rive app. Will you make a tutorial on it ?
@@soniamaklouf1178 yup planning to do that as well.
@@soniamaklouf1178 th-cam.com/video/n8_djCt64Zo/w-d-xo.htmlsi=DEV05_faND3KTADU
for the seconds it only worked once for me like if the variants doesn't work on the frame
I followed the tutorial and the seconds decremented by 1 just fine, thank you for the tutorial!
Great job Do you plan other rive tutorial ?
@@nikolas4749 yup, definitely 🙂
Do you have a way that I can make it as a live wallpaper
@@theelifeofjacob sorry but never tried something like that. May be export as a video and use it in some theme. I mean I am not sure just a wild guess 😅
what is the name of this? awesome please tutorial
Its made in figma
Thank you so much brother for the full process! i would like to add you in social media platforms. If that is okey with you!
@@alvialmafi hey..thank you. I didn’t get it, where do you want to add me?
@@rishikumar3144 idk, insta, linkedin etc, whichever one you use. i only see ur email address.
love your tutorial but figma now need to pay 12$ to give delay interaction
@@Antyo_Stark daaammnnn..I didn’t know that.
Wow, yours is the only account I follow after Figma.
@@TaroonTyagi thats really nice of you ☺️
@@rishikumar3144 I love how you always come up with unique problem statements and their solutions. While the internet is flooded with copies of the same content, your's is always fresh. Kudos to you.
nice
Things going fully math-e-matic 😂😅
Yes
Can we use it in Afterfx or Final cut?
@@SamuelFoster666 well technically they both are different tools than that of figma. But if you talk about after effects than surely you can do much better than what’s made in figma
Did you ever figure out why the seconds decremented by 2, rather than by 1?
To be honest, nope. I think some lag issue coz of delay may be.
Fantastic work Rishi! Keep going :)
Great tutorial! Keep it up man :)
We need premium to use conditional interactions
❤❤❤
How?
rive.app/
😮how?
🤩🤩
Amazing and useful content, I subscribed💚
Rishi Intelligence ripped off Apple 🎉
@@TaroonTyagi learning from the best. You should meet this guy, named Taroon tyagi 😅
Finally a simplified Rive tutorial that I was looking for. Thank you Rishi ❤
So amazingly explained.. really appreciate the way you guide ... Thank you for this
Incredible
Super 👌 ekdam Kohinoor heera lag raha 😅
Full tutorial video available for this?
Soon 👍
Woohoo, this is incredible 😮
Cool!
I do everything like you, but from somewhere it appears after zero 1 with a minus (-1)
If you can share the file I can have a look. Most probably it's just conditional issue with some maths to figure out
Рахмет бро!
Great! just what I was looking for!
Great
I'm trying to create a timer that counts up and I need the seconds to be styled as "01" not "1" any tips?
Yup you need to have two separate text layers keep the first text layer constant 0 and on the second one attach variable. Hide the 0 layer once the counter layer crosses 9. Hope it helps and doesn’t confuse instead 🙈
Very Helpful thanks for the video If you give a small exercise or mini assignment for us to do, it would be really helpful
You can try making it for light and dark theme mode of a popup or form
@@rishikumar3144 Sure I'll Try Thanks
how you add tha viewport>?
cool channel
Tutorial please