How to Mockup UI Animations in After Effects

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ส.ค. 2024

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

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

    your teaching process is so clean

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

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

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

      You're so welcome Alys! Thank you :)

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

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

  • @funnyedon9276
    @funnyedon9276 4 ปีที่แล้ว +59

    Wow, create more videos about AE, please! Thx

  • @issubrata
    @issubrata 4 ปีที่แล้ว +4

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

  • @namanbisht975
    @namanbisht975 4 ปีที่แล้ว +9

    Please show the output in starting so we can see it

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

    You just keep saving my work life :)) genius

  • @ubaidnafees7149
    @ubaidnafees7149 4 ปีที่แล้ว +3

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

  • @TECHHOUSEBD
    @TECHHOUSEBD 4 ปีที่แล้ว

    *Awesome UI Animations*

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

    Best teacher ever🥰

  • @rafsunjany5048
    @rafsunjany5048 4 ปีที่แล้ว +26

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

    • @ForeverDansky
      @ForeverDansky  4 ปีที่แล้ว +4

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

    • @rafsunjany5048
      @rafsunjany5048 4 ปีที่แล้ว +2

      Thanks. You are the Best 🎖🎖🎖

  • @TRIPTOUR
    @TRIPTOUR 4 ปีที่แล้ว +1

    dansky rules !

  • @Always_help_when_you_can
    @Always_help_when_you_can 4 ปีที่แล้ว

    Thanks Dansky for a great video !!!

  • @MiccoliOfficial
    @MiccoliOfficial 4 ปีที่แล้ว +1

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

  • @abbyadamski4915
    @abbyadamski4915 4 ปีที่แล้ว

    I have loved my MSI but it truly is HUGE

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

    great for beginners , thank you so much

  • @AlexJenkins
    @AlexJenkins 4 ปีที่แล้ว +11

    A graphic/animator not using Apple? Subscribed!

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

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

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

    You're the best!!

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

    Clear explanation! Thank you!

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

    Please more after effects tutorials 🙏🙏🙏❤️

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

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

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

    Thanks!

  • @AniasSPOT
    @AniasSPOT 4 ปีที่แล้ว

    Nice tutorial! Many thanks

  • @LovechandShrestha
    @LovechandShrestha 4 ปีที่แล้ว

    Explained very nicely! Thanks bro!

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

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

  • @KonstantinF90
    @KonstantinF90 4 ปีที่แล้ว +8

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

  • @ArtScouts
    @ArtScouts 4 ปีที่แล้ว

    great and simple tutorial

  • @zbellagio
    @zbellagio 4 ปีที่แล้ว +9

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

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

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

    you are the best thank u !

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

    Nice work 👍

  • @SpaD389
    @SpaD389 4 ปีที่แล้ว +2

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

  • @1deplatt
    @1deplatt 4 ปีที่แล้ว +1

    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.

  • @RakibHasan-op7jd
    @RakibHasan-op7jd 3 ปีที่แล้ว

    owaWW new set. totally surprised

  • @gilangsegarabening4177
    @gilangsegarabening4177 4 ปีที่แล้ว

    WOW! Thanks, you're best

  • @AnatolyKhalizev
    @AnatolyKhalizev 4 ปีที่แล้ว

    Very useful!

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

    Very helpfull!

  • @siddharthpandey8516
    @siddharthpandey8516 4 ปีที่แล้ว

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

  • @tamarushka
    @tamarushka 4 ปีที่แล้ว

    Very good, thank you

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

    Best video

  • @avalionbeats62
    @avalionbeats62 4 ปีที่แล้ว +4

    Lionel Messi making motion graphics tutorials :)

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

    very helpful video

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

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

  • @jordandesigns5797
    @jordandesigns5797 4 ปีที่แล้ว +2

    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!

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

    nice video buddy..

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

    🔥🔥🔥

  • @konradosmolski9300
    @konradosmolski9300 4 ปีที่แล้ว

    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!

  • @zakariaabdi8571
    @zakariaabdi8571 4 ปีที่แล้ว

    Thank you So much

  • @DennisLam
    @DennisLam 4 ปีที่แล้ว

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

      Shure SM7B

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

    Justo lo que estaba buscando XD

  • @haziqazman8381
    @haziqazman8381 4 ปีที่แล้ว +1

    I love this. Thank you

    • @ForeverDansky
      @ForeverDansky  4 ปีที่แล้ว +1

      You're welcome Haziq - glad it was helpful 😊

  • @hackzbhavin
    @hackzbhavin 4 ปีที่แล้ว

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

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

    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.

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

    Isn't this guy looks like Corey Taylor ?

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

    Ed sheeran knows GFX too 😂😂

  • @stu_dio
    @stu_dio 4 ปีที่แล้ว +1

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

    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

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

    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.

  • @shikharkumarr
    @shikharkumarr 4 ปีที่แล้ว

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

  • @iamnoob3850
    @iamnoob3850 4 ปีที่แล้ว +3

    how to be more creative ????

  • @yasin_uyghur
    @yasin_uyghur 4 ปีที่แล้ว

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

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

      Super duper late but it’s a Shure SM7B

  • @raba650
    @raba650 4 ปีที่แล้ว

    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.

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

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

  • @CGRcreativity
    @CGRcreativity 4 ปีที่แล้ว +1

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

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

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

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

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

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

  • @ishaan9597
    @ishaan9597 5 หลายเดือนก่อน

    me watching this on msi pulse rtx 4070

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

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

  • @yatharthachaudhary2734
    @yatharthachaudhary2734 4 ปีที่แล้ว

    I cannot open it in windows

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

    How can i make intro like dansky intro

  • @sabeelshaikh3759
    @sabeelshaikh3759 4 ปีที่แล้ว

    can anybody hear the fan?

  • @swearsinspanish1092
    @swearsinspanish1092 4 ปีที่แล้ว

    How to export your art board into ae tho?

  • @user-pg3yg7id1z
    @user-pg3yg7id1z 3 ปีที่แล้ว

    can i use file from photoshop into ae?

  • @user-xi7nx9nz8h
    @user-xi7nx9nz8h 4 ปีที่แล้ว

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

  • @NIGHTLUV27
    @NIGHTLUV27 4 ปีที่แล้ว

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

    • @ForeverDansky
      @ForeverDansky  4 ปีที่แล้ว +2

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

  • @PWNY
    @PWNY 4 ปีที่แล้ว

    Which Cam ist that?

  • @Vromvrom01
    @Vromvrom01 4 ปีที่แล้ว

    Wallpaper please

  • @Baba-so6fh
    @Baba-so6fh 4 ปีที่แล้ว

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

    • @dontshareplease
      @dontshareplease 4 ปีที่แล้ว

      with development

    • @Baba-so6fh
      @Baba-so6fh 4 ปีที่แล้ว

      @@dontshareplease CSS?

    • @dontshareplease
      @dontshareplease 4 ปีที่แล้ว

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

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

    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?

  • @Doritoboy200live
    @Doritoboy200live 4 ปีที่แล้ว +1

    What phone is it

    • @ForeverDansky
      @ForeverDansky  4 ปีที่แล้ว

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

    • @Doritoboy200live
      @Doritoboy200live 4 ปีที่แล้ว

      @@ForeverDansky Thank you

  • @dunno1114
    @dunno1114 4 ปีที่แล้ว

    Can you help me?

  • @djchalitas4305
    @djchalitas4305 4 ปีที่แล้ว

    llegue por NUVA gracias

  • @maxwax10
    @maxwax10 4 ปีที่แล้ว +3

    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
      @jordandesigns5797 4 ปีที่แล้ว +1

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

    • @ForeverDansky
      @ForeverDansky  4 ปีที่แล้ว +3

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

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

  • @kimonmarsellos2347
    @kimonmarsellos2347 4 ปีที่แล้ว

    yeet 1st

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

    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.

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

    That actually is so bad...

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

    The blatant hardware advertising throughout this vid is so annoying

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

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

  • @vyacheslavazarenko2535
    @vyacheslavazarenko2535 4 ปีที่แล้ว

    It really looks like Russian flag.