Floating Menu Animation in Adobe Xd | Auto Animate Tutorial | Design Weekly

Поделиться
HTML-код
  • Опубликовано: 19 ноя 2024

Комментарии • 42

  • @Shikarte
    @Shikarte 5 лет назад +7

    Really love the yellow one 😍
    My favourite part is when you preview the final design.
    Keep up the good work ❤️

  • @aliyan.1547
    @aliyan.1547 4 года назад +2

    youu are too kind for giving us these useful tutorials!
    thank you so much :)

    • @PunitChawla
      @PunitChawla  4 года назад

      You're most welcome Aliya! Keep watching

  • @junaidaziz0925
    @junaidaziz0925 5 лет назад +1

    The second one is just pure bliss! XD for sure will be a Sketch and other biggies killer! Keep them ideas coming :)

    • @PunitChawla
      @PunitChawla  5 лет назад

      Yes, I believe so too. Keep watching

  • @santoshlama7011
    @santoshlama7011 5 лет назад +1

    This guys is actually very good

  • @pandhillapaliikrishithared8671
    @pandhillapaliikrishithared8671 3 года назад

    This video help me a lot , thank you so much

  • @14onyx
    @14onyx 4 года назад +1

    Just want to point out something, as fun as it is to use the word perfect too many times in one vid, the one with the magenta menu wasn't "perfect". the circle is distorted and would require an extreme amount of time to revert back to rounded shape
    Appreciating the effort of course, but that isn't how you'd have done it yourself. you should just duplicate the same circle beforehand and change the other one. it's tricky if one's not using the same shape because otherwise it won't work.

  • @jessicacristen2786
    @jessicacristen2786 4 года назад

    The Auto animation is not working in my xd so what should I do !

  • @rahulpanchal1
    @rahulpanchal1 4 года назад

    in windows top navigation menu is not available ??

  • @exploresque95
    @exploresque95 5 лет назад +2

    Bro,
    Can I export this animated file as gif or image which I will use on my portfolio?

    • @PunitChawla
      @PunitChawla  5 лет назад +1

      Yes. Record the animation in Xd. Then use ezgif.com/video-to-gif to convert to gif

    • @exploresque95
      @exploresque95 5 лет назад +1

      @@PunitChawla thank you so much bro!

  • @algabarty
    @algabarty 5 лет назад +1

    Thx I love it

  • @abhilashtelrandhe1632
    @abhilashtelrandhe1632 5 лет назад +1

    sir, cant me make the rectangle directly instead of converting that circle into rectangle ??? ( @ 11:50 )

    • @PunitChawla
      @PunitChawla  5 лет назад +1

      Of course you can, but the warping effect from circle to rectangle won't come. Auto animate works by changing states, so it won't work like that

  • @ryanleedandan9731
    @ryanleedandan9731 5 лет назад +1

    Thank you for this tutorial it helps a lot

  • @termidesign
    @termidesign 5 лет назад +1

    thanks

  • @leo.tanuwijaya
    @leo.tanuwijaya 4 года назад

    I try it already with your 2nd design, but when i play it, it still come with disolve transition. How to fix this? Thanks :)

    • @ronanicetojr.6187
      @ronanicetojr.6187 4 года назад

      change the action into Auto-animate..hope you got the latest version.

  • @martinschmidt509
    @martinschmidt509 5 лет назад +1

    Guys i have a problem, if i want to auto animate things as seen in the video, it always just fades in instead of animate, i have no idea how to fix it...i duplicated the layer etc. and all has the same name, it still doesnt work

    • @PunitChawla
      @PunitChawla  5 лет назад +1

      Download the xd file from the description. Then compare both of them to make sure everything is correct. This might happen even if there is one thing missing.

    • @akankshapatil6163
      @akankshapatil6163 5 лет назад

      Hey Punit, even I am facing the same problem. I copied everything exactly but it just doesn't show that jelly effect ! Could please see my xd file?

  • @aatrox5804
    @aatrox5804 5 лет назад +1

    I'm sorry but I do exactly what you but when I preview it don't have any animation?

    • @PunitChawla
      @PunitChawla  5 лет назад +1

      Make sure that the names of layers and components are the same in the all the artboards. This can happen if the name of any element in the layers panel changes. Try that

    • @aatrox5804
      @aatrox5804 5 лет назад

      Punit Chawla i remake it and it’s show some animation but I don’t know how to make the animation like you did, e.g the yellow one you did in your tutorial, the element seem like it’s “bounce” :(

    • @PunitChawla
      @PunitChawla  5 лет назад +1

      aa trox make sure you download the xd file from the description of this video. Then try and compare it

    • @aatrox5804
      @aatrox5804 5 лет назад

      Punit Chawla I already download your file and when I preview your file it’s work like your video I think I should check the process of mine :(

  • @fareedmatjila6350
    @fareedmatjila6350 5 лет назад +1

    How did you select all 3 circles, what's the command?

    • @PunitChawla
      @PunitChawla  5 лет назад +1

      While holding shift, click on multiple elements to select them all at once. Hope this helps

    • @fareedmatjila6350
      @fareedmatjila6350 5 лет назад

      @@PunitChawla yes it did thank you, but my only problem is trying to make all the small circles fall under the big circle to get the jelly effect.

    • @fareedmatjila6350
      @fareedmatjila6350 5 лет назад +1

      @@PunitChawla nevermind, I got it working! It works! Thank you Punit! ❤️❤️❤️ How do I attach this to different art board?

    • @PunitChawla
      @PunitChawla  5 лет назад

      Dread Reed just duplicate the Artboard it is in

  • @ngeneedgarofficial
    @ngeneedgarofficial 5 лет назад +1

    My icons fade in from the middle, am i missing a step ?

    • @PunitChawla
      @PunitChawla  5 лет назад

      download the xd file from the description and make sure you have exactly the same properties

  • @rajneeshkumar5718
    @rajneeshkumar5718 4 года назад

    For better understanding, please explain in Bilingual (Hindi+English)