UI transition and micro interaction animation with After Effects - Hands-on Tutorial for beginners

[@amandubey9048]

This is one of the best ui animation tutorial over the youtube. Thank you so much Sapta, Great video. will wait for the next class :)

[@saptarshipr]

Thank you, Aman! :D Comments like this make me to motivate me to create more content :)

[@shiva_369]

Hands down the best AE tutorial on UI/UX! Flawless explanation style 😍

[@saptarshipr]

Wow, thanks! :D

[@HimanshuSharma-sg4ql]

@@saptarshipr U really simplify things.

[@PetersonJoseph]

WOW. I was skeptical starting this thinking it would be your typical tutorial which was super basic and even incomplete. Incredible knowledge here.

[@rameshbasavaraj8858]

This is the best UI Animation tutorial I have ever seen, such a clear and understandable tutorial, really I learnt the first animation of UI and waiting for the next tutorial video, thanks a lot Sapta for a Great Video. Really I learn a lot from your videos.

[@saptarshipr]

Thanks a lot Ramesh! Glad to know that you found it useful :)

[@SayedAdilNawaz]

Never knew learning UI animation will be so damn easy. 2020 is good for one reason now.

[@saptarshipr]

Thank you Adil! Glad to know that you found it easy to grasp :D

[@Decadesindesign]

This deserves way more like and love from the community..... Keep up the good work sapta :)

[@safsafaf2838]

This is the best tutorial I have ever watched! WELL DONE and thank you!

[@fajarudheenpa744]

Honestly the best AE tutorial ever. Thank you Sapta.

[@saptarshipr]

Thank you 😊 🙌

[@Rami_Almalki]

. Man, every time I watch a video on your channel you impress me with the way you explain it. You don't disappoint me every single time. Thank you Sapta for this brilliant demonstration for AI and as you said the interface is scaring but you made it a piece of cake. Thanks a million. .

[@saptarshipr]

Happy to hear that :)

[@nadialee94]

Honestly the best AE tutorial ever, Sapta! Thank you so much!

[@Dheeraj_Singh29]

I attended a UI kickstarter workshop by Sapta, 2 days back and it was my first time in UI and before that i didn't even know what's a UI. After attending the workshop and following him on KZbin I'm inspired to work on UI and I am already working on a UI design, can't wait to share it with you. Thank you Sapta you are the best🙏

[@saptarshipr]

That's great to hear, Dheeraj 😀

[@maansibislam977]

I only search for videos of KZbinrs like you.. You're one of the KZbins who could explain soo well😭❤❤

[@terencesandeep7926]

Excellent tutorial Sapta. You've mastered the art of explaining things in a simple clear way :)

[@saptarshipr]

Thank you, Terence! 😃 Many more videos are on the way!

[@sanikathali]

Thank you so much Sapta! This was my first ever interaction design. I wanted to learn this for so long but wasn't getting a mentor!! Awaiting for next video soon!! A great learning for everyone who wants to step ahead in product design :)

[@saptarshipr]

Glad I could help, Sanika :) Many more to come.

[@KristenW32]

So excited! I did my first UI animation in After Effects! Thanks Sapta! Cant wait for the next one!

[@samsyed39]

Thank you so much for sharing your knowledge with us Sapta! More power to you.

[@saptarshipr]

My pleasure, Samar! :D

[@simranmhatre2125]

Thank you for these tutorials! Your explanations are very clear and your way of teaching is simply amazing! Hoping to see more tutorials like this!

[@saptarshipr]

Thank you, Simran! Will do :)

[@MonikaKumari-wt3gh]

Thank You so much for tutorial. It's my first animation and the way you teaching is the best at all. definitely I'll share this on social media and tag you in my post. Thanks a lot again

[@saptarshipr]

You're very welcome! Glad that it was helpful :)

[@sams32111]

These are some of the best learning AE for UI I’ve come across. Bravo. Keep them coming.

