Create AMAZING & ANIMATED Mesh Gradients | Figma Tutorial
Вставка
- Опубліковано 8 лис 2021
- My Ultimate Figma Design Masterclass (1,800+ students. 90+ Videos. 10+ hours.) 👉 thedesignership.com/courses/t...
Shipfaster UI - Advanced Figma Design System (1,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets) 👉thedesignership.com/products/...
Sign up to my newsletter for exclusive content:
mizko.net/newsletter
Follow me on IG (Daily updates):
/ themizko
===
🔗 Links
Personal portfolio: mizko.net
Instagram: / themizko
LinkedIn: / mizko
Twitter: / mizko
Level up with all my design courses and resources: thedesignership.com - Розваги
Hands down you're the best person I found on UA-cam to learn from! Thank you so much for doing this! Keep up the good work! 🙌🏻
omg THANK YOU for that anchor point click to delete tip. This has been driving me crazy trying figure out how to reset the curve. You're the best!
Hey Mizko,
Thanks alot for such a wonderful video and keep posting such amazing stuff.
Thank you Tuba!
I wonder is there any other person around the world teaching each and every tip through a youtube tutorial. This person is even teaching how to work on anchor tools which I often find difficult in while working. Mesh gradient was the long awaited video for me and I am glad he made it with pure dedication and clarity in.
Always makes me laugh in middle of tutorial- Mizko: Ok! Job done, that's it guys! I'm kidding!!
Always rooting for Mizko !!!!
Wow thank you! Appreciate the kind words Akhila
@@Mizko honestly dude i have watched a lot of tutorials and courses and you are explaining so well and quick and to the point. Can't wait to work with you some day
Just so you know... I smash the like button each time you ask us to. Thank you for your work.
Awesome tutorial, thank you!
Thank you James!! Great to see you around here.
Thank you so much! Loved it!
Thank you!!
Love this tutorial.
🙏🏼
COOL TUTORIAL! LOOKING FORWARD FOR MORE!
🔥
This was so nice. Thanks Mizko
Glad you enjoyed!
OMG Mizko, the first 30 seconds just killed me! Dying laughing....thanks for all your great content x
Awesome tutorial Thanks alot!
Appreciate it!
Hi! Quick and easy explained. I came to your channel from Satori and I see you have many great tuts!
Thank you Igor!
2:15 Quick tip: If you guys don't want to lose saturation of the original image colors... Save image as - to your computer, then open it in Figma (or any program). Copy image - paste, loses saturation sometimes depending on image color space.
Great tho
This could be interesting to apply on a button from normal to hover state animation.
Hey man, really cool stuff, do you have any idea how to get rid of the banding in these situations? Thanks!
Hey Thankyou for this video. But, what is the best way to copy or make this into Webflow?
This is great but, what do I tell my developer on handoff?
hey man, I am not able to fill the shapes with colours, I am trying to fill the shapes but nothing is happening.
Hey Mizko,
There is a problem with my animation, every time it transitions there are white glitchy lines that appear all across the screen. Would you happen to know how to fix it?
It's either Figma or hardware issue. I don't believe Smart Animate is optimised for animations like this even though it does a great job at it.
Are u on udemy?
To use such animation in a Website can we export it or it should be recreated in aftereffect ??
^ Exactly
developer be like
🗿
Haha! It’s actually not too difficult to create similar effects with CSS3. Obviously not the same though.
1. Create a DIV
2. CSS3 radius + blur
3. CSS3 transitions + positioning
Anyhow im purely using this for my presentations :)
Nice one man. How would you then add this into a website for example?
CSS3 Transitions and Blurring. You won't be able to achieve the exact result but it will be good enough.
I'm using this animation for my presentation decks.
@@Mizko Ok cool, good to know. Thanks for replying :)
is this codingable?
can this be done on Adobe xd? if yes, can anyone help?
Hm. I might look into it!
why would you make us(developers) suffer this much :)
😂 it’s not that difficult!
@@Mizko man i love your videos!
im just spamming all of my presentations with this mesh gradient lol. thanks a lot for making these videos!
Satori sent me hare
👌🏼 enjoy your stay
Satori Sent me
🙏🏼
why dont he knows that there are several plugins that creat custom gradient no need to do that work
Waste of time since THERE'S NO EXPORT FOR THIS
I don't design things to gawk at them on a Figma screen sorry :/
You can use these for presentations.