Figma Smart Animate Tutorial - Parallax effect with Gif animation on Website
Вставка
- Опубліковано 27 лип 2024
- Figma Smart animate Tutorial - Gif and Parallax animation for Website.
Try Figma for Free - bit.ly/try-figma-for-free
Smart animate parallax Website Design for project Presentation. I will show design process, animation techniques and recreate animation in Figma. I'll show How you can Animate website project in Figma.
――――――
🤩 Finally! Figma Animation Course called "Stunning Website Design & Magic Animation in Figma" available for purchase only on 🡲 www.wizardcourse.pro/ 🡰
――――――
🎬MP4 to GIF Converter - convertio.co/mp4-gif/
00:00 Start
00:46 First screen
05:35 First screen Graphs
09:00 Create gif for animation
13:40 Parallax Bottle
20:21 Zoom / Parallax / Masks
23:14 Create simple gif in Photoshop
27:40 Hand with bottle
29:41 x4 bottles
31:25 Simple parallax
35:03 Fade in white
36:24 Final touch
💪 Follow me
Behance 👉 www.behance.net/igorV
Dribbble 👉 dribbble.com/Vensko
Instagram 👉 / igorvensko
Facebook 👉 / venskoagency
👽 Igor Vensko
Web / Graphic / UI / UX / Designer
Always available for interesting projects
Working in Photoshop / Adobe XD / Sketch / Principle / Illustrator / Indesign / Blender
~~~~~~~~~~~~~~
📃 Images - Adobe stock / Pixabay / Unsplash
🎼 Music - UA-cam Audio Library / Adobe stock
Some of the links above may contain affiliate partnerships, meaning, at no additional cost to you, I may earn a commission if you click through to make a purchase.
#website #figma #animation #tutorial #ui #ux #designer #parallax #igorvensko #freelancer #motion #photoshop
🎉 Hi, check my Figma Animation Course www.wizardcourse.pro
Hello. Can you selling me this Figma ?
+1
Wow Man... How can you be so amazing. Completely love it.
I wished a lot for such animations in Figma and here you made my day...
Thank you so much Bro for sharing your talent with us.
You are amazing
I was wondering about these kind of animations and you made my day.
Thank you so much.
So grateful that such people like you exist on this earth. amazing tutorial
Love love love this instruction. Having a start to finish flow of how you approach things is very educational and helpful. Thank you!
You're welcome and thank you.
Uno de los mejores tutoriales que he visto.!!! Great Tutorial, Thanks!!!
Just fantastic. Thanks a bunch for sharing such an amazing techniques.
I don't usually comment on UA-cam tutorials, but this video is so clear and direct to the point!
so thank you Igor!
You're welcome!
So much value in a single video ✨🙏🏼
Great Tutorial. I'll be trying this on my own project. Thanks for sharing.
Наконец я нашел полное объяснение данному эффекту на примере лэндинга.Круто,пошагово,с описанием, доступно. Спасибо!
Рад, что было полезно.
Amazing! Beautiful work and wonderful techniques :) Thank you!
You're welcome!
I'm waiting for this one 😍❤️ Thank again ✌️
That was really amazing,, thank you for this video, it helps a lot
Great. This is a masterpiece. I am so inspired now for the next client site.
Thank you for sharing... Its just awesome... So much learned..
You just master in such smooth animations and prototype. Please do a mobile app prototype as well. 🙏🏻
Amazing video. Thank you! New update from figma so helpful ! =))).
Amazing. Thank you for sharing!
Its amazing thanks igor
Wow! Insane tutorial. Thank you, Igor!
You're welcome!
Great! Thank you for your job! Please more a Figma tutorials!!!!
This is the best animation tutorial for figma i've ever seen! Thanks so much!
Thanks!
Beautiful work, thank you for sharing! Your animations are so ingenious and well done. It would be great if you would show more FIGMA tutorials ;)
Thanks. I think in future will be more tutorials in Figma.
@@igorvensko Great, thank you! 🙏
Very great tutorial!
Great tutorial. Thanks for sharing.
So pleasant, what i was looking for!
Currently learning animation and prototyping. This is so helpful, thank you!
Glad it was helpful!
Man this kindaa tutorial I look forward and no one made it cool like this except you ❤️
Thanks :)
Great animation and design.!!
This is sooooo dope and detailed. Thank you.
Thanks
Love the whole tutorial. Please make more such figma animation tutorials. Very much in need of them right now.
Thanks. Next tutorials will be in Figma.
sir provide source file of figma to practice of this@@igorvensko
Igor, this was top notch approach! Thanks 🙌
Thanks 👻
Wow you are really great!
Unreal brother. Wonderful job. Thank you for sharing your skills and instruction.
Thanks. You're welcome
So cooool!!!! Very beautifully explained the step-by-step process. Thank you.
Thank you and you're welcome!
This is amazing! I can't wait to be able to design like this
Thanks. Just practice every day and everything will be easy.
you are best of the best in the world!
Thank you very much!
I was looking for a Figma tutorial and yours came up in the search; great timing!
Hope you enjoy!
This is just amazing! Just was wondering how to sapparte bottle from the cap? It looks insane 🤩
Your a legend bro! Thanks so much for this tutorial!
You're welcome!
It's awesome, man. Love love it so much!! Wish you be great and make some more videos like this.
More videos upcoming.
Awesome!!!
I'm just getting into UI/UX and thank goodness i stumbled upon your channel. Thanks!
@@igorvensko I have a solid background in advertising. Mainly visual graphics and heavy branding. What do you recommend I must learn first, XD or Figma? Thanks.
@@phatsojr start with figma
Thanks bro!! you really took me to another level in figma. I appreciated it.
You're welcome!
Igor thank you so so much 🙏❤
You're welcome!
This is amazing! Thank you so much!
Glad you like it!
兄嘚,你的每个视频都很棒,非常感谢你专业的分享,持续支持,掌声,鲜花,闪光灯~
really cool) i searched for a video about an animation for a long time and couldn't find some answers and youtube recommend your video, where i found aaaaall i need) easy and understandable) thank you a lot)
You're welcome!
Thank you for sharing!
Keep going on bro
Heyy man, this is so wonderful and educational. Thank you for sharing!
You're welcome!
Wow, really nice explanation and cool design! Kudos!
Thank you very much!
you are amazing man , best youtube tutos ever
Thanks. Do my best.
Thank you man i just wanted to view this type of video and i found this it really helped to boost my skills
You're welcome!
Спасибо за туториал! То что искал!)
Рад что было полезно.
Спасибо Игорь, я случайно забрел на такой крутой туториал, невероятно!)
Рад, чтобы было полезно.
i love you man thank you so much
Hello..its so amazing.I love your works. Could you pls show your wireframe . I mean the start of ideas and sketching it into a beautiful work (the process) ?
Then it will be more helpful to us like students.
Thankyou
super nice!
THIS IS AWESOME! I love this, I'm earning new things here, subscribed from now on.
Thanks!
Thank you for sharing your interaction design skills.
You're welcome!
that's really good stuff! thank you!
You're welcome!
Great lesson. Thank you !
You're welcome!
Damn this is so so great and sleek I love this. Thank you so much for bringing this!
You're welcome!
hi ... can you tell me how can we scroll back in preview to see previous section of page with animation.......
@@emanfatima5801 hi, for each artboard we can create Flow starting point in right panel. and when we go to Present project we will have Flows on left panel.
I’M IN AWE SIR! YOU’RE THE BEST! 👏👏👏
Thanks!
Thank for your kindness tutorial so much . It's really helpful for me . Especially , Figma beginner
You're welcome!
Fantastic work. very useful. Thanks
Glad it was helpful!
great!! I was looking for something like this. Thank you!
Glad it was helpful!
wow thanks for sharing.
Youre really Awesome man, this is so incredible
Thanks a lot!
great tutorial, loved it!!
Thank you!
Its real hard but loving work
you are genius bro i was searching all those things which you have in your 1 video
@@igorvensko hey igor wanna ask one thing you just did one click animation but what if i wanna scroll up from second page like how it will work as you used 1 complete page and others are just consist on 2 portions just for animation please guide me
this was well detailed
Thanks.
Very nice !!
Thank you very much!
You are the best ❤❤
Thanks!
you save my work bro. Thanks
Welcome 👍
Thank you so much for this video🤧
You're welcome!
Thank you for sharing your skill and instruction
You're welcome!
Wow Igor, I can’t believe you finally solved this problem for me in Figma! By the way, throughout the video I was pondering this question: do I want to keep my interactive prototype or trade it off with such a cool presentation. Verdict is that there interactive one with a few links wasn’t even real or impressive in the first place. So, if it’s made to impress, this amazing fixed demo is best. Cheers
Thanks!
after watching this video animation is so easy to apply and also or organized. thank you
You're welcome!
thank you so much, this is what I'm looking for so such time.
You're welcome!
thanks man
Thank you for sharing
You're welcome!
Thank you so much sir, this video is a great help
You're welcome!
I love the way you speak. Good tutorial 👌
Thanks, I am not a native speaker and do my best
Wow, cool method. Thank U, man!
You're welcome!
Impressive 🤩
Thanks!
Great Demo! wow
Thanks!
Thanks a lot 😘❤️❤️
You're welcome!
thanks for the tutorial! Very smart proccess
Thanks!
Superb 👌
Thanks!
very simple explanation, thanks
You are welcome!
You are amazing
Thanks 🙂
this is soo helpful...thank you so much :)
You're welcome!
wow good explain ,simple animation👍
Glad you liked it!
Thank you for this amazing tutorial!!! You know Gif in prototype take long time to start... do you have any suggestion?
This really awesome tutorial.. thanks so much for video..
You're welcome!
Hello sir u are doing a great job I really appreciate your efforts thank you soo much. God bless you
Thanks and welcome
How to add figma animation in landing page or web pages?