Figma Smart Animate Tutorial - Parallax effect with Gif animation on Website

  Рет қаралды 252,350

Igor Vensko Tutorials

Igor Vensko Tutorials

Күн бұрын

Пікірлер: 326
@igorvensko
@igorvensko 2 жыл бұрын
🎉 Hi, check my Figma Animation Course www.wizardcourse.pro
@imad200430
@imad200430 Жыл бұрын
Hello. Can you selling me this Figma ?
@OjedaCastillo
@OjedaCastillo Жыл бұрын
+1
@cholson
@cholson 2 жыл бұрын
Love love love this instruction. Having a start to finish flow of how you approach things is very educational and helpful. Thank you!
@igorvensko
@igorvensko 2 жыл бұрын
You're welcome and thank you.
@Arias_AndresToro
@Arias_AndresToro 2 ай бұрын
Pensé que todo lo más Pro venía de EEUU pero veo que hay gente muy Pro en otras partes del mundo que tienen mucho que aportar a nosotros los juniors en Figma, es maravilloso lo que haces y te felicito Igor
@BreathingInPixels
@BreathingInPixels 3 жыл бұрын
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.
@phatsojr
@phatsojr 3 жыл бұрын
I'm just getting into UI/UX and thank goodness i stumbled upon your channel. Thanks!
@phatsojr
@phatsojr 3 жыл бұрын
@@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.
@opensea2985
@opensea2985 2 жыл бұрын
@@phatsojr start with figma
@ahmed3261
@ahmed3261 Жыл бұрын
I don't usually comment on KZbin tutorials, but this video is so clear and direct to the point! so thank you Igor!
@igorvensko
@igorvensko Жыл бұрын
You're welcome!
@omaryaa_
@omaryaa_ 3 жыл бұрын
So much value in a single video ✨🙏🏼
@salauddineshad7048
@salauddineshad7048 2 жыл бұрын
Just fantastic. Thanks a bunch for sharing such an amazing techniques.
@Catalino_
@Catalino_ Жыл бұрын
Great animation and design.!!
@shubhamcane
@shubhamcane Жыл бұрын
after watching this video animation is so easy to apply and also or organized. thank you
@igorvensko
@igorvensko Жыл бұрын
You're welcome!
@creatorsmafia
@creatorsmafia Жыл бұрын
I was looking for a Figma tutorial and yours came up in the search; great timing!
@igorvensko
@igorvensko Жыл бұрын
Hope you enjoy!
@FuelandFire0
@FuelandFire0 3 жыл бұрын
You are amazing I was wondering about these kind of animations and you made my day. Thank you so much.
@NikolausBrocke
@NikolausBrocke 2 жыл бұрын
Great. This is a masterpiece. I am so inspired now for the next client site.
@ShajithaG
@ShajithaG 2 жыл бұрын
Love the whole tutorial. Please make more such figma animation tutorials. Very much in need of them right now.
@igorvensko
@igorvensko Жыл бұрын
Thanks. Next tutorials will be in Figma.
@HamzaAhmed-l2u
@HamzaAhmed-l2u Жыл бұрын
sir provide source file of figma to practice of this@@igorvensko
@aidadaist
@aidadaist 2 жыл бұрын
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 ;)
@igorvensko
@igorvensko 2 жыл бұрын
Thanks. I think in future will be more tutorials in Figma.
@aidadaist
@aidadaist 2 жыл бұрын
@@igorvensko Great, thank you! 🙏
@chalagrama
@chalagrama 2 жыл бұрын
I’M IN AWE SIR! YOU’RE THE BEST! 👏👏👏
@igorvensko
@igorvensko Жыл бұрын
Thanks!
@smelaby1069
@smelaby1069 3 жыл бұрын
Great! Thank you for your job! Please more a Figma tutorials!!!!
@gayandanston2712
@gayandanston2712 3 жыл бұрын
I'm waiting for this one 😍❤️ Thank again ✌️
@samisak_kids
@samisak_kids 3 жыл бұрын
So grateful that such people like you exist on this earth. amazing tutorial
@35dagor
@35dagor 3 жыл бұрын
Uno de los mejores tutoriales que he visto.!!! Great Tutorial, Thanks!!!
@samsmedia5640
@samsmedia5640 3 жыл бұрын
How to add figma animation in landing page or web pages?
@TalhaUs2244
@TalhaUs2244 2 жыл бұрын
you are genius bro i was searching all those things which you have in your 1 video
@TalhaUs2244
@TalhaUs2244 2 жыл бұрын
@@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
@subhash2403
@subhash2403 2 жыл бұрын
Igor thank you so so much 🙏❤
@igorvensko
@igorvensko 2 жыл бұрын
You're welcome!
@dopetag
@dopetag 2 жыл бұрын
Igor, this was top notch approach! Thanks 🙌
@igorvensko
@igorvensko 2 жыл бұрын
Thanks 👻
@aghuraba
@aghuraba Жыл бұрын
So cooool!!!! Very beautifully explained the step-by-step process. Thank you.
@igorvensko
@igorvensko Жыл бұрын
Thank you and you're welcome!
@aymenomar09
@aymenomar09 2 жыл бұрын
you are amazing man , best youtube tutos ever
@igorvensko
@igorvensko 2 жыл бұрын
Thanks. Do my best.
@adrianbboy111222
@adrianbboy111222 Жыл бұрын
Thanks bro!! you really took me to another level in figma. I appreciated it.
@igorvensko
@igorvensko Жыл бұрын
You're welcome!
@mrkirkx
@mrkirkx Жыл бұрын
Wow, really nice explanation and cool design! Kudos!
@igorvensko
@igorvensko Жыл бұрын
Thank you very much!
@jswanson859
@jswanson859 3 жыл бұрын
Great Tutorial. I'll be trying this on my own project. Thanks for sharing.
@jeffjeff6385
@jeffjeff6385 Жыл бұрын
Wow! Insane tutorial. Thank you, Igor!
@igorvensko
@igorvensko Жыл бұрын
You're welcome!
@ksohan
@ksohan 4 ай бұрын
Hi! Great Tutorial! Is there a way to download the prototype animation as a GIF in Figma? Thank you.
@juliaferreira1168
@juliaferreira1168 2 жыл бұрын
That was really amazing,, thank you for this video, it helps a lot
@rahulkh9361
@rahulkh9361 3 жыл бұрын
Yaa this tutorial is really awesome but where to find high-resolution png files (like the bottle).
@ifechukwuasiadiachi2124
@ifechukwuasiadiachi2124 2 жыл бұрын
You can build one in cinema 3d/ octane
@ravienmacasaet
@ravienmacasaet Жыл бұрын
Envato?
@just80085
@just80085 Жыл бұрын
Rawpixels or check gumroad
@maharlikafederation2661
@maharlikafederation2661 2 жыл бұрын
Your a legend bro! Thanks so much for this tutorial!
@igorvensko
@igorvensko 2 жыл бұрын
You're welcome!
@jean-lais
@jean-lais Жыл бұрын
Thank you for sharing your interaction design skills.
@igorvensko
@igorvensko Жыл бұрын
You're welcome!
@ReibanZapata
@ReibanZapata 2 жыл бұрын
THIS IS AWESOME! I love this, I'm earning new things here, subscribed from now on.
@igorvensko
@igorvensko 2 жыл бұрын
Thanks!
@thanhinhtien4425
@thanhinhtien4425 3 жыл бұрын
Amazing video. Thank you! New update from figma so helpful ! =))).
@surajbherwani5488
@surajbherwani5488 2 жыл бұрын
I love the way you speak. Good tutorial 👌
@igorvensko
@igorvensko 2 жыл бұрын
Thanks, I am not a native speaker and do my best
@fasihullah2957
@fasihullah2957 2 жыл бұрын
Amazing! Beautiful work and wonderful techniques :) Thank you!
@igorvensko
@igorvensko 2 жыл бұрын
You're welcome!
@rascnn
@rascnn 2 жыл бұрын
This is sooooo dope and detailed. Thank you.
@igorvensko
@igorvensko 2 жыл бұрын
Thanks
@Ervino_rainy
@Ervino_rainy 2 жыл бұрын
Thank you for sharing your skill and instruction
@igorvensko
@igorvensko 2 жыл бұрын
You're welcome!
@uxdeya7660
@uxdeya7660 2 жыл бұрын
Man this kindaa tutorial I look forward and no one made it cool like this except you ❤️
@igorvensko
@igorvensko 2 жыл бұрын
Thanks :)
@ginga4eva
@ginga4eva 2 жыл бұрын
Unreal brother. Wonderful job. Thank you for sharing your skills and instruction.
@igorvensko
@igorvensko 2 жыл бұрын
Thanks. You're welcome
@kaidjohar3408
@kaidjohar3408 2 жыл бұрын
Hello sir u are doing a great job I really appreciate your efforts thank you soo much. God bless you
@igorvensko
@igorvensko 2 жыл бұрын
Thanks and welcome
@ThanhNguyen-tz1fp
@ThanhNguyen-tz1fp 2 жыл бұрын
It's awesome, man. Love love it so much!! Wish you be great and make some more videos like this.
@igorvensko
@igorvensko 2 жыл бұрын
More videos upcoming.
@ФёдорБлинов-и2я
@ФёдорБлинов-и2я 2 жыл бұрын
Спасибо Игорь, я случайно забрел на такой крутой туториал, невероятно!)
@igorvensko
@igorvensko 2 жыл бұрын
Рад, чтобы было полезно.
@DmytroPtushko
@DmytroPtushko Жыл бұрын
Наконец я нашел полное объяснение данному эффекту на примере лэндинга.Круто,пошагово,с описанием, доступно. Спасибо!
@igorvensko
@igorvensko Жыл бұрын
Рад, что было полезно.
@amanuelderesse398
@amanuelderesse398 3 жыл бұрын
Its amazing thanks igor
@xamznerol
@xamznerol 2 жыл бұрын
This is the best animation tutorial for figma i've ever seen! Thanks so much!
@igorvensko
@igorvensko 2 жыл бұрын
Thanks!
@OzbegimMarketing
@OzbegimMarketing 3 жыл бұрын
you are best of the best in the world! Thank you very much!
@SrinivasReddy07
@SrinivasReddy07 3 жыл бұрын
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. 🙏🏻
@josephjoshuajoseph9749
@josephjoshuajoseph9749 2 жыл бұрын
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
@igorvensko
@igorvensko 2 жыл бұрын
You're welcome!
@ziznzazz8740
@ziznzazz8740 3 жыл бұрын
Great tutorial. Thanks for sharing.
@princedhiman2205
@princedhiman2205 2 жыл бұрын
Which tool is best for to convert into svg files. Like this please help me out.
@talhasaeed
@talhasaeed Жыл бұрын
great tutorial, loved it!!
@igorvensko
@igorvensko Жыл бұрын
Thank you!
@TarcisiousKuateRasegojwa
@TarcisiousKuateRasegojwa 2 жыл бұрын
this was well detailed
@igorvensko
@igorvensko 2 жыл бұрын
Thanks.
@mariakalozoumi1282
@mariakalozoumi1282 Жыл бұрын
great!! I was looking for something like this. Thank you!
@igorvensko
@igorvensko Жыл бұрын
Glad it was helpful!
@marekstepanek1214
@marekstepanek1214 3 жыл бұрын
Wow you are really great!
@Multimedia_Mentor
@Multimedia_Mentor Жыл бұрын
Keep going on bro
@mohitattri8006
@mohitattri8006 Жыл бұрын
Hii Sir, This is an Amazing Tutorial on Animation in Figma Looking forward to seeing some more tutorials on Figma animation.
@igorvensko
@igorvensko Жыл бұрын
Do my best, the channel is more like a hobby.
@ajiboyeolorunjuwon7444
@ajiboyeolorunjuwon7444 2 жыл бұрын
Youre really Awesome man, this is so incredible
@igorvensko
@igorvensko 2 жыл бұрын
Thanks a lot!
@NicoFromTheWaves
@NicoFromTheWaves Жыл бұрын
Currently learning animation and prototyping. This is so helpful, thank you!
@igorvensko
@igorvensko Жыл бұрын
Glad it was helpful!
@PerryBiston
@PerryBiston 4 ай бұрын
Could you supply a follow along file? I purchased and completed your Animation course and really enjoyed it! I would love to follow along with this one.
@Pythonnaire
@Pythonnaire 2 жыл бұрын
So pleasant, what i was looking for!
@RutaNorm
@RutaNorm 2 жыл бұрын
This is just amazing! Just was wondering how to sapparte bottle from the cap? It looks insane 🤩
@njanadesign
@njanadesign Жыл бұрын
i love you man thank you so much
@giovannygomezrincon8118
@giovannygomezrincon8118 2 жыл бұрын
Fantastic work. very useful. Thanks
@igorvensko
@igorvensko 2 жыл бұрын
Glad it was helpful!
@mehdimoradi4579
@mehdimoradi4579 2 жыл бұрын
You are the best ❤❤
@igorvensko
@igorvensko 2 жыл бұрын
Thanks!
@hadentrader1943
@hadentrader1943 2 жыл бұрын
Nice! How do you convert the entire animation to landing page or web pages? Do you have to code the whole thing?
@igorvensko
@igorvensko 2 жыл бұрын
Yes, but I create only design and send project and assets to frontend developer.
@ghadahalsuhaibani7135
@ghadahalsuhaibani7135 2 жыл бұрын
@@igorvensko What do assets contain? html ,css ,js?
@miftahulhadi4585
@miftahulhadi4585 2 жыл бұрын
This really awesome tutorial.. thanks so much for video..
@igorvensko
@igorvensko 2 жыл бұрын
You're welcome!
@prakashanuvadia8870
@prakashanuvadia8870 2 жыл бұрын
wow good explain ,simple animation👍
@igorvensko
@igorvensko 2 жыл бұрын
Glad you liked it!
@FelipeGarcia-yi4nm
@FelipeGarcia-yi4nm 2 жыл бұрын
you save my work bro. Thanks
@igorvensko
@igorvensko 2 жыл бұрын
Welcome 👍
@gradientMesh
@gradientMesh 3 жыл бұрын
Amazing. Thank you for sharing!
@1387kp
@1387kp 2 жыл бұрын
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)
@igorvensko
@igorvensko 2 жыл бұрын
You're welcome!
@sharifasheikh-tf6jh
@sharifasheikh-tf6jh 10 ай бұрын
Impressive 🤩
@igorvensko
@igorvensko 9 ай бұрын
Thanks!
@lali0050
@lali0050 Жыл бұрын
thank you so much, this is what I'm looking for so such time.
@igorvensko
@igorvensko Жыл бұрын
You're welcome!
@valeriiafomenko6694
@valeriiafomenko6694 2 жыл бұрын
Wow, cool method. Thank U, man!
@igorvensko
@igorvensko 2 жыл бұрын
You're welcome!
@yavnoanton
@yavnoanton 2 жыл бұрын
thanks for the tutorial! Very smart proccess
@igorvensko
@igorvensko 2 жыл бұрын
Thanks!
@anigrigoryan1951
@anigrigoryan1951 2 жыл бұрын
very simple explanation, thanks
@igorvensko
@igorvensko 2 жыл бұрын
You are welcome!
@santhoshkumars1116
@santhoshkumars1116 2 жыл бұрын
Thank you man i just wanted to view this type of video and i found this it really helped to boost my skills
@igorvensko
@igorvensko 2 жыл бұрын
You're welcome!
@businessmotivation2
@businessmotivation2 3 жыл бұрын
Its real hard but loving work
@jonathanmendoza4871
@jonathanmendoza4871 2 жыл бұрын
Nice animation, i am learning this semester UI/UX, my question is, how i can get that material or the images that you are using to practice myselft?
@igorvensko
@igorvensko 2 жыл бұрын
hi, you can use images from company social media.
@studioencrelumiere7343
@studioencrelumiere7343 2 жыл бұрын
Great lesson. Thank you !
@igorvensko
@igorvensko 2 жыл бұрын
You're welcome!
@NavesNiche
@NavesNiche 2 жыл бұрын
that's really good stuff! thank you!
@igorvensko
@igorvensko 2 жыл бұрын
You're welcome!
@brezhnev89
@brezhnev89 2 жыл бұрын
Great Demo! wow
@igorvensko
@igorvensko 2 жыл бұрын
Thanks!
@thejudejoshua
@thejudejoshua 2 жыл бұрын
Heyy man, this is so wonderful and educational. Thank you for sharing!
@igorvensko
@igorvensko 2 жыл бұрын
You're welcome!
@tnasiareid
@tnasiareid 2 жыл бұрын
This is amazing! I can't wait to be able to design like this
@igorvensko
@igorvensko 2 жыл бұрын
Thanks. Just practice every day and everything will be easy.
@mujadadhussain1383
@mujadadhussain1383 2 жыл бұрын
Very nice !!
@igorvensko
@igorvensko 2 жыл бұрын
Thank you very much!
@zhifuxi8252
@zhifuxi8252 3 жыл бұрын
兄嘚,你的每个视频都很棒,非常感谢你专业的分享,持续支持,掌声,鲜花,闪光灯~
@PodClips-xc4su
@PodClips-xc4su 3 ай бұрын
Você consegue fazer animate com um vídeos? Por exemplo, um carro em movimento, zoom in na roda, depois zoom out numa janela e depois zoom out mostrando todo ele? Fica a dica. Valeu o vídeo. Grande abraço do Brasil.
@GiangNguyen-nb8ub
@GiangNguyen-nb8ub 3 жыл бұрын
Awesome!!!
@thomasc7992
@thomasc7992 3 жыл бұрын
super nice!
@maximilianwinkler751
@maximilianwinkler751 2 жыл бұрын
Amazing tutorial and great animations! But how would you realize this animations in CSS?
@igorvensko
@igorvensko 2 жыл бұрын
Thanks. I create only designs, without coding. Prepare files and send to developers.
@shivarastgari6845
@shivarastgari6845 2 жыл бұрын
wow thanks for sharing.
@phatohoang5409
@phatohoang5409 3 жыл бұрын
Thank you for sharing!
@Joanne0728
@Joanne0728 Жыл бұрын
Wow, it’s amazing 🤩. I wish I will be able to make like this one day 👍
@igorvensko
@igorvensko Жыл бұрын
Thanks! Just practice and you'll be fine.
@Rahulkumar-mv1ic
@Rahulkumar-mv1ic Жыл бұрын
Thank you so much for this video🤧
@igorvensko
@igorvensko Жыл бұрын
You're welcome!
@valyang5106
@valyang5106 2 жыл бұрын
Damn this is so so great and sleek I love this. Thank you so much for bringing this!
@igorvensko
@igorvensko 2 жыл бұрын
You're welcome!
@emanfatima5801
@emanfatima5801 2 жыл бұрын
hi ... can you tell me how can we scroll back in preview to see previous section of page with animation.......
@igorvensko
@igorvensko 2 жыл бұрын
@@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.
@sawancenarock
@sawancenarock 3 жыл бұрын
Great, but can you please share how it will look in mobile devices? Since 90 percent audience uses mobile devices.
@sawancenarock
@sawancenarock 3 жыл бұрын
@@igorvensko Will you be creating mobile versions in future?
@renedesamble6936
@renedesamble6936 2 жыл бұрын
Спасибо за туториал! То что искал!)
@igorvensko
@igorvensko 2 жыл бұрын
Рад что было полезно.
Figma Midjourney Animation Tutorial - Parallax effect + mp4
55:02
Igor Vensko Tutorials
Рет қаралды 234 М.
Parallax Scroll Animation in 6 Minutes (Figma Tutorial)
6:35
Tim Gabe
Рет қаралды 346 М.
ТВОИ РОДИТЕЛИ И ЧЕЛОВЕК ПАУК 😂#shorts
00:59
BATEK_OFFICIAL
Рет қаралды 6 МЛН
How to Fight a Gross Man 😡
00:19
Alan Chikin Chow
Рет қаралды 16 МЛН
coco在求救? #小丑 #天使 #shorts
00:29
好人小丑
Рет қаралды 20 МЛН
Figma 3D Parallax Animations! - 3 Easy Ways
9:03
Punit Chawla
Рет қаралды 59 М.
Figma Parallax Effect - Full Tutorial + Free Figma Files 🎁
18:04
Parallax Scroll Effect - Figma Tutorial
13:45
UI Adrian
Рет қаралды 104 М.
How to STUDY so FAST it feels like CHEATING
8:03
The Angry Explainer
Рет қаралды 1,8 МЛН
How To Animate Like After Effects in Figma
10:27
Tim Gabe
Рет қаралды 58 М.
Create After Effects-Like Animations in Figma?!
16:34
DesignCourse
Рет қаралды 169 М.
Creating parallax with variables - Figma tutorial
10:44
Double Glitch
Рет қаралды 23 М.
5 Most Useful Figma Animations For UI Beginners
19:54
Tim Gabe
Рет қаралды 88 М.