Figma Smart Animate Tutorial - Parallax effect with Gif animation on Website
ฝัง
- เผยแพร่เมื่อ 3 ก.ค. 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 - TH-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
So grateful that such people like you exist on this earth. amazing tutorial
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.
So much value in a single video ✨🙏🏼
Its amazing thanks igor
You are amazing
I was wondering about these kind of animations and you made my day.
Thank you so much.
I'm waiting for this one 😍❤️ Thank again ✌️
Uno de los mejores tutoriales que he visto.!!! Great Tutorial, Thanks!!!
Just fantastic. Thanks a bunch for sharing such an amazing techniques.
i love you man thank you so much
Amazing. Thank you for sharing!
Very great tutorial!
Наконец я нашел полное объяснение данному эффекту на примере лэндинга.Круто,пошагово,с описанием, доступно. Спасибо!
Рад, что было полезно.
Keep going on bro
Great Tutorial. I'll be trying this on my own project. Thanks for sharing.
Great. This is a masterpiece. I am so inspired now for the next client site.
Great tutorial. Thanks for sharing.
Great animation and design.!!
I don't usually comment on TH-cam tutorials, but this video is so clear and direct to the point!
so thank you Igor!
You're welcome!
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.
Wow! Insane tutorial. Thank you, Igor!
You're welcome!
So pleasant, what i was looking for!
Wow you are really great!
That was really amazing,, thank you for this video, it helps a lot
Thank you for sharing!
Igor thank you so so much 🙏❤
You're welcome!
Amazing! Beautiful work and wonderful techniques :) Thank you!
You're welcome!
Awesome!!!
Great! Thank you for your job! Please more a Figma tutorials!!!!
Amazing video. Thank you! New update from figma so helpful ! =))).
this was well detailed
Thanks.
This is sooooo dope and detailed. Thank you.
Thanks
This is the best animation tutorial for figma i've ever seen! Thanks so much!
Thanks!
Igor, this was top notch approach! Thanks 🙌
Thanks 👻
Thank you so much for this video🤧
You're welcome!
you save my work bro. Thanks
Welcome 👍
wow thanks for sharing.
Man this kindaa tutorial I look forward and no one made it cool like this except you ❤️
Thanks :)
super nice!
you are best of the best in the world!
Thank you very much!
you are amazing man , best youtube tutos ever
Thanks. Do my best.
You are the best ❤❤
Thanks!
Currently learning animation and prototyping. This is so helpful, thank you!
Glad it was helpful!
Thank you for sharing
You're welcome
thanks man
This is amazing! Thank you so much!
Glad you like it!
Your a legend bro! Thanks so much for this tutorial!
You're welcome!
I’M IN AWE SIR! YOU’RE THE BEST! 👏👏👏
Thanks!
Very nice !!
Thank you very much!
Its real hard but loving work
Great lesson. Thank you !
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.
Thanks a lot 😘❤️❤️
You're welcome!
I was looking for a Figma tutorial and yours came up in the search; great timing!
Hope you enjoy!
Thank you for sharing your interaction design skills.
You're welcome!
great tutorial, loved it!!
Thank you!
Спасибо за туториал! То что искал!)
Рад что было полезно.
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. 🙏🏻
So cooool!!!! Very beautifully explained the step-by-step process. Thank you.
Thank you and you're welcome!
Thanks bro!! you really took me to another level in figma. I appreciated it.
You're welcome!
Unreal brother. Wonderful job. Thank you for sharing your skills and instruction.
Thanks. You're welcome
Thank you so much sir, this video is a great help
You're welcome!
that's really good stuff! thank you!
You're welcome!
Thank you for sharing your skill and instruction
You're welcome!
Wow, really nice explanation and cool design! Kudos!
Thank you very much!
Fantastic work. very useful. Thanks
Glad it was helpful!
very simple explanation, thanks
You are welcome!
Superb 👌
Thanks!
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!
Great Demo! wow
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
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!
thank you so much, this is what I'm looking for so such time.
You're welcome!
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
Wow, cool method. Thank U, man!
You're welcome!
Youre really Awesome man, this is so incredible
Thanks a lot!
great!! I was looking for something like this. Thank you!
Glad it was helpful!
Impressive 🤩
Thanks!
It's awesome, man. Love love it so much!! Wish you be great and make some more videos like this.
More videos upcoming.
You are amazing
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! 🙏
This really awesome tutorial.. thanks so much for video..
You're welcome!
thanks for the tutorial! Very smart proccess
Thanks!
Heyy man, this is so wonderful and educational. Thank you for sharing!
You're welcome!
THIS IS AWESOME! I love this, I'm earning new things here, subscribed from now on.
Thanks!
I love the way you speak. Good tutorial 👌
Thanks, I am not a native speaker and do my best
兄嘚,你的每个视频都很棒,非常感谢你专业的分享,持续支持,掌声,鲜花,闪光灯~
after watching this video animation is so easy to apply and also or organized. thank you
You're welcome!
wow good explain ,simple animation👍
Glad you liked it!
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 is soo helpful...thank you so much :)
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.
Thank for your kindness tutorial so much . It's really helpful for me . Especially , Figma beginner
You're welcome!
is Cool Good
you look like you are enjoying making this animations hahah i cant imagine how the developer would react if i did this as well XD thank you so much for the idea
You're welcome!
This is just amazing! Just was wondering how to sapparte bottle from the cap? It looks insane 🤩
Wow, it’s amazing 🤩. I wish I will be able to make like this one day 👍
Thanks! Just practice and you'll be fine.
Hello sir u are doing a great job I really appreciate your efforts thank you soo much. God bless you
Thanks and welcome
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