Тёмный

Adobe XD - Water animation in 6 minutes. 

The creative technologist
Подписаться 10 тыс.
Просмотров 702 тыс.
50% 1

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

 

21 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 513   
@OK-ed4cm
@OK-ed4cm 4 года назад
For a beginner Adobe XD user who literally started to play with it today, this is AMAZING...
@rishabhbhaumik
@rishabhbhaumik 4 года назад
This introduces a lot of tricks in Adobe XD that I had no idea about, very interesting! Please do more 💪🏼
@giannimelilli6752
@giannimelilli6752 2 года назад
With your videos my learning curve will shrink drastically. Thank you.
@kollegah1808
@kollegah1808 4 года назад
dude, you should make more of these videos. If you have fun doing them of course. I checked your channel and this is by far the most watched video. There's a lot of demand for adobe tutorials.
@noahwoodland1592
@noahwoodland1592 3 года назад
yes
@pascalqueru
@pascalqueru 5 лет назад
illustrator and after effects are easy for me but I don’t anderstand XD. Your tuto is clear. It helps me so much. Thanks
@zevaz3905
@zevaz3905 Год назад
For a beginner Adobe XD user who literally started to play with it today, this is AMAZING...Awesome work! Looked like something only possible with AE or Cinema 4D! Well presented and explained. Nice Work! Could you also work out a mountain scene where the contours 'draw themselves" while a lettering gets faded in? I am working on a website loading screen and have no experience in such things. In which data formats can you save your work? Amazing! even for someone not in this domain, i find this tutorial quite helpful!
@bryceatuquayfio5610
@bryceatuquayfio5610 Год назад
I agree! This is such an amazing video for a beginner Adobe XD user who literally started to play with it today, this is AMAZING...Awesome work! Looked like something only possible with AE or Cinema 4D! Well presented and explained. Nice Work! Could you also work out a mountain scene where the contours 'draw themselves" while a lettering gets faded in? I am working on a website loading screen and have no experience in such things. In which data formats can you save your work? Amazing! even for someone not in this domain, i find this tutorial quite helpful!
@BaryalAhmad-r4t
@BaryalAhmad-r4t Год назад
bitch i aint reading allat @@bryceatuquayfio5610
@masonrivera3010
@masonrivera3010 Год назад
I agree! This is such an amazing video for a beginner Adobe XD user who literally started to play with it today, this is AMAZING...Awesome work! Looked like something only possible with AE or Cinema 4D! Well presented and explained. Nice Work! Could you also work out a mountain scene where the contours 'draw themselves" while a lettering gets faded in? I am working on a website loading screen and have no experience in such things. In which data formats can you save your work? Amazing! even for someone not in this domain, i find this tutorial quite helpful!
@laxmimanandhar5109
@laxmimanandhar5109 4 года назад
I completed this in Powerpoint + added one more thing- the ball cracking and rolling out in the end 😌 thank you for the inspiration! Love your videos!! I don't know how to use Ai or Ae 😔
@imvaibhav2418
@imvaibhav2418 3 года назад
This is adobe xd.
@noahwoodland1592
@noahwoodland1592 3 года назад
@@imvaibhav2418 They know that. They are saying they did their postproduction in Powerpoint, strange as that sounds, instead of AE etc because they don't know how to use those tools. Hope this helps.
@YohanaMaia
@YohanaMaia 4 года назад
THANK YOU SOOO MUCH! That's actually the first animation that I did!!
@shannonedelman2073
@shannonedelman2073 5 лет назад
This is real smooth man, mad love for your channel man❤️
@izzy-jd7ft
@izzy-jd7ft 5 лет назад
Bro u a freckin genius. Thanks for making it from scratch. Pure genius. Thanks again.
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
I think I love you
@izzy-jd7ft
@izzy-jd7ft 5 лет назад
Love you too brah.pls make more XD vids.
@221B-BakerStreet
@221B-BakerStreet 5 лет назад
gay
@xharoldgg72
@xharoldgg72 2 года назад
This is the best free software Ive seen. Respect.
@kayday1996
@kayday1996 4 года назад
i had no idea you could make animations in XD. so many new opportunities.. thanks for the lesson!
@Zamarae
@Zamarae 4 года назад
It's so pleasing to look at, I just clicked on this to watch it animate haha
@NAWAB-STUDIO-144
@NAWAB-STUDIO-144 2 года назад
Your tutorial videos are amazing. I decided to go back to creating soft after 16 years. soft soft is so easy to get into, but also offers
@Utkarsh2811
@Utkarsh2811 4 года назад
And oh yeah, you should DEFINITELY make more of these!
@ezequielbento9866
@ezequielbento9866 2 года назад
Don't give up mate, that was my first day to use soft soft and i will work on it for a long ti!
@estersotelo452
@estersotelo452 5 лет назад
I thought it wasn't going to be that easy, wow 😮
@gilelnekave
@gilelnekave 5 лет назад
Thanks :)
@berkgol1533
@berkgol1533 2 года назад
Great tips!! I'll def check out more of your videos. Just started writing and making soft. I feel soft softs will help get to the next
@saranda272
@saranda272 Год назад
I really enjoyed this! Simple. I'm going to try it out for a few different ideas, shapes, etc. Thanks 🚀
@Scott_C
@Scott_C 5 лет назад
Very nice, simple elegant. The concepts can be applied to other objects than waves to get this moving effect.
@Scott_C
@Scott_C 5 лет назад
Favorite part of this was how short and simple it was.
@lusialwiindi877
@lusialwiindi877 4 года назад
Awesome work! Looked like something only possible with AE or Cinema 4D! Well presented and explained.
@TK-lt1vd
@TK-lt1vd 4 года назад
Thank you! This was great! This was the first time I have used Adobe XD and thanks to your tutorial it was super easy!!! Looking forward to more content
@SuperKazekageSama
@SuperKazekageSama 5 лет назад
Amazing! even for someone not in this domain, i find this tutorial quite helpful!
@AdvaitaJogalekaraddujoga
@AdvaitaJogalekaraddujoga 4 года назад
Please make more of these!! This was super fun for me to make as well!
@thecreativetechnologist3840
@thecreativetechnologist3840 4 года назад
Thanks! Appreciate the comment.
@karan.k
@karan.k 5 лет назад
You should do more of these!!! I love adobe XD. You could teach me how to use it on an advanced level! Cheers 👍
@vishalchander6157
@vishalchander6157 3 года назад
Thank you Creative Technologist, I just designed same water animation in Adobe XD, with your Tutorial instruction. I love this. thank you so much for this amazing explanation.
@maacdesmond
@maacdesmond 5 лет назад
absolutely amazing in 6 minutes, need more classes from you. love yaaaa.
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
Love and peace my friend!
@hodl5328
@hodl5328 5 лет назад
Loved this trick. Looking forward for more.
@noeladams521
@noeladams521 5 лет назад
Amazing, please keep doing more!
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
Thanks!
@peterdelaney1946
@peterdelaney1946 4 года назад
Wow. Skills. I'm 2 months into my journey with XD
@naxzed_it
@naxzed_it 4 года назад
xD
@nuwanfonseka6086
@nuwanfonseka6086 2 года назад
Thank you for explaining this thoroughly!
@deanxwhite
@deanxwhite 4 года назад
What format does this export into?
@Ali_b1009
@Ali_b1009 3 года назад
This worked so well! I skipped a few steps and had to redo everything, I learnt my lesson! Thank you! :)
@thecreativetechnologist3840
@thecreativetechnologist3840 3 года назад
True, Skipping a step here does not work well
@Ali_b1009
@Ali_b1009 3 года назад
@@thecreativetechnologist3840 Mine still has a slight glitch but it's okay for a first try!
@Ibibiofame
@Ibibiofame 2 года назад
@@Ali_b1009 lol omg i too skipped the last steps he did before the prototype and i had no idea why i didn't get the animate effect until i went back and followed his exact steps!!! winging it don't cut it here :)
@shawn1646
@shawn1646 5 лет назад
Wow this surprised me, I actually learned a couple of new things :o
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
So great to hear mate
@alexzhu4867
@alexzhu4867 2 года назад
What an angel! You save my broken head!
@TWspk66
@TWspk66 4 года назад
the water animation is so amausing to watch . thank you !
@juhichoubey4984
@juhichoubey4984 4 года назад
nice video, i would love to see more videos like this
@augodaoaika9667
@augodaoaika9667 5 лет назад
Great video! Please continue making this videos
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
Thinking of my next one
@trooper6697
@trooper6697 5 лет назад
Great Tutorial dude. I'm coming from Sketch and Invision Studio. XD is catching up with animations. Wish they includes timelines and Bodymovin plugin to export to After Effects for mobile animation. Recently hated everyhing about Adobe when they cancelled Flash and Adobe Muse, years of training down the drain, lets hope they don't do it with XD.
@felipefernandes669
@felipefernandes669 4 года назад
Adobe Animate is Flash, they just changed the name.
@3drocket
@3drocket 4 года назад
@@felipefernandes669 I would think that anyone that has years of training with Flash would know that it was renamed Animate.
@anilkutar4460
@anilkutar4460 4 года назад
Sir Is the color gradient highlighted in the opening video??? And and it is a really amazing video👍👍
@ducvinh3318
@ducvinh3318 2 года назад
so cool, so fast. Anyhow, thanks a lot for this tutorial.
@johnnyliu6197
@johnnyliu6197 5 лет назад
Seems easy but require a lot of thoughts, Good Job!
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
Thank you!
@louisb1
@louisb1 4 года назад
You sir have earned a loyal subscriber!
@brijesh6173
@brijesh6173 5 лет назад
Great Work.................................................................
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
Thanks!
@brijesh6173
@brijesh6173 5 лет назад
@@thecreativetechnologist3840 Your Welcome. I can create a website for you if you want. Let me know if you are intrested.
@pandaxlive901
@pandaxlive901 5 лет назад
great work my friend. the only problem is to save this as gif
@oktaytahan2902
@oktaytahan2902 5 лет назад
by one word, awesome.
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
Thanks mate!
@nidothegr8
@nidothegr8 5 лет назад
Very Impressive and Creative...
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
Thank you mate.
@caeroa
@caeroa 5 лет назад
Wow. Thank you so much. I will try to replicate it with gradients, similar to what you showed at the beginning, it looks way nicer:) Just one question, how can I export the animation, I have tried svg but game some weird erros, , I tried after effects to then export it to Lottie but it did not worked, only exported the geometry. I would like to use it as a loading icon but I still haven’t figured it out. Thanks again.
@Gkolbas
@Gkolbas 4 года назад
Carlos Escobar same question.. What is the purpose of xd?? can export as html only via exportkit, as I figured.
@gamerwhiz6847
@gamerwhiz6847 3 года назад
Very cool & well-explained.
@dankle4303
@dankle4303 4 года назад
Nice Work! Could you also work out a mountain scene where the contours 'draw themselves" while a lettering gets faded in? I am working on a website loading screen and have no experience in such things. In which data formats can you save your work?
@ajediguesalah2201
@ajediguesalah2201 2 года назад
good work king, love you
@tiararaihana4779
@tiararaihana4779 2 года назад
I checked - everything is clean
@ashokkumarsaxena7867
@ashokkumarsaxena7867 4 года назад
Very nice and helpful Thanks
@iamtommyok
@iamtommyok 5 лет назад
Awesome tutorial, please do more! great stuff
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
Thank you mate!
@chichebem
@chichebem 5 лет назад
Wow! Really nice video... Quite creative
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
Thanks mate!
@alextraterrestre8145
@alextraterrestre8145 2 года назад
I don't Know where you are from, but you have an amazing English, I've understand very well what you say in this video. (I'm French, and you know we're not realy good in other languages! ^^) So thank's for your accent! Another thank's for this tutorial, I like the design for the bublle and the simplicity of the animation! Good job guy !!! Thank's
@DrDonBoo815
@DrDonBoo815 5 лет назад
Create more! This is one of my fave XD videos!
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
Thanks! Glad to hear
@harshadaaupare
@harshadaaupare 2 года назад
Awesome ! I really loved it. Thank you so much.
@faizanshakeel9884
@faizanshakeel9884 5 лет назад
Yes create more... it's excellent man.. you did a great job...
@daraniemor
@daraniemor 3 года назад
Thanks for this!! I’m gonna give it a try
@rontokarev1
@rontokarev1 4 года назад
תודה אחי אתה מעולה! אשמח למדריכים כאלו בשפה העברית :)
@joseluisvelazquezrodriguez4796
@joseluisvelazquezrodriguez4796 4 года назад
the video was awesome! I hope you make some more like this!! congrats!!
@adrianafavela5462
@adrianafavela5462 Год назад
This is amazing! Thank you!!!!!
@felipefelixsantos
@felipefelixsantos 5 лет назад
Man! That's amazing! Waiting for new tutorial like this! Thanks a lot :)
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
Thank you very much mate!
@ZeroXSigma7
@ZeroXSigma7 2 года назад
@@thecreativetechnologist3840 can you help me ?this orb animation doesnt work for me
@marekszklarz1752
@marekszklarz1752 5 лет назад
Hey! This was really good! Waiting for a next vid with this kind of solutions!
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
Thanks mate!
@amara6088
@amara6088 4 года назад
Hey it is really good and easy to understand thanks buddy
@patchamajongtaweelap8895
@patchamajongtaweelap8895 4 года назад
Thank you so much! This is really helpful and super fun to watch. Hope you made more videos.
@evesims2672
@evesims2672 2 года назад
Thank you for this! Super cool video! A+++
@petersudhir
@petersudhir 4 года назад
Wow. It's beautiful.
@aminaelbekkali6187
@aminaelbekkali6187 2 года назад
thank you for sharing this with us!!!
@learnwithfeynman8323
@learnwithfeynman8323 4 года назад
That's really amazing. 😀😀
@gomad5842
@gomad5842 4 года назад
That was really super fun for me!
@MrIMacro
@MrIMacro 3 года назад
Thanks, but how to export it if XD has only the option to export images.
@nyxarchana2452
@nyxarchana2452 2 года назад
Thanks a lot for this! I did a few mistakes where I had to go back and guess what I did wrong (like water not matching correctly, causing a stutter etc), but I had a lot of fun.
@jesuscaira2191
@jesuscaira2191 2 года назад
That was great. Thank you.
@amitgaikar3115
@amitgaikar3115 4 года назад
Very nice. Love it.
@andre290292
@andre290292 4 года назад
Hey! Thanks for the video. It is super useful. :) I do have one question. if I'm making a prototype and for example, the landing page can be this animation, but if I need to continue to another artboard, how can I do that? Since the first artboard is already attached to the other one to make this animation?
@gaurangnaik850
@gaurangnaik850 4 года назад
I guess you will have to make 2 duplicate copies of your landing page and them attach it together to get the animation on loading
@ZeroXSigma7
@ZeroXSigma7 2 года назад
@@gaurangnaik850 can you help me ?this orb animation doesnt work for me
@francis9561
@francis9561 3 года назад
wonderful video sir I'am expecting more videos like this
@Angela-ll3zi
@Angela-ll3zi 2 года назад
Hello, thank you very much. All the best!
@avakarchuk
@avakarchuk 4 года назад
Pretty cool
@Raham8
@Raham8 2 года назад
nice, this is amazing 👍
@dev_jeongdaeri
@dev_jeongdaeri 4 года назад
awesome!
@debjanichakraborty4846
@debjanichakraborty4846 4 года назад
I like it. It's useful for me....Hope to see more videos from you....
@nadeemnagori3136
@nadeemnagori3136 4 года назад
great work
@mariapiazarauza9818
@mariapiazarauza9818 2 года назад
yo bro, really thankya. Big respect
@VivekKumar-cb8wr
@VivekKumar-cb8wr 5 лет назад
Wow, its awesome
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
thanks!
@wojciechpufund9356
@wojciechpufund9356 2 года назад
thanks for the help it help my every thing i need to install
@iamfemo
@iamfemo 3 года назад
Great video - so can this be exported out to HTML?
@sreeprasath3862
@sreeprasath3862 4 года назад
Thanks... It's working fine easy steps to do it
@Milchenkaa
@Milchenkaa 4 года назад
Yes, please do more!:) it was great!
@namratadwivedi4677
@namratadwivedi4677 3 года назад
OMG... you are god of XD
@priyamshah2928
@priyamshah2928 4 года назад
Hey, Awesome tutorial! Also, I seem to be having a problem - After playing the animation, Im witnessing a glitch every few seconds. What can I do to avoid it?
@thecreativetechnologist3840
@thecreativetechnologist3840 4 года назад
these things are a bit hard to understand without looking at the result., but you can try looking at every step carfully, you might missed a step
@ico6156
@ico6156 5 лет назад
YAAAAS PLEASE DO MORE VIDS LIKE THIS
@thecreativetechnologist3840
@thecreativetechnologist3840 5 лет назад
Thanks mate!
@maliksoft3675
@maliksoft3675 4 года назад
amazing work and thanks for uploading
@PremiumInfantry
@PremiumInfantry 3 года назад
Excellent
@ashliepounds8816
@ashliepounds8816 4 года назад
Really cool! Thank you! How do I resize this to make it smaller, but still keep the function?
@LucasNaruto8107
@LucasNaruto8107 4 года назад
It was like mindblowing to me
@thanzi4148
@thanzi4148 3 года назад
this was lit up.....keep them coming
@ghoshbabus7226
@ghoshbabus7226 4 года назад
It's cool ... Sir 🙂🙏❤️🇮🇳
@SerosJoker
@SerosJoker 4 года назад
This is wonderful :) GOOD JOB
@thecreativetechnologist3840
@thecreativetechnologist3840 4 года назад
Thanks mate!
@ricardopoa
@ricardopoa 3 года назад
Thanks for the tutorial
Далее
Auto-Animate a Circular Progress Bar in Adobe XD
7:07
Просмотров 170 тыс.
What’s your height?🩷🙀💚
00:59
Просмотров 4,2 млн
Наши дети захватили кухню!
00:59
Просмотров 303 тыс.
Adobe XD Multiple Interactions Prototype Tutorial
11:02
Parallax Animation in Adobe XD
7:08
Просмотров 114 тыс.
The Secret Science of Perfect Spacing
9:40
Просмотров 446 тыс.
Adobe XD Animation Tutorial
19:01
Просмотров 70 тыс.
All 60+ Adobe apps explained in 9 minutes
10:20
Просмотров 915 тыс.
Auto-Animate Like a Pro in Adobe XD
19:23
Просмотров 512 тыс.
Multi-Level Nested Dropdown Menus in Adobe XD
15:06
Просмотров 85 тыс.
How I make UI color palettes
8:51
Просмотров 424 тыс.