[@NameHinn]

Thanks a lot, man. Keep making this type of tutorial. I love your detailed teaching approach. Love from another Bengali from Bangladesh.

[@saptarshipr]

Thanks a lot, Rifat! 😃🙌 Love from another bengali from India.

[@mahalakshmimadhu5041]

Sapta, you have always been a true inspiration to me, uplifting the design community by sharing your knowledge on KZbin and LinkedIn . Thank you so much ❤

[@aryandhanawade8063]

This Tutorial is pure GOLD !!

[@AlokTrivedi]

Who else noticed the timings on his Mac? He worked at 4 in the morning, then took a break, and finished off at 1 AM.

[@saptarshipr]

You are a keen observer, I must say :D

[@AlokTrivedi]

Hahaha 😆

[@bilawalshah7717]

The way you explain is amazing and easy. GOD BLESS YOU

[@sudharsann9409]

Simply Your way of teaching is awesome. I have Ae will be a difficult tool to learn but you did this as smooth as possible. As neat and clean explanation. Thank you a lot make us inspire and help us to achieve the goal.

[@saptarshipr]

You are most welcome, Sudharsan! Glad to know that you liked it :)

[@ananyad8103]

Superb tutorial. Please keep sharing! I'm a visual designer but new to uiux and started learning with your videos.

[@soorajnair]

I always wanted to step up my designs using UI animation. So glad that I finally did it. Thanks, Sapta for this crisp and clear masterclass!

[@sauravsharma2617]

Thank you so much for making such amazing and easy AE tutorials Sapta Sir you are the best Motion Design teacher

[@saptarshipr]

Thank you so much 😀

[@burakaksoy7738]

Best tutorial video series I've seen.

[@mohanr5001]

Already rocking brother!! i was litrally searching for this type of tutorials baby steps to master

[@saptarshipr]

Thank you! More to come :)

[@mohanr5001]

@@saptarshipr eagerly waiting brother!!

[@tal-lancer]

thank you sir - first time I've animated, feel like a pro now! certainly the best tutorial on the subject I've come across so far.

[@varunjaiswal6541]

You are the best, looking forward to seeing UI animation with the mobile mockup as well.

[@saptarshipr]

Thank you, Varun! Sure, let me cover the mockup bit :)

[@aisha8417]

Thank you so much Sapta Sir for creating such awesome tutorials on AE! Very understandable. This was my first UI animation shot!

[@saptarshipr]

You're welcome 😊

[@donellmtabvuri1323]

Thank you so much Sapta, have a UI Design project which needs Adobe After Effects and this is helping me a tonne.

[@BobbyMarsh-kk7ts]

This is so insightful and i think It's the best tutorial of after effect for UI Animation. Thank you Sapta

[@SparshPaliwal]

Damn that's slick man loved it. Doing it parallely is also so easy thanks to the files you shared.

[@saptarshipr]

Your're welcome Sparsh! Yes, thats the point. You watch, pause, do :)

[@anezkavirani9807]

Thank you so much for making these tutorials, Sapta. I always found motion design daunting. But, you've explained everything so clearly and make it look so simple. I've been following your work for a while now and have always found it helpful as a beginner. And when I saw the shoe app animation I felt like I HAD to try it. Awaiting more of this design gyaan from you!

[@saptarshipr]

You're very welcome, Anezka! Glad to know that you liked it. Yes, many more Gyaan talks and Tutorials on the way :)

[@boacmusic]

Awesome tutorial. You have a great teaching style, very easy to follow. Thank you for putting these together. Looking forward to future episodes.

[@saptarshipr]

You are most welcome, Boac! Glad to know that you liked it. I m sure you will enjoy the subsequent episodes even more. I ll cover even more interesting things there :)

[@b4l885]

Thanks Sapta! After 14 hours of office schedule! Still this made my day to come to a good ending. !

[@saptarshipr]

