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

แชร์
ฝัง

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

  • @elainewang3605
    @elainewang3605 3 ปีที่แล้ว +49

    The 3D transform is breathing life into me.

  • @밍끼쓰
    @밍끼쓰 3 ปีที่แล้ว +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 .

  • @ashishgarg9038
    @ashishgarg9038 9 หลายเดือนก่อน

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

  • @evm6177
    @evm6177 3 ปีที่แล้ว +1

    Now this is SO COOL !! 🍷🕶

  • @anushreerane9669
    @anushreerane9669 3 ปีที่แล้ว +1

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

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

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

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

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

  • @sachabuttet
    @sachabuttet 3 ปีที่แล้ว +1

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

  • @tinnne9848
    @tinnne9848 3 ปีที่แล้ว +1

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

  • @Seeewithme
    @Seeewithme 3 ปีที่แล้ว +1

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

  • @abhivads4217
    @abhivads4217 3 ปีที่แล้ว +10

    Adobe xd still doesn't have good color transition

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

      So what program do you recommend?

    • @abhivads4217
      @abhivads4217 3 ปีที่แล้ว +1

      @@danishchief1078 Figma has better color transitions and adobe xd has better shape transition which figma doesn't have so i use both
      Figma is a UI/UX design and prototype tool

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

    i love your teaching tone! Keep it up

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

    Great

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

    amazing tutorial

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

    Superb👌👌👌 thank you sir

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

    Adobe XD link is not working

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

    This is great.Thank you

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

    Thank you so much.👍 brother

  • @33Sh4NNN
    @33Sh4NNN 3 ปีที่แล้ว

    AMAZING

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

    wow , that's great . thanks

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

    Thank you got it done

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

    thank you for the video

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

    so cool

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

    thank you, god xd

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

    Gooood

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

    here u got ur subscibtion my friend.

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

    So, if its tutorial from indian for other indians, why not do your lessons on Hindi?)

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

    compress it

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

    What is the big deal ?

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

    Hhttt

  • @renjithrv6585
    @renjithrv6585 3 ปีที่แล้ว +1

    Great

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

    This is great.Thank you

  • @TuneAddikt
    @TuneAddikt 3 ปีที่แล้ว +5

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

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

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

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

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

  • @tabimohamedriad3524
    @tabimohamedriad3524 3 ปีที่แล้ว +1

    hello sir i just subscribed to you channel, pleaaase tell me how you create you intro 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

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

    can i do tNice tutorials with the trial version?

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

    Was waiting for this video🤞⚡

  • @adeshkhandait
    @adeshkhandait 3 ปีที่แล้ว +1

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

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

    From where you get this 3d human illustration

  • @Kollegah9997
    @Kollegah9997 3 ปีที่แล้ว +5

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

  • @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....................

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

    how would you insert a half note in the channel rack

  • @JohnShaw_
    @JohnShaw_ 3 ปีที่แล้ว +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?

  • @igormk38
    @igormk38 3 ปีที่แล้ว +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 3 ปีที่แล้ว

      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 2 ปีที่แล้ว

      Live and let live man

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

    Is there any way to make it using drag

  • @AnirudhIsOnline
    @AnirudhIsOnline 3 ปีที่แล้ว +1

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

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

    lol look at tNice tutorials dude

  • @mahmoudsalem1654
    @mahmoudsalem1654 8 หลายเดือนก่อน

    This is amazing 👌🏾👌🏾🔥

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

    Can you do this in figma tho?

  • @borisbasque814
    @borisbasque814 3 ปีที่แล้ว +1

    Life saver dude! Thank you

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

    Thank you😭❤️‍🔥

  •  ปีที่แล้ว

    👋👋👋Sick

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

    minutes, and then delete it

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

    awesome video!

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

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

  • @oliverona9893
    @oliverona9893 3 ปีที่แล้ว +1

    Thank you! great tutorial.

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

    really cool!

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

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

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

    hey, cool

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

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

  • @21travelling73
    @21travelling73 9 หลายเดือนก่อน

    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?

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

    👍👍👍

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

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

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

    🧡

  • @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 ❤️

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

    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!

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

    hi the XD file link is not working any solutions?

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

    WOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOW 2021

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

    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

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

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

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

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

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

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

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

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

  • @NikhilSingh-ez1mq
    @NikhilSingh-ez1mq 3 ปีที่แล้ว +1

    🔥

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

    This is the best free software Ive seen. Respect.

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

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

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

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

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

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

  • @js-swift
    @js-swift 3 ปีที่แล้ว

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

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

    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!

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

    informative video good sir, Gracias

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

    Great Tutorial. Instant Follow.

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

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

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

    i am gonna use this on my app homepage

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

    sa

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

    this is soooooooo amazing brother

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

    Thank you, It’s useful.

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

    But is this doable in development?

  • @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

  • @4988raja
    @4988raja 2 ปีที่แล้ว

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

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

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

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

    can we do this in figma?

  • @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

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

    wow imazing 👌🏻👌🏻💙💙

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

    Terrific 😍😍😍🔥

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

    U are awesome sir 🤗🤗🤗

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

    hey man thank u very much!