Adobe XD Animation Tutorial - Auto Animate for Website

Поділитися
Вставка
  • Опубліковано 16 жов 2024

КОМЕНТАРІ • 192

  • @igorvensko
    @igorvensko  10 місяців тому

    🤩 Finally! Figma Animation Course called "Stunning Website Design & Magic Animation in Figma" available for purchase only on 🡲 www.wizardcourse.pro/ 🡰*

  • @aclaymotion
    @aclaymotion 3 роки тому +35

    This was the best tutorial for Adobe Xd I have ever seen. I learned so much in these 30 minutes. Thank you very much for this video. 👏🏼😊💪🏽

  • @Aditya-dq1fu
    @Aditya-dq1fu 2 роки тому +2

    This was the best use of XD prototyping methods I have ever seen

  • @Burdajewiczek
    @Burdajewiczek 3 роки тому +6

    I love Polish map and the whole animation itself!

  • @mounabouhjira5628
    @mounabouhjira5628 3 роки тому

    i see your shannel for the first time, awesome i love it

  • @gregyezechiel9990
    @gregyezechiel9990 4 роки тому +5

    You're amazing man, love every one of your work!

  • @karunsureshkumar4612
    @karunsureshkumar4612 3 роки тому +1

    man this is beautiful. I love ur teaching. please make more ui tutorials man. absolutely love it.

  • @adityagedam554
    @adityagedam554 3 роки тому

    u deserve more subscribers best of luck

  • @aymenlegendb1942
    @aymenlegendb1942 3 роки тому

    best channel i ever see , you are a Master man

  • @sunnyraj3761
    @sunnyraj3761 3 роки тому +1

    Your first tutorial is the best tutorial 🔥🔥😍

  • @jamisonperkins
    @jamisonperkins 3 роки тому

    I watched you on Adobe about this project and have been wanting to see it again. Thank you for making this video!!

  • @Yosredesign
    @Yosredesign 3 роки тому

    Thank you god cuz i found this man 💖💖💖💖💖💖💖💖💖💖💖💖
    .
    You are the best.
    Thank you so much for your time to teach us this method you are the best 💖

  • @melvynpaulino6183
    @melvynpaulino6183 3 роки тому

    You deserve the world! Man! this was an eye-opener. Thanks a huge for this amazing tutorial You've got a new follower who is going to watch all your videos more than twice.

  • @ronymodak1660
    @ronymodak1660 2 роки тому

    Just need a lot of videos from you.. Beautiful, Man

    • @igorvensko
      @igorvensko  2 роки тому

      Thanks. I create tutorials when have free time.

  • @dariat9685
    @dariat9685 2 роки тому +1

    Спасибо, Игорь) Это очень круто!

  • @moresbyburrows7416
    @moresbyburrows7416 Рік тому

    Brilliant workflow Igor, dobra dobra and sanikyu'

  • @evgeniyperekhod9278
    @evgeniyperekhod9278 3 роки тому

    Wow man, this is awesome bro! Thanks

  • @dineshdeuba1156
    @dineshdeuba1156 3 роки тому +1

    I love your work sir. I don't know where you from but a lots of love from Nepal🇳🇵.

  • @anastasiiarepetylo444
    @anastasiiarepetylo444 4 роки тому

    Awesome Project!!
    Man I fell in love with your work!

  • @4988raja
    @4988raja 2 роки тому

    nice work buddy. so talented!

  • @bharatha2464
    @bharatha2464 3 роки тому

    This is frickin' cooll. Super slick animations and I learnt a lot from this. Thank you very much Igor :))))

  • @ibraheemolasupo7881
    @ibraheemolasupo7881 3 роки тому

    Great design bigman

  • @kseniaponomareva9392
    @kseniaponomareva9392 3 роки тому

    really good design and animation!

  • @Edwardtonnn
    @Edwardtonnn Рік тому

    Awesome tutorial! Thank you for sharing such great content.

  • @TheKiki223
    @TheKiki223 2 місяці тому

    Good job! Amazing ❤

  • @muizanwaar5137
    @muizanwaar5137 3 роки тому +1

    The BEST. Huge Love

  • @martinvillegas100
    @martinvillegas100 3 роки тому

    Hi Igor, Love the tutorial. I will try to do ;)
    Thanks

  • @mvk7154
    @mvk7154 3 роки тому

    amazing bro very very nice :D

  • @NavesNiche
    @NavesNiche 2 роки тому

    This stuff is soo good!
    Amazing work!

  • @mikhailkireev6509
    @mikhailkireev6509 3 роки тому

    Looks amazing!

  • @othmannanu6456
    @othmannanu6456 2 роки тому

    wow you are amazing straight forward good work

  • @VishalKumar-jz3qk
    @VishalKumar-jz3qk 3 роки тому

    best xd tutorial ever!!!

  • @CGI19
    @CGI19 2 роки тому

    You're amazing man

  • @AbdallahIrsheid
    @AbdallahIrsheid 3 роки тому

    It would be nice if several artboards could be used with the same drag.
    without click and drag each time . It would be nice if I could click once and continue dragging until the specific image I want.
    is it possible ??

  • @laugermanncreative791
    @laugermanncreative791 3 роки тому

    Beautiful work!

  •  3 роки тому +1

    Wow, Great job!

  • @akbarbadsha25
    @akbarbadsha25 3 роки тому

    very detail. thanks for this awesome tutorial.

  • @JitendraSharmaji
    @JitendraSharmaji 3 роки тому

    You're amazing. 🔥🔥🔥 ❤️❤️❤️ Best tutorial...

  • @iamHariharan0220
    @iamHariharan0220 2 роки тому

    Fantastic tutorial. Amazing work..Kudos

  • @NomanAli-zd1bn
    @NomanAli-zd1bn 3 роки тому

    Good work need more like this well explained

  • @jimharrer7710
    @jimharrer7710 2 роки тому

    beautiful work. thank you for sharing

  • @kannancb5557
    @kannancb5557 4 роки тому

    Really good tutorial .. waiting for more 👍👍👍

  • @tahirsiddiqui5313
    @tahirsiddiqui5313 3 роки тому

    Superb.... Amazing work.

  • @arlosquare
    @arlosquare 3 роки тому +4

    This tutorial is absolutely awesome!

  • @CaddyBlues
    @CaddyBlues Рік тому

    this is great! thanks for sharing!

  • @kovapor
    @kovapor 2 роки тому

    It was an amazing tutorial! Thank you, I learnt a lot!

  • @PopooChannel
    @PopooChannel Рік тому

    love it good job Igor

  • @gradientMesh
    @gradientMesh 3 роки тому +5

    Absolutely stunning work. Thank you so much for sharing your expertise with us and explaining the techniques and your thought process so clearly.

  • @cerencat8522
    @cerencat8522 3 роки тому

    You are the best!!!!

  • @Iano947
    @Iano947 3 роки тому +1

    Very inspiring and enlightening tutorial. I was able to follow your steps after a bit of practice. Curious to know how you made the map. Is that somehow hand-drawn in Photoshop, or you're using some sort of technique to strip out / replace colors?

  • @coobex.official
    @coobex.official 3 роки тому

    Thank you from my heart 💗

  • @JonasArts-ps6qy
    @JonasArts-ps6qy 3 роки тому

    Amazing tutorial

  • @valeriiafomenko6694
    @valeriiafomenko6694 2 роки тому

    Thanks! It`s cool and simple

  • @nicolepang642
    @nicolepang642 3 роки тому

    excellent sharing, thank you for your effort!

  • @amjadarab8037
    @amjadarab8037 3 роки тому

    mind blowing, thanks a lot!

  • @fancyworld9018
    @fancyworld9018 3 роки тому

    genius thank you so muchh

  • @sihemtoutsimplement6616
    @sihemtoutsimplement6616 3 роки тому

    Amazing, thank you so much 🤩

  • @rdelvie
    @rdelvie 6 місяців тому

    thank you for sharing your knowledge with us.

  • @hoangviet8203
    @hoangviet8203 3 роки тому

    Very good !

  • @audiospidej4401
    @audiospidej4401 3 роки тому

    AWESOME

  • @thomasc7992
    @thomasc7992 3 роки тому +1

    Love your work ! what an awesome design!
    Thank you for uploading this video !!!!!

  • @jayjadhav5410
    @jayjadhav5410 3 роки тому

    The project was awesome...but from where do you get all the images ??

  • @felipecampos6977
    @felipecampos6977 3 роки тому

    How can I export the file animate, to behance , I'm looking several tutorais , how can I add video animate in my behance , do you know than projects app ux ui and you see , video animations in app , I'd like know how can I do it , I must use photoshop or after effects ? or can I use anima plugin xd.

  • @rajatjain8352
    @rajatjain8352 3 роки тому +1

    Damm this tutorial, this is lit 🔥

  • @gauthamvijayan4589
    @gauthamvijayan4589 3 роки тому

    really nice!

  • @hirisraharjo
    @hirisraharjo 3 роки тому

    Beautiful! Did you also use adobe to create the interior?

  • @marcelsebastian9610
    @marcelsebastian9610 2 роки тому

    Blees to you dude,what a amaze sharing about XD wow so great.

  • @Tamara.Gafniel
    @Tamara.Gafniel Рік тому

    so nice and unique! thank you for the toutorial!
    A question that i wanted to ask long ago- on what platform do you develope that kind of desing? and is it demands some knowledege of coding?

    • @igorvensko
      @igorvensko  Рік тому +1

      You're welcome! I do only design. Then I record animations like example and send mp4 files + all assets to developers.

    • @Tamara.Gafniel
      @Tamara.Gafniel Рік тому

      @@igorvensko Got it, thank you:)

  • @vulakyr
    @vulakyr 3 роки тому

    thank you for this !! :)

  • @ghevondrobertghazarian5625
    @ghevondrobertghazarian5625 3 роки тому

    thanku u, it was really helpfull

  • @ayoubakhay7332
    @ayoubakhay7332 3 роки тому

    great job

  • @sofiacampos2034
    @sofiacampos2034 3 роки тому

    Amazing lesson :)

  • @studiobig8302
    @studiobig8302 3 роки тому +1

    Great video, but how do you export the file for your coder? Including animations and effects?

    • @studiobig8302
      @studiobig8302 3 роки тому

      @@igorvensko I don't understand, I've made my project like your tutorial with different artboards and effects and transitions when i scoll. How do I send all of this to my coder? Preserving all of the animations etc?

    • @studiobig8302
      @studiobig8302 3 роки тому +1

      @@igorvensko Do you screen record your prototype and give the coder the mp4 + assets?

  • @jakestrevor1871
    @jakestrevor1871 3 роки тому

    best tutorial

  • @tahnik2612
    @tahnik2612 3 роки тому

    I already become your fan

  • @PriyaSharma-zc6cj
    @PriyaSharma-zc6cj 3 роки тому +1

    The tutorial is amazing! Can you please provide the practice file?

  • @videotank26
    @videotank26 2 роки тому

    mind opener for others

  • @thekubbkochannel
    @thekubbkochannel 3 роки тому

    Amazing!!

  • @ivelinatisheva2760
    @ivelinatisheva2760 3 роки тому +1

    A-M-A-Z-I-N-G!

  • @sihemtoutsimplement6616
    @sihemtoutsimplement6616 3 роки тому

    More xd tutorials, please 😁

  • @samuelassaal5368
    @samuelassaal5368 3 роки тому

    Brilliant.

  • @thiruGajanan
    @thiruGajanan 3 роки тому

    Hi, are there any tutorials you guys find to create a menu bar like this? If not can you suggest to me the technical terms I have to search for. This insane and pretty cool menu bar I have ever seen.

  • @mohdtaj7998
    @mohdtaj7998 7 місяців тому

    great work. Any luck for the project file?

  • @alexanderwessel4886
    @alexanderwessel4886 3 роки тому

    Amazing work!! But i have a quetion. Which animation settings did you use for the ellipse slider? Sometimes it works perfectly, but when i witch to the prototyp part, there is no animation when i click on the dot, XD just change to ne next screen.

  • @MultiReddy1
    @MultiReddy1 3 роки тому

    Can we covert all the animations and design that you have done on XD to Wordpress?

  • @LMessi10622
    @LMessi10622 3 роки тому

    Hello man!
    Loved ur work ! 👍
    Can u please tell where can I find all types images of 1 cars of any model as u used in ur project that way if I want any other model car images where can I find ???

  • @sayanaberi
    @sayanaberi 9 місяців тому

    The tutorial is very nice ...Can you please provide the practice file to do it? Thank you

  • @miroslavstevanovic4774
    @miroslavstevanovic4774 3 роки тому

    Amazing

  • @fatenhr3654
    @fatenhr3654 3 роки тому

    Thank youuuu!!!

  • @mokshpatel4392
    @mokshpatel4392 3 роки тому

    Loved your work ❣️
    Can I do it smoothly on Lenovo legion 5 Ryzen5 4600h gtx1650 8gb ram laptop?

  • @daisy6855
    @daisy6855 3 роки тому

    very helpful video thank you 🙏🏻 , just a question tho on minute 15:00 how did you make the circle enlarge when moving to the next frame? i tried doing it but it didn’t work

  • @yunusemreoktay
    @yunusemreoktay 3 роки тому

    thanks for sharing

  • @abgedrehtproductions
    @abgedrehtproductions 3 роки тому

    Its great but how would you export these animations to a website?

  • @keithrios4643
    @keithrios4643 3 роки тому

    Igor....amazing work! And fantastic tutorial! Would you mind sharing your advice or technique for taking these animations from XD to HTML/CSS/JS/Etc? In other words, what is the easiest way to publish these effects on the web? Thank you.

    • @4988raja
      @4988raja 2 роки тому

      @@igorvensko wise words!!

  • @binokallada2149
    @binokallada2149 3 роки тому

    Supper 😘

  • @jjdelatorre
    @jjdelatorre 3 роки тому

    How did you record the tutorial video? The green color under the pointer, how is it done? Great tutorial!

  • @jaeldelossantos7774
    @jaeldelossantos7774 3 роки тому

    is there any way to make this scroll down effect but manual? like when you scroll down with your mouse

  • @fifyscollection7865
    @fifyscollection7865 3 роки тому

    Powerful!

  • @Tibiscuit_OW2
    @Tibiscuit_OW2 2 роки тому

    Hey, clean tutorial gg ! Is that possible to make the same but the animation "start" with the scroll of the mouse ? Like on the apple website -> at each notch of the scroll, it make tiny % of the animation ? Tysm

    • @igorvensko
      @igorvensko  2 роки тому

      Yes, we can, but when recording the animation, there will not be such a smooth transition.

    • @Tibiscuit_OW2
      @Tibiscuit_OW2 2 роки тому

      @@igorvensko ok thanks you for the aswer, how can I do it ? Or what is its name ?

  • @stibler6394
    @stibler6394 3 роки тому

    Dobra robota :)