14 hrs! :O Please take care of yourself! Really glad to hear that you are following my videos inspite of your hectic schedule :)

[@jahnaviseth3837]

Thank you so much Sapta for making a simple and detailed tutorial. This will be my first UI Animation using After Effects. Cheers! Looking forward to learning from you :D

[@saptarshipr]

Thank you, Jahnavi! Glad that you found it useful :) I will highly recommend you also check out the other episodes of this series.

[@abraspberry]

This is best explanation of After Affects I have seen ❤️

[@saptarshipr]

Thank you, Abraz! :) Would love to see what you make. Please dont forget to tag me when you post your work :)

[@AshwiniShettyOfficial]

This course is so well written and curated. Well explained too. Very simple to grasp. ❤️

[@akhillochen]

Yay! I breezed thru this tutorial with my first AE animation! Thanks to your easily-digestible teaching :)

[@Nileshkumar-si7jr]

Amazing Sapta🤩 Amazing UI animation tutorials🙌

[@saptarshipr]

Thank you 😁

[@Nileshkumar-si7jr]

@@saptarshipr Can we get one short video series for UI design fundamentals 😅

[@abhishekb5002]

Going to follow along both the tutorials this weekend. Exited for first ever interaction with after effect 🤩

[@saptarshipr]

Yasss! Do tag me when you post your first interaction work on social media :D

[@jeetmusic0]

Here I go! I worked on the second episode today! Good going for me I guess! :P I am loving it! Thank you so much again!! :)

[@saptarshipr]

Welcome 🙂

[@revivertrends5553]

like I am an amateur intermediate UX UI designer he is going to make me a pro thanks Mann

[@saptarshipr]

That's the plan 😃🤘

[@vaibhav01ful]

This is something I was waiting for. Thank you Sapta! :) Waiting for the next class!!

[@saptarshipr]

Hope you enjoyed it!

[@ajaythakur3557]

loved this tutorial and made same along side the video thanx sapta cant wait for more videos like this

[@saptarshipr]

You're welcome, Ajay! :) Thanks for watching them.

[@ajaythakur3557]

@@saptarshipr one question is realy resonating in my mind, as a designer does we use after effect for mockups or to please clients or to give developer a idea how it should work . I'm new to design so if question sound stupid forgive me 😁

[@saptarshipr]

It's for all the 3 reasons you have mentioned and also an additional one - at times you directly hand over assets made in After Effects to the developers

[@damascotgamer4604]

Outstanding tutorial. Easy and very clear to understand. Go Ahead...

[@saptarshipr]

Many many thanks

[@MyAshishRanjan]

Before I searched many times on KZbin but can't find it...Thank you I got this

[@upasnasharma2178]

What an amazing tutorial sir! From teaching content to video editing and sound effects everything is truly amazing :)

[@deepanperumal8334]

Thank you so much Sapta, Great video.

[@zilpinikishor9268]

this is very good tutorial ..elegant presentation ..thank you very much ❤

[@abidhassan9055]

Very happy to make my first animation using Ae... Thank you soo much Sapta to make it very easy and clear to understand...

[@varshasaxena3031]

Hey, I have been delaying to learn after effects thinking it will be hard, thanks for making and teaching it in a very easy way, It's very interesting.

[@saptarshipr]

Really happy to hear this! Its often that little voice inside us that keeps telling us that we cannot do something. :)

[@niveshbirangal]

Thanks for the tutorials. Waiting for the next. 😀😀😀

[@saptarshipr]

You're welcome, Nivesh! Hopefully on Monday or Tuesday :)

[@maitrikulal6283]

first ui animation yay!

[@saptarshipr]

Awesome! The next episode can be your first Dribbble shot! :D

[@marie91999]

Very well explained. You are a master instructor. Thank you for this!

[@saptarshipr]

Thank you, Marie 😃🙌

[@zeehansheikh3022]

Thanks Sapta, just used this tutorial to animate ui for a case study.

