How to Mockup UI Animations in After Effects

[@VectWorld]

your teaching process is so clean

[@ForeverDansky]

Thank you 😀

[@alyslim5234]

i love how succinct and happy you sound when teaching us the tutorial 😆thank you for this!

[@ForeverDansky]

You're so welcome Alys! Thank you :)

[@rafsunjany5048]

Bro i love you. You are the inspiration of mine.

[@ForeverDansky]

Thanks Rafsun! Try my best to be as helpful as possible 🙂

[@rafsunjany5048]

Thanks. You are the Best 🎖🎖🎖

[@ArjunCool]

Thank you for your complete and comprehensive training. Very good!

[@cristinagran5398]

You just keep saving my work life :)) genius

[@ForeverDansky]

Happy to help Cristina!

[@issubrata]

The best of tutorial, thank you so much bro. You're great!

[@namanbisht975]

Please show the output in starting so we can see it

[@ubaidnafees7149]

Damn.. thats a sick machine with overkill specs XD... Awesome informative video right there Dan.. would love to try that out

[@VectWorld]

Best teacher ever🥰

[@funnyedon9276]

Wow, create more videos about AE, please! Thx

[@ForeverDansky]

Glad you liked it thanks!

[@Somalivocal]

great for beginners , thank you so much

[@ForeverDansky]

Glad it was helpful!

[@TECHHOUSEBD]

*Awesome UI Animations*

[@paulooliveira2242]

Thanks!

[@ForeverDansky]

No problem Paulo!

[@srinivasnahak3473]

You're the best!!

[@MiccoliOfficial]

Wonderful video. Thank you for sharing, Dansky. Much Love Miccoli

[@Always_help_when_you_can]

Thanks Dansky for a great video !!!

[@milasegal5596]

Thank you for the good tutorial and opened project files👍👍👍

[@elvandogan230]

Please more after effects tutorials 🙏🙏🙏❤️

[@abbyadamski4915]

I have loved my MSI but it truly is HUGE

[@constantinosschinas4503]

7:10 you could use/show the right click > time reverse keyframes ;)

[@sojeongsim1562]

Clear explanation! Thank you!

[@ethicalgod7689]

after i finish my project, i am going to make my app great! Thanks for the info! subbed....

[@AniasSPOT]

Nice tutorial! Many thanks

[@mohammadmirzae7782]

you are the best thank u !

[@ForeverDansky]

🙏😊

[@TRIPTOUR]

dansky rules !

[@ForeverDansky]

Thanks Laurita!

[@LovechandShrestha]

Explained very nicely! Thanks bro!

[@AlexJenkins]

A graphic/animator not using Apple? Subscribed!

[@SpaD389]

I love this video. I look forward to more content!

[@ArtScouts]

great and simple tutorial

[@VectWorld]

Best video

[@yogeshmech4950]

Nice work 👍

[@yap7265]

Very helpfull!

[@enriqueruiz320]

Justo lo que estaba buscando XD

[@RakibHasan-op7jd]

owaWW new set. totally surprised

[@KonstantinF90]

Hey Dansky, great Video! Is it possible to bring animations made in AE back to XD?

[@gilangsegarabening4177]

WOW! Thanks, you're best

[@AnatolyKhalizev]

Very useful!

[@mahinchowdhury9007]

very helpful video

[@tamarushka]

Very good, thank you

[@1deplatt]

I think having the screens in a device is a little old-school these days, probably because the devices are evolving so fast. I’m see a lot of rounded rectangles with a drop shadow instead.

[@hackzbhavin]

Very good an informative please bring a more information like please explain how to create assets and all and using thanks

[@coobamedia2757]

nice video buddy..

[@zakariaabdi8571]

Thank you So much

[@avalionbeats62]

Lionel Messi making motion graphics tutorials :)

[@ForeverDansky]

Haha 😂👏

[@talktomekhuluma129]

loooooool

[@haziqazman8381]

I love this. Thank you

[@ForeverDansky]

You're welcome Haziq - glad it was helpful 😊

[@MWADSK]

Ayo Dansky, can you tell me how you animate titles with the parameters of your computer? This looks sick!

[@siddharthpandey8516]

Great video...the mockup is amazing!! Is there a tutorial on how to create this? and more tutorials on mockups?

[@denizcanylmaz3747]

Isn't this guy looks like Corey Taylor ?

[@ForeverDansky]

Aha, I'll take that! 😋

[@jordandesigns5797]

Hey! I would love to see a tutorial with Figma’s new amazing auto animate!!! I love your videos I’m trying to upgrade my current design job and have been using your videos to invest in myself!

[@akshanshdeva1989]

Thank for this great tutorial !! Can you also tell us about how to create these devices from images with transparency? I'm struggling with devices with rounded mockups.

[@zbellagio]

hi dansky, thanks for this tutorial! i have a question: in wich format you export your xd file to put into after effect? i'm trying to make a mockup for one of my works. regards from argentina :)

[@gabrielleseok9445]

I have the same question! I see that my exports seem to be flat PNGs.

[@shikharkumarr]

Loved this tutorial, but can anyone help me on how do I make such animations in Android Studio

