Тёмный

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

Punit Chawla
Подписаться 155 тыс.
Просмотров 140 тыс.
50% 1

Опубликовано:

 

21 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 140   
@elainewang3605
@elainewang3605 4 года назад
The 3D transform is breathing life into me.
@asaduzzamanasad2842
@asaduzzamanasad2842 2 года назад
This is the best free software Ive seen. Respect.
@밍끼쓰
@밍끼쓰 4 года назад
I'm korean student.. thank you I love your video!!!
@LUXXY_vi
@LUXXY_vi 3 года назад
Thank you very much sir you are one of the best designer i've seen .
@Kollegah9997
@Kollegah9997 3 года назад
Love how Designers think that those animations will run as smooth as here on an Android 6 Device
@21travelling73
@21travelling73 10 месяцев назад
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?
@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 года назад
Now this is SO COOL !! 🍷🕶
@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 ?
@TuneAddikt
@TuneAddikt 4 года назад
Great tutorial and content dude. Really nice to see the new features being used like this.
@jhasani79
@jhasani79 3 года назад
@Punit Chawla that was awesome. Keep up the great work.
@MsDaggers
@MsDaggers 2 года назад
loved it..!! no bullshit and straight to the point.....we need more of these...
@4988raja
@4988raja 2 года назад
Punit you are so good with tutorials!! love them ya!
@borisbasque814
@borisbasque814 3 года назад
Life saver dude! Thank you
@gamingbgmi34
@gamingbgmi34 2 года назад
Excellent video. Clearly explained all the basics to get started on soft soft. Thanks
@Cricketversehd
@Cricketversehd 2 года назад
Superb👌👌👌 thank you sir
@pranitkharat621
@pranitkharat621 2 года назад
i am gonna use this on my app homepage
@vibejays
@vibejays 3 года назад
Thank you... this video help a lot in learning some very useful tips... from Buenos Aires... Argentina
@tabimohamedriad3524
@tabimohamedriad3524 3 года назад
hello sir i just subscribed to you channel, pleaaase tell me how you create you intro videos
@sellomogano3986
@sellomogano3986 2 года назад
informative video good sir, Gracias
@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.
@AnirudhIsOnline
@AnirudhIsOnline 3 года назад
Nice feature 👍. Waiting for what the community comes up with 😀. Good tutorial 👌.
@ogfightclub316
@ogfightclub316 2 года назад
Great Tutorial. Instant Follow.
@sachabuttet
@sachabuttet 3 года назад
thanks man I've been looking for a good 3d animation tutorial on adobe xd !
@_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
@augustynstudios2984
@augustynstudios2984 3 года назад
i love your teaching tone! Keep it up
@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!
@oliverona9893
@oliverona9893 3 года назад
Thank you! great tutorial.
@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!
@mahmoudsalem1654
@mahmoudsalem1654 9 месяцев назад
This is amazing 👌🏾👌🏾🔥
@alexandraioana1894
@alexandraioana1894 3 года назад
Hello, how can you make the trigger button stop moving? thanks for your attention. I'm looking forward to your reply.
@tinnne9848
@tinnne9848 3 года назад
thank you so much for the tutorial! hope I can see the figma ver. of this in the future 🥺
@shubhamsingh6639
@shubhamsingh6639 3 года назад
Can you make more videos on different types of carousel used in e-commerce stores.
@Seeewithme
@Seeewithme 4 года назад
this was so helpful. Will definitely practice it myself. Thanks for sharing.
@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 ❤️
@TalinWadsworth
@TalinWadsworth 4 года назад
So good Punit! Keep up the great work.
@ravisurya6654
@ravisurya6654 3 года назад
this is soooooooo amazing brother
@nehajoshi6186
@nehajoshi6186 2 года назад
From where you get this 3d human illustration
@amrelattar5297
@amrelattar5297 3 года назад
This is great.Thank you
@yuzhao5883
@yuzhao5883 3 года назад
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....................
@shadesigns8304
@shadesigns8304 2 года назад
amazing tutorial
@panatdamanu9523
@panatdamanu9523 3 года назад
Thank you, It’s useful.
@lamiahamdan0
@lamiahamdan0 2 года назад
Thank you😭❤️‍🔥
@crossdelaine4019
@crossdelaine4019 3 года назад
amazingly presented.
@cardozonline
@cardozonline 3 года назад
Thank you for share all this knowledge. Keep doing it. New subscriber!
@bijumuthukattu3997
@bijumuthukattu3997 3 года назад
Thank you so much.👍 brother
@NatanaelGarcia
@NatanaelGarcia 3 года назад
Brooo you're a master! 💪🏼💪🏼💪🏼💪🏼💪🏼
@TechnoAsh
@TechnoAsh 4 года назад
Was waiting for this video🤞⚡
@betoinbeta
@betoinbeta 4 года назад
ProtoPie has had this for along time and you can trigger the 3D effect from more than just swiping or tapping.
@Kaizomcdamat
@Kaizomcdamat 2 года назад
how would you insert a half note in the channel rack
@igormk38
@igormk38 4 года назад
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 года назад
nice .. AMAZING .. ya sounds about right mate, i'll just leave it AS IS.. Yup~! 🕶🍷
@Whatshappeningtome
@Whatshappeningtome 2 года назад
Live and let live man
@felipecoghi3496
@felipecoghi3496 3 года назад
Hands down, great content!! That's amazing, but I can't download it.. is the file available 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!
@shaikhfeejan1599
@shaikhfeejan1599 2 года назад
Is there any way to make it using drag
@Rahadianm22
@Rahadianm22 4 года назад
can u do it for figma too sir?? it will be great!!
@adeshkhandait
@adeshkhandait 3 года назад
Hey!!!! How could you do 3d animations with java script
@DaHoodJnx
@DaHoodJnx 2 года назад
can i do tNice tutorials with the trial version?
@renjithrv6585
@renjithrv6585 4 года назад
Great
@dinguuuus
@dinguuuus 2 года назад
Can you do this in figma tho?
@wharg7468
@wharg7468 3 года назад
But then after whats the point ? Export html "Web Export" seems to not take animations
@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
@tusharsalunke2115
@tusharsalunke2115 3 года назад
Thank you got it done
@JohnShaw_
@JohnShaw_ 4 года назад
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?
@renjithrv6585
@renjithrv6585 4 года назад
Yeah it is already live
@realnotflame
@realnotflame 2 года назад
soft is rather complex.. sotNice tutorialngs more than they should be. But you've made a great job explaining it!
@portalpazificotumaco6997
@portalpazificotumaco6997 2 года назад
really cool!
@morganwatts5113
@morganwatts5113 Год назад
awesome video!
@behnazizadyar5883
@behnazizadyar5883 4 года назад
wow , that's great . thanks
@zahraouiabderrazak8633
@zahraouiabderrazak8633 3 года назад
WOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOW 2021
@tramesh3educo
@tramesh3educo 3 года назад
thank you for the video
@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
@anushreerane9669
@anushreerane9669 3 года назад
I can't download xd file can anyone help me out ..
@samalexander3986
@samalexander3986 3 года назад
can we do this in figma?
@cbi0369
@cbi0369 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
@cbi0369
@cbi0369 4 года назад
@@abhivads4217 what about apps?🤔🤔
@abhivads4217
@abhivads4217 4 года назад
@@cbi0369 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.
@cbi0369
@cbi0369 4 года назад
@@abhivads4217 can u make a detailed video tutorial on this??🤔🤔
@abhivads4217
@abhivads4217 4 года назад
@@cbi0369 I don't think I can
@rohithkumar6682
@rohithkumar6682 4 года назад
U are awesome sir 🤗🤗🤗
@uxbrendanthatcher2498
@uxbrendanthatcher2498 3 года назад
Fantastic tutorial!
@umidjonsharifov1676
@umidjonsharifov1676 3 года назад
hey man thank u very much!
@dhritigada7856
@dhritigada7856 3 года назад
Why did we need to expand the image ("as you stated the parallax")
@PunitChawla
@PunitChawla 3 года назад
That adds a bit of focus to the current expanding card.
@dhritigada7856
@dhritigada7856 3 года назад
@@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 года назад
@@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
@vasudevddn98
@vasudevddn98 4 года назад
Thanks for posting this
@js-swift
@js-swift 4 года назад
sir do you give personal coaching please teach me i really want to learn
@ramalsrougi
@ramalsrougi 3 года назад
Terrific 😍😍😍🔥
@davidfitcher2953
@davidfitcher2953 4 года назад
But is this doable in development?
@33Sh4NNN
@33Sh4NNN 3 года назад
AMAZING
@m_aryaei
@m_aryaei 4 года назад
Thank You ❤
@anastasiayun6923
@anastasiayun6923 3 года назад
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 3 года назад
That is not the artboard, that is the mobile shape inside of the artboard, that's why he has to use a mask.
@marceldraeger883
@marceldraeger883 4 года назад
nice video again! i love it!
@hibatullah5684
@hibatullah5684 3 года назад
wow imazing 👌🏻👌🏻💙💙
@metinaydn2064
@metinaydn2064 3 года назад
here u got ur subscibtion my friend.
@Kingofking45
@Kingofking45 3 года назад
Adobe XD file in the description keep closing, I can't download it
@slaviczakharov2
@slaviczakharov2 2 года назад
awesome!
@cooldude87ish
@cooldude87ish 2 года назад
hey, cool
@ZeelS
@ZeelS 3 года назад
hi the XD file link is not working any solutions?
@minfeng4283
@minfeng4283 4 года назад
so cool
@FaysalKhandhaka
@FaysalKhandhaka 4 года назад
Owwoo.. Supervvvv...
@radiant254
@radiant254 3 года назад
thank you, god xd
@Kashyap__
@Kashyap__ 4 года назад
Hi guys, is there any discord group (or any other platform) where we can share our doubts in xd and get quick solutions.
@CaitlynBurkenyc
@CaitlynBurkenyc 3 года назад
discord.com/invite/adobexd
@abhivads4217
@abhivads4217 4 года назад
Adobe xd still doesn't have good color transition
@danishchief1078
@danishchief1078 4 года назад
So what program do you recommend?
@abhivads4217
@abhivads4217 4 года назад
@@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
@siddhanthada1173
@siddhanthada1173 4 года назад
that was dope
@bilvikakasturi5007
@bilvikakasturi5007 2 года назад
Adobe XD link is not working
@MACH_SDQ
@MACH_SDQ 4 года назад
Gooood
@sahilshetty973
@sahilshetty973 3 года назад
👍👍👍
Далее
Adobe XD - Water animation in 6 minutes.
7:10
Просмотров 702 тыс.
Шоколад приходит на Землю.
00:23
Просмотров 185 тыс.
I tricked MrBeast into giving me his channel
00:58
Просмотров 3,5 млн
3D Transforms in Adobe XD
5:22
Просмотров 111 тыс.
Create 3D Ice Text With Dimension & Photoshop!
19:43
Просмотров 256 тыс.
Adobe XD Multiple Interactions Prototype Tutorial
11:02
Auto-Animate a Circular Progress Bar in Adobe XD
7:07
Просмотров 170 тыс.
I redesigned YOUR websites
20:44
Просмотров 54 тыс.
Animation Tutorial ala Gif / Video in Adobe XD
36:38
Просмотров 104 тыс.
Multi-Level Nested Dropdown Menus in Adobe XD
15:06
Просмотров 85 тыс.