AWESOME PARALLAX CAROUSEL | Adobe XD Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ก.พ. 2025
  • In this video i will show you how to create an Awesome Parallax Carousel using Adobe XD in just 6 minutes!
    Want to know how to code this in HTML, CSS and JS ? Watch this: • Crazy Parallax Carouse...
    Final Adobe XD File:
    www.mediafire.c...
    If you found this tutorial helpful i'd appreciate it if you would hit that thumbs up button and share this! Also make sure to subscribe for more videos like these. Have a great day!
    Subscribe:
    / @designmedium
    Software used:
    Adobe Experience Design
    Socials:
    Instagram: / thedesignmedium
    Dribbble: dribbble.com/T...
    Music used:
    Sappheiros - Beyond
    • ❰Chillstep❱ Sappheiros...
    #parallaxcarousel #parallax #uidesign
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 47

  • @berdkrillin6933
    @berdkrillin6933 4 ปีที่แล้ว +3

    I did it and it looks great. But when I added text on the artboard, it stopped working. Could you advice me please? The way the artboard is the photos at the top and text underneath

  • @chloesimone9044
    @chloesimone9044 ปีที่แล้ว +2

    Thanks for this video but one comment : To animate 3/4 pictures is okay but more than 5 is going to be hard because we need to move the picture from the left side to the right side and the effect is weird... Do you have any idea how can I do ? Thanks per advance. Chloe

  • @asmaaeldeeb4225
    @asmaaeldeeb4225 7 หลายเดือนก่อน

    Could we make same effect with horizontal scrolling ?

  • @navnoorsingh288
    @navnoorsingh288 4 ปีที่แล้ว +1

    awesome mate! Keep making such awesome tutorials!!

  • @ismaelrxssett
    @ismaelrxssett 4 ปีที่แล้ว

    Great.💯

  • @Netsectechnology
    @Netsectechnology 4 ปีที่แล้ว

    I loved this design

  • @amrsharif8859
    @amrsharif8859 2 ปีที่แล้ว

    can you lears us how you did it in the all pic

  • @mahanrasouli2082
    @mahanrasouli2082 4 ปีที่แล้ว +2

    Thank you so much, that was very helpful :)

  • @sarveshshelar7506
    @sarveshshelar7506 4 ปีที่แล้ว +2

    how to use it on website

  • @leonardodeleon1805
    @leonardodeleon1805 3 ปีที่แล้ว

    Thanks dude! great design!

  • @VanessaLopez-cg4hr
    @VanessaLopez-cg4hr ปีที่แล้ว

    how do i insert this in my project

  • @gamingforever4587
    @gamingforever4587 4 ปีที่แล้ว

    wow in just 6min, you taught very awesome trick, thank you, keep sharing great work

  • @d.n1088
    @d.n1088 3 ปีที่แล้ว

    i love you

  • @rukminikotamraju
    @rukminikotamraju 3 ปีที่แล้ว

    Thank you. Explained so well.

  • @shivanichauhan7141
    @shivanichauhan7141 4 ปีที่แล้ว

    Loved it, really informative, u just earned a subscriber🤩

  • @DeepakMeena-uj9fs
    @DeepakMeena-uj9fs 3 ปีที่แล้ว

    Thank you

  • @johnmilovic8693
    @johnmilovic8693 3 ปีที่แล้ว

    Please tell me, i added GIF with ANIME plugin, but it doesnot play on prototyp play, but plays in ANIME Preview browser. Also while importing gif into the shape, shape remains empty, but in ANIME Preview browser Gif plays. THanx

  • @cryptoyoda2585
    @cryptoyoda2585 3 ปีที่แล้ว

    hi can one export this to use it in website?

  • @girishrajayyappan4184
    @girishrajayyappan4184 4 ปีที่แล้ว

    As usual quality remains.. Very useful for a beginner like me..!

    • @DesignMedium
      @DesignMedium  4 ปีที่แล้ว

      Thanks! Glad you found this video helpful. :)

  • @whitepapermedia3467
    @whitepapermedia3467 4 ปีที่แล้ว

    Any Html Code available like this Carousel

  • @warre5736
    @warre5736 4 ปีที่แล้ว

    Looks awesome!

  • @prathmeshmahajani
    @prathmeshmahajani 4 ปีที่แล้ว

    Thank you for making this tutorial! Great work.

  • @tutokalitera5703
    @tutokalitera5703 4 ปีที่แล้ว +1

    This is amazing. Much love from Malawi!

  • @madhavbangad8714
    @madhavbangad8714 4 ปีที่แล้ว

    Superb Design: But can we convert it to html

  • @dannyivanov4250
    @dannyivanov4250 4 ปีที่แล้ว

    soo cool animation !!!!

  • @yaramohamed1126
    @yaramohamed1126 4 ปีที่แล้ว

    Woooooooow

  • @risasayumi7955
    @risasayumi7955 4 ปีที่แล้ว

    Hi, may I ask.. If I'm only have 3 designs how to connect with the last one? 2 of them works perfectly but the last one wasn't move 😭💔

    • @wasimahmed8576
      @wasimahmed8576 3 ปีที่แล้ว

      the last one will be connected to the first one and it will get back to first screen .. What I know ..

  • @TheGhostPanel
    @TheGhostPanel 3 ปีที่แล้ว

    Any clues on how to make a looping carousel?

    • @mateusreinehrlima1824
      @mateusreinehrlima1824 3 ปีที่แล้ว

      When you get to the end you have to associate to the first one (at least I think)

  • @shahd7868
    @shahd7868 2 ปีที่แล้ว

    Im definitely doing something wrong :( it's not working

  • @phongvu6800
    @phongvu6800 4 ปีที่แล้ว

    Hope to see coding version ❤️

  • @NAJES-agency
    @NAJES-agency 4 ปีที่แล้ว

    Nice !!!

  • @mateusreinehrlima1824
    @mateusreinehrlima1824 3 ปีที่แล้ว

    Auto-animate's not working. Could you help, please?

    • @mateusreinehrlima1824
      @mateusreinehrlima1824 3 ปีที่แล้ว

      Forget it. Already solved. Cool effect thought!

    • @polle8657
      @polle8657 ปีที่แล้ว

      @@mateusreinehrlima1824 same problem, how you did it?

  • @gethyper3114
    @gethyper3114 4 ปีที่แล้ว

    i can´t do dis

  • @javieraquino2916
    @javieraquino2916 4 ปีที่แล้ว

    no funciona

  • @riosandy96
    @riosandy96 4 ปีที่แล้ว

    I need to design a XD .. where instead of tap on the individual Images I need to scroll the image's. When I scroll the images the middle image should be sized 25% bigger compare to other left and right images .
    Can you Demo on that.