[@stu_dio]

Great vid! Thanks Danksy. Would love to know how to create the mock-up ready so it masks the artwork when brought into the device.

[@ameraibrahim9535]

Hi Dansky! I would like to tell you that the download file does not match the tutorial like the assets are all in composition type. Please do re upload the download file. Thank you. :D

[@muhammadnawaz727]

how to make domo video for my web or mobile app in after effect?

[@idontneedname179]

Ed sheeran knows GFX too 😂😂

[@DennisLam]

Thanks Dansky for this excellent video. I would love to see more of the AE tutorial vids like this. By the way, what is the brand name of the big black microphone you are using in this video? It looks so nice, must be a good one.

[@MrSpud]

Shure SM7B

[@konradosmolski9300]

Hi Dansky, love your videos, you helped me a lot! I just would like to know what kind of software you use to record your tuts ;) Cheers!

[@timothy790110]

god damn it, so should i use after effects or adobe xd to do a mockup? orandroid studio? or figma? there are so many options, im going nuts! I have experience with PS and illustrator.

[@mariaramy2587]

cant you just do the animation in xd and mock the whole video into the phone ?

[@emiliolopez9304]

What format do you have to export in to implement the animation into the app

[@rakibmazumder8867]

How can i make intro like dansky intro

[@tashiramusic]

🔥🔥🔥

[@iamnoob3850]

how to be more creative ????

[@masadamsahid]

buy p65!

[@user-pg3yg7id1z]

can i use file from photoshop into ae?

[@ishaan9597]

me watching this on msi pulse rtx 4070

[@yasin_uyghur]

Thank you .👏🏻👏🏻👏🏻 What is your microphone model ?

[@MakerJake101]

Super duper late but it’s a Shure SM7B

[@raba650]

I’m not doing web design but web development but I still have to deal with design either way.Does the 3D mobile phone you use have a name? What name should I use to search for it? I’m talking about the 3D phone that’s holding the 2D UI design. And lastly, which apps would have a 3D mobile phone? I’m gonna try to use one called justinmind but we’ll see if it has a 3D phone layout. Thanks.

[@waltermirkss35]

Yeah but how do you remove the gray background from the mockup though? To replace it with a color of your choice.

[@patmalloleiva3344]

Mask it out

[@yatharthachaudhary2734]

I cannot open it in windows

[@swearsinspanish1092]

How to export your art board into ae tho?

[@sabeelshaikh3759]

can anybody hear the fan?

[@Vromvrom01]

Wallpaper please

[@CGRcreativity]

I have a problem in after effects, Adding a video of 3 minutes i can work only on 45s and after it is looping , can you help me to use all the time of my video thanks in advance CGR

[@adyanknx]

Use a lower resolution(preview resolution) or get more ram, you can also scale the comp down and scale it up later

[@dunno1114]

Can you help me?

[@screamingpixels9163]

Instead of an advertising it will be BETTER if you show a final result what we going to learn at the beginning of the video. Why I should watch the full video without understanding what we going to learn?

[@PWNY]

Which Cam ist that?

[@Baba-so6fh]

How does it go from this animation into an actual mobile phone app?

[@dontshareplease]

with development

[@Baba-so6fh]

@@dontshareplease CSS?

[@dontshareplease]

@@Baba-so6fh no, css is only styling of html elements, you need to go for something else, i like ionic, framework which works with html css and javascript and with cordova you can build it to native app

[@user-xi7nx9nz8h]

I want to study, but I can't because of the language barrier. Sadly ...

[@djchalitas4305]

llegue por NUVA gracias

[@Doritoboy200live]

What phone is it

[@ForeverDansky]

Matthew Holder It’s an iPhone, possibly the 11 off the top of my head 👊

[@Doritoboy200live]

@@ForeverDansky Thank you

[@NIGHTLUV27]

My God, I recognize that noisy devil Msi fan, its so annoiyng... Thank you for the tut.

[@ForeverDansky]

It's likely the fan from my dome-shaped studio light you can hear 😉

[@maxwax10]

Just a laptop promotion nothing else . 1. Ddn show how to import file in AE 2. Very simple animation any one could save his/her time and would do a prototyping in XD.

[@jordandesigns5797]

DEEPANSHU BHASKER In xD go to file>import>after effects.

[@ForeverDansky]

There's many different ways to import into After Effects. From XD it's as simple as the steps Kramez has outlined. Adobe XD is great for auto-animation, and this tutorial is is for anyone looking to gain more control over how their animation looks, with it also being mocked up on a device 😉

[@maxwax10]

@@ForeverDansky I have learnt many many things dansky , I hope you will keep continuing making in-dept tutorials

[@kimonmarsellos2347]

yeet 1st

[@korujaa]

Wrong way to do, you dont have ANY freedom to move mobile, do you need to animate screen in AE then render a seq after that you do a complete animation in 3D software.

[@vyacheslavazarenko2535]

It really looks like Russian flag.

[@nicolahaffmans9916]

The blatant hardware advertising throughout this vid is so annoying

[@sharpirro]

I think that helps to make sure u get free content. Dude put his time appreciate that at least

[@huzafah_]

That actually is so bad...