[@saptarshipr]

That’s awesome! 🤩

[@tusharsrivastava7921]

Such a clear explanation!! Love this masterclass. This is my first time using the After Effects and you made it so simple. Thanks a lot👍

[@saptarshipr]

Really glad to hear! 😃

[@PraveenKumar-dz3vn]

Thanks much sapta! I’m gonna try this and all the upcoming tutorials :)

[@saptarshipr]

Thank you 😊

[@akshayrawat4375]

You are an amazing mentor, sir.

[@saptarshipr]

Thank you Akshay 🙂

[@Ganeshjadhav_96k]

Afrer lot of search i really found a useful videos....your learning style is to good sir☺️

[@nehanaik3549]

Motion design fascinated me so I installed AE in Jan 2020 but looking at the interface I thought this is not my cup of tea and uninstalled it. Sapta, you made this look so damn easy! Thanks a lot for these tutorials :)

[@adnanzubair3132]

Hello. I am from Bangladesh. Thanks a lot for this course. I will not miss any of your courses.

[@shilpichakraborty5421]

The best thing is, everyone is getting replies of theie queries. Spread the knowledge whatever you have, to those whoever needs it. Keep it up👍.

[@saptarshipr]

:D

[@vatsalaykhobragade]

You are just awesome !! Thanks for videos. It was my first time doing motion design in UI.

[@hitheshvk6427]

Excellent tutorial sir. Thank u for sharing. along with the time, noticed a misspell of "animation" in the intro. ha ha

[@saptarshipr]

Thank you, Hitesh! :D Oh.. Did I? :P I ll take care next time.

[@hitheshvk6427]

Saptarshi Prakash ha ha .. happens when you are dedicated to this level.. highly appreciated sir♥️.

[@mohammaduzair2301]

What a great tutorial, You made it so easy to understand 🙌

[@saptarshipr]

Happy to hear that!

[@aditya_das]

Great video man. Loved the patience with which you demonstrated each feature. Just a tiny feedback, please do cover how to export composition as a GIF as, that is the format sites like Dribbble uses.

[@saptarshipr]

I ll do that in the next episode. I ll make a complete Dribbble shot there 🙂

[@varundade]

Thanks @Saptarshi Prakash for making such a great masterclass! I just have a doubt that "How to make interactive designs in after effects so that our clients can use them before the final product is delivered, is it possible to make the interactive design in after effects" If Yes then "When will we be able to see your video?" And if No then "What are the ways to make stunning animations in after effects but also make our client interact with them? Do we require some other software? Etc" Please do make a video on this it will very helpful" Thanks! And keep up the great work I am loving your videos too much!

[@saptarshipr]

Hey Varun.. After Effects is not a prototyping tool and hence it doesn't offer interactivity. But its easier to implement things from AE and hence motion designers all over the world prefer this tool. You always have the option to take elements (videos etc) from after effects and plonk them in prototyping tools like Principle and Protopie to bring some interactivity.

[@varundade]

@@saptarshipr Thanks for the explanation man! Will, you ever make videos on a design made in After effects & then made interactive in Protopie it would be helpful! Thanks!

[@srijethradhakrishnan6151]

Easy to understand, and you explanation is Awesome. thank you very much for your efforts Sapta bro, im waiting for next video 😁✌️

[@saptarshipr]

Thank you Srijeth! The subsequent episodes will be more complex but insanely enjoyable 😃 i m sure you will love them 🙂

[@rajusam5]

Learned a lot! Thanks for this🙌

[@saptarshipr]

Awesome! :)

[@Arc_Vinz]

BRO, this is the best ever I seen UI Animation! Please make UI Animation for Website as well

[@mertcaneyriyer]

Incredible useful serie! Thank you so much 🙏🏻

[@kamalforart1179]

Video is amazing and one thing I noticed that he made this video at 1am around 😮

[@vjprajwal007]

