3D Transform Animations in Adobe Xd! | 3D Transform + Auto Animate | Design Weekly

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

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

  • @elainewang3605
    @elainewang3605 4 года назад +49

    The 3D transform is breathing life into me.

  • @asaduzzamanasad2842
    @asaduzzamanasad2842 2 года назад

    This is the best free software Ive seen. Respect.

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

    Thank you... this video help a lot in learning some very useful tips... from Buenos Aires... Argentina

  • @evm6177
    @evm6177 3 года назад +1

    Now this is SO COOL !! 🍷🕶

  • @민로롱
    @민로롱 4 года назад +5

    I'm korean student.. thank you I love your video!!!

  • @LUXXY_vi
    @LUXXY_vi 3 года назад +1

    Thank you very much sir you are one of the best designer i've seen .

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

    @Punit Chawla that was awesome. Keep up the great work.

  • @mahmoudsalem1654
    @mahmoudsalem1654 Год назад

    This is amazing 👌🏾👌🏾🔥

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

    loved it..!! no bullshit and straight to the point.....we need more of these...

  • @TuneAddikt
    @TuneAddikt 4 года назад +5

    Great tutorial and content dude. Really nice to see the new features being used like this.

  • @4988raja
    @4988raja 3 года назад

    Punit you are so good with tutorials!! love them ya!

  • @sellomogano3986
    @sellomogano3986 2 года назад

    informative video good sir, Gracias

  • @portalpazificotumaco6997
    @portalpazificotumaco6997 2 года назад

    really cool!

  • @Cricketversehd
    @Cricketversehd 2 года назад

    Superb👌👌👌 thank you sir

  • @morganwatts5113
    @morganwatts5113 Год назад

    awesome video!

  • @gamingbgmi34
    @gamingbgmi34 2 года назад

    Excellent video. Clearly explained all the basics to get started on soft soft. Thanks

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

    i am gonna use this on my app homepage

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

    this is soooooooo amazing brother

  • @AnirudhIsOnline
    @AnirudhIsOnline 4 года назад +1

    Nice feature 👍. Waiting for what the community comes up with 😀.
    Good tutorial 👌.

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

    Awesome video! Love your energy and enthusiasm with the animation haha I feel just the same way. Keep up the honest work!

  • @borisbasque814
    @borisbasque814 3 года назад +1

    Life saver dude! Thank you

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

    Great Tutorial. Instant Follow.

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

    So good Punit! Keep up the great work.

  • @sachabuttet
    @sachabuttet 4 года назад +1

    thanks man I've been looking for a good 3d animation tutorial on adobe xd !

  • @lamiahamdan0
    @lamiahamdan0 3 года назад +1

    Thank you😭❤️‍🔥

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

    Awesome video! Love your energy and enthusiasm with the animation haha I feel just the same way. Keep up the honest work!
    can u reupload the xd file please!

  • @shadesigns8304
    @shadesigns8304 2 года назад

    amazing tutorial

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

    Terrific 😍😍😍🔥

  • @Seeewithme
    @Seeewithme 4 года назад +1

    this was so helpful. Will definitely practice it myself. Thanks for sharing.

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

    Brooo you're a master! 💪🏼💪🏼💪🏼💪🏼💪🏼

  • @TechnoAsh
    @TechnoAsh 4 года назад +2

    Was waiting for this video🤞⚡

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

    wow imazing 👌🏻👌🏻💙💙

  • @21travelling73
    @21travelling73 Год назад

    I can see how these animations are created. How would you fit these animations into a real website? Manually adding CSS/ HTML, or what tactics do you use?

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

    i love your teaching tone! Keep it up

  • @tabimohamedriad3524
    @tabimohamedriad3524 3 года назад +1

    hello sir i just subscribed to you channel, pleaaase tell me how you create you intro videos

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

    Thank you for share all this knowledge. Keep doing it. New subscriber!

  • @ashishgarg9038
    @ashishgarg9038 Год назад

    Please help me with what is the difference between putting an image directly on to the shape versus masking an image with a shape..

  • @tinnne9848
    @tinnne9848 4 года назад +1

    thank you so much for the tutorial! hope I can see the figma ver. of this in the future 🥺

  • @oliverona9893
    @oliverona9893 4 года назад +1

    Thank you! great tutorial.

  • @renjithrv6585
    @renjithrv6585 4 года назад +1

    Great

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

    Thank you so much.👍 brother

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

    amazingly presented.

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

    Is there a way to make these in figma. if yes can you please make a video about it ?
    thank you i learnt a lot from your videos

  • @MrMilos659
    @MrMilos659 2 года назад

    Great tutorial 👌 Can you pls stick the dl xd link for your iphone mocup as is in video, for us who are in begging off learning, ty ❤️

  • @Kollegah9997
    @Kollegah9997 3 года назад +5

    Love how Designers think that those animations will run as smooth as here on an Android 6 Device

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

    Thank you, It’s useful.

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

    awesome!

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

    Can you make more videos on different types of carousel used in e-commerce stores.

  • @igormk38
    @igormk38 4 года назад +2

    Really well explained. Punit, I have a challenge for you :) make your next video without using the words “nice” or “amazing” even once xD

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

      Hahahaha! Nice catch! You may get rid of this with the help of the mute button. It works.
      .
      Super helpful tutorial Punit, keep up the good stuff.

    • @evm6177
      @evm6177 3 года назад +1

      nice .. AMAZING .. ya sounds about right mate, i'll just leave it AS IS.. Yup~! 🕶🍷

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

      Live and let live man

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

    U are awesome sir 🤗🤗🤗

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

    Owwoo.. Supervvvv...

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

    nice video again! i love it!

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

    Gooood

  • @33Sh4NNN
    @33Sh4NNN 3 года назад

    AMAZING

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

    wow , that's great . thanks

  • @cooldude87ish
    @cooldude87ish 2 года назад

    hey, cool

  • @dinguuuus
    @dinguuuus 2 года назад

    Can you do this in figma tho?

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

    Fantastic tutorial!

  • @DaHoodJnx
    @DaHoodJnx 2 года назад

    can i do tNice tutorials with the trial version?

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

    This is great.Thank you

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

    that was dope

  • @yuzhao5883
    @yuzhao5883 3 года назад +1

    yes i can make a 3d animation effect in the prototype. But I still ask developers if it is possible to make it . And what is the communication and product strategy behind it? is it just a eye candy or eye-catching?

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

      it can do it by developers....................

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

    Hello, how can you make the trigger button stop moving? thanks for your attention. I'm looking forward to your reply.

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

    Thank you got it done

  • @nehajoshi6186
    @nehajoshi6186 2 года назад

    From where you get this 3d human illustration

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

    WOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOW 2021

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

    👍👍👍

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

    so cool

  • @Kaizomcdamat
    @Kaizomcdamat 2 года назад

    how would you insert a half note in the channel rack

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

    Thanks for posting this

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

    thank you for the video

  • @Rahadianm22
    @Rahadianm22 4 года назад +2

    can u do it for figma too sir?? it will be great!!

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

    ProtoPie has had this for along time and you can trigger the 3D effect from more than just swiping or tapping.

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

    I tried it and it's really looks cool ❤ + you give me some ideas like the last one I can make it rolling out of the frame instead and that will be amazing.. thanks

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

    Hands down, great content!! That's amazing, but I can't download it.. is the file available yet?

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

    Is there any way to make it using drag

  • @realnotflame
    @realnotflame 2 года назад

    soft is rather complex.. sotNice tutorialngs more than they should be. But you've made a great job explaining it!

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

    In design 2, wouldn't it be easier if we used components. Sorry if this question is stupid, I'm new to adobe xd.

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

    here u got ur subscibtion my friend.

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

    hey man thank u very much!

  • @Vj__-eg6ig
    @Vj__-eg6ig 4 года назад

    Good work bro every tutorial page just put a bgm and then put the video in time lapse you the one who slow and teach clearly thanks a lot bro

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

    🧡

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

    thank you, god xd

  • @krishnamurthi8806
    @krishnamurthi8806 2 года назад

    Can't we group them into components and create different states and make animations in a single artboard rather than creating multiple artboards ?

  • @adeshkhandait
    @adeshkhandait 4 года назад +1

    Hey!!!! How could you do 3d animations with java script

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

    can we do this in figma?

  • @js-swift
    @js-swift 4 года назад

    sir do you give personal coaching please teach me i really want to learn

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

    Thank You ❤

  • @dhritigada7856
    @dhritigada7856 3 года назад +1

    Why did we need to expand the image ("as you stated the parallax")

    • @PunitChawla
      @PunitChawla  3 года назад +1

      That adds a bit of focus to the current expanding card.

    • @dhritigada7856
      @dhritigada7856 3 года назад +1

      @@PunitChawla by current you mean the one in focus at the center or the one that we expanded and when it comes into focus

    • @PunitChawla
      @PunitChawla  3 года назад +1

      @@dhritigada7856 which expands and comes into focus. It’s a technique to add parallax

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

      @@PunitChawla alright thank you!

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

      @@PunitChawla also if you could suggest any UI/UX companies we can look up to for internships as well as jobs would be really helpful

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

    But then after whats the point ?
    Export html "Web Export" seems to not take animations

  • @NikhilSingh-ez1mq
    @NikhilSingh-ez1mq 4 года назад +1

    🔥

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

    xD is a design software ri8?? so after designing ur layouts or UI, can u convert to applications or websites themes directly? or its just a design software? in simple way, do i need android studio or css html to implement your design? or u can directly export ur apps and websites from xd?🤔🤔

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

      There are plugins that enable you to change your designs into code but there's a certain limit to what you can do in a designing and prototyping tool. But u can still spare yourself the trouble of starting from scratch on coding your website

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

      @@abhivads4217 what about apps?🤔🤔

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

      @@cbi369 Not apps also as far as I know.But you can copy the code of your project using anima (plugin mentioned above) and copy the code from it and probably use it in app development softwares.

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

      @@abhivads4217 can u make a detailed video tutorial on this??🤔🤔

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

      @@cbi369 I don't think I can

  • @JohnShaw_
    @JohnShaw_ 4 года назад +2

    Great tutorial, thank you! However, I can't see this update in my CC. I've refreshed for updates but still no joy. Is this officially out yet?

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

    Hi Punit, How do I mask a group of small objects(grouped together) (lets say 10 small rectangles) with a big rectangle? Xd doesn't give option of masking when I group a couple of objects and mask them with a single object. Help! Thankyou in advance. loved your videos!

  • @madhanganiga7407
    @madhanganiga7407 2 года назад

    I'm not gonna say you do or you don't. I'm not a doctor butttttttttttt...... I had a similar problem when trying to learn new tNice tutorialngs and it helped

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

    But is this doable in development?

  • @anushreerane9669
    @anushreerane9669 3 года назад +1

    I can't download xd file can anyone help me out ..

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

    Hello, thank you for your videos, really helpful. I have one question though. How do you get those rounded edges of your artboard? Thank youu

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

      That is not the artboard, that is the mobile shape inside of the artboard, that's why he has to use a mask.

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

    good one
    can you make videos on how to develop these ?

    • @TechnoAsh
      @TechnoAsh 4 года назад +2

      He's not a developer!

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

    Adobe XD file in the description keep closing, I can't download it