✅ How to Animate Dropdown in Adobe Xd | adobe xd dropdown menu | Beekay

Поділитися
Вставка
  • Опубліковано 1 кві 2021
  • ✅ How to Animate Dropdown in Adobe Xd | Beekay
    In this video you will learn about
    ✅ How to animate in Adobe XD
    ✅ How to Animate Dropdown Menu in Adobe XD
    ✅ How to Animate Accordion
    ✅ Dropdown Animation
    ✅ Dropdown Animation in Adobe XD
    ✅ adobe xd dropdown menu
    adobe xd templates free download
    Download File : ⬇️ tinyurl.com/44tpuet5
    #dropdown #adobexd #BKreative

КОМЕНТАРІ • 32

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

    Manually Open and Close Dropdown menu Animation Tutorial.
    ua-cam.com/video/2gS16o1gWe0/v-deo.html

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

      on 2:48, after composite the assets and creating a default state, my adobe XD is not reflecting the change. When I click on the second menu and back to the first, the back and forth is not working. What am I doing wrong? Can someone help me?

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

      @@chellastation Never do anything on Default State. always create a new state and make it your default state.
      I do not what is it but it happened with me quite often that now I never do anything on default state..

  • @liiny.
    @liiny. 2 роки тому +4

    Thank you this is exactly what I needed and easy to follow, appreciate a lot!

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

    works perfectly for me, thank you

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

    Thank you, it works perfect!

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

    This is great, thank you!

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

    Brilliant! Thank you 🚀

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

    Great Jobs!!! You got my suppose as usual

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

    Great work 🎉

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

    Thanks buddy🙂

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

    This is the best free software Ive seen. Respect.

  • @user-dp2dj5cj7l
    @user-dp2dj5cj7l 2 роки тому

    Your content is so touching

  • @vishwajeetyewale9435
    @vishwajeetyewale9435 3 роки тому +3

    Bro make it slower it will look good.

  • @d0v3k11
    @d0v3k11 2 роки тому +2

    Thank you, great tuto! But it's not exactly what i'm looking for.. Do you know how to make a dropdown menu as you can find on a e-shop ?
    With your method, when i select the menu 1, and then the menu 2, the menu 1 is closing automatically.
    - If someone know how to let the menu 1 open and in the same time the menu 2, 3, 4, 5.. open and each one can be close separately ?
    Thank you anyway !

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

      so you want to close them manually.. once you open 1 you want to keep it open until you click on it again..

    • @itsBeeKay
      @itsBeeKay  2 роки тому +4

      Hi
      I made a video specially for you... You will find download link in the description
      ua-cam.com/video/2gS16o1gWe0/v-deo.html

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

    Wht if i didnt have pluggin? Still it working? Or u must have pluggin?

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

    Hi, after I add the Menu 1 and back to the default state, the content for Menu 1 still appear there? What's wrong?

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

      Make sure to always double-click on the layer of the selected state. otherwise, it replicates all the changes to the default state.

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

    Destination me layer select krne k liye option m he nhi aa rhe hai, kaise kru??

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

    I tried but only one hover effect working in preview.. what is the issue

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

      Go to protyping mode, and change all hover effects to "Tap" so it will only open after you click it.

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

    hello, after adding the menu 1 drop down and going to the default stage, the drop-down shows from behind. how do I fix this?

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

      Bring it to Front
      Shift + Cmd +]
      Shift + Ctrl + ]

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

    the drop down list doesnt disappear when I go back to the default state

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

      please make sure you are in the dropdown state while editing.. for that click on the component state and double click to the component... same as we do in illustrator to open an isolated state..

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

    Simplified Dropdown / Accordion Animation
    ua-cam.com/video/BcsqODSzRLQ/v-deo.html

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

    i am not able to do that will you pls help me that??

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

      Buddy, First you have to select all the Menu 1, Menu 2, Menu 3 including their bounding boxes and hit Command + K or Ctrl + K to convert the entire thing into a component. Once the default state of component is created, create other required states of the components by pressing + icon on the right side of Default state. + icon allows you to create multiple states of a component. For instance, Click + icon and create a state, rename it to Menu 1 (just like in the video) and create all the changes you want to create in that Menu 1 state. While making the changes, make sure you have selected the correct state. Once created, Link one state to the other state through creative interactions (e.g. Tap, Drag etc), you can see all the options in prototyping mode.

  • @DJ-Syncs
    @DJ-Syncs 2 роки тому

    It's so lame to have to make 3 separate pages for a simple animation using software that is built specifically for web design.. :D

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

    Dude, Please...dont put tutorial if you don't walk us through, talk or explain what you're doing...