Thank you sapta for the step by step information, It is really very useful for the designers like me. Can you also give an information of how to hand over these interactions or assets to the developers, if you can make a tutorial video on that, that would be awesome 👍🏻 keep teaching us

[@saptarshipr]

Hey Prajwal.. Not every animation can be implemented with assets alone. Some needs to be hardcoded by the developers. Having said that, there are animations that can be implemented directly by placing assets without the need of any extra effort by the developer. Lottie is one way. I will demonstrate it some video.

[@divyanshkaushik7932]

Hey savior! Eagerly waiting for your next video.

[@saptarshipr]

Will upload soon :)

[@abyanzahraan160]

Thanks you very much sir! i learned a much today !!

[@sudeep.g]

Very well explained! Thank you!

[@saptarshipr]

Hey Sudeep.. Glad to know that you liked it :)

[@super-guptaji]

Done. Cleared up basics

[@prashantgotad3739]

Amazing tutorial🔥

[@Yabunscripted]

Thank you man that means a lot to my journey ❤❤

[@radhesh6990]

How exactly will developers use this animation?

[@maulidameirisdiana4980]

thank you so much now i can animate my design

[@vitaliano01]

This was my first UI animation. Very easy to follow. Thanks Sapta 😎😎🚀

[@saptarshipr]

You're welcome, Paul 😀🙌 I suggest you check out the other tutorials as well

[@ashurana386]

Sapta bhiyaa... You are awesome.🤗

[@saptarshipr]

Thank you so much 😀

[@bvishwas99]

It was fantastic. I want to learn UI/UX. this is definitely a motivator. Thanks :D

[@akshayrawat4375]

Yes, mah first time and It's awesome!!

[@saptarshipr]

Glad to hear, Akshay! I m sure you will like the other ones as well. :)

[@emiliaesz7907]

You are a great teacher :) Thank you very very much :)

[@saptarshipr]

Thanks a lot! :)

[@helenesandvik9841]

Can u do the sketches in Adobe xd sometimes? Because I havent got Figma and therefore cant use the sketches u provide :)

[@shilpamahajan6980]

Thank u you make it so easy... 👍

[@saptarshipr]

You are so welcome!

[@metaboom]

The way you explain is very good. Please make a video on Font selection

[@saptarshipr]

Sure, I will. :)

[@srjthnp]

Thanks for the nice tutorial, it really helps.

[@saptarshipr]

Thank you, Sreejith! :)

[@innashavrina9447]

Thank you for this tutorial. Very clear and comprehensive. I wonder if you have another one about UI animation embedded to mock up ??? Kind of promo video. I would like to learn more from you.

[@ashleyfarrand806]

Dang if I knew AE was this easy I would've picked it up ages ago!

[@saptarshipr]

Its never too late, Ashley :)

[@ankurintouch]

That's a great video Sapta. I just feared After Effects so much with the complex UI and just after watching the second video in the series, I feel pretty comfortable. Thank you 🙏 I have a doubt -- After we export the video are they usually easy to get embedded in the app to show on the info slides as a way to teach the user of how to find or use a new feature? are they heavy for the app? Really appreciate your response. Thanks a lot.

[@saptarshipr]

Hey, the video doesn't get embedded in the app unless its a view-only onboarding etc. The transitions need to be coded by the developer.

[@ankurintouch]

@@saptarshipr Hey, yeah I did mean view-only onboarding. As there was this use case on how to teach users (low tech savvy) on how to use every time we ship something new. Thanks for your response though :)

[@saptarshipr]

@@ankurintouch Oh yes.. For view only stuff, it's pretty simple 😊 The devs only need to create a container and the video that plays inside can keep changing.

[@ankurintouch]

@@saptarshipr Alrighty. Got it Sapta. Thanks 😊

[@parhamplays1917]

Great stuff dude!

[@karwadev7528]

Awesome animation sir🖤

[@saptarshipr]

Thank you :D