Figma, After Effects for UI Animation & Motion Design Tutorial for Beginners 🔥 | Saptarshi Prakash

Join my Instagram broadcast channel to never miss an update: ig.me/j/AbadG67M--mvwepf/
In this video, I have explained the basics of Adobe After Effects with hands-on examples for Motion Design, UI Animation and Micro Interactions, targeted to beginners. Check out other videos in this series!
Have doubts? Get on a call with me: topmate.io/sapta
Buy me a coffee: www.buymeacoffee.com/saptarshipr
My Dribbble Profile: dribbble.com/saptarshipr
-----------------------------------------------
😃 ABOUT ME
This is Saptarshi (a.k.a. Sapta), an engineer turned self-taught Product Designer based out of Bangalore, India. I have worked with some of the very well known startups of India and learned anything and everything that is needed to create amazing experiences for the users. I'm also an active speaker, teacher and community builder, and have delivered over 60 talks, workshops and webinars on design. In this channel, I post videos with tips, strategies, tutorials and general gyaan to scale your career in Design. If you are into it, you may want to subscribe and hit the bell icon to that you don't miss out :)
-----------------------------------------------
📲 SOCIALS
Instagram: / saptarshiux
Twitter: / saptarshipr
Dribbble: dribbble.com/saptarshipr
LinkedIn: / saptarshipr
Medium: / saptarshipr
-----------------------------------------------
🎶 MUSIC
The jingles and the background score is composed by Sargam Prakash, an awesome designer and musician. Do check out his channel.
Sargam Prakash: / sargampr
-----------------------------------------------
🌟 TAGS
Figma, After Effects for UI Animation & Motion Design Tutorial for Beginners 🔥 | Saptarshi Prakash,motion design,after effects,animation tutorial,after effects tutorial,learn motion design,micro interaction,sapta,saptarshipr,adobe after effects,ui animation,ux design,ui design,dribbble,tutorial,design,app design,lottie,ui animation with ae,ui animation with after effects,after effects for beginners,basics of motion design,after effects tutorial beginner,motion design tutorial,figma tutorial,figma,figma and after effects,after effects animation,uiux
-----------------------------------------------
🌟 HASHTAGS
#figma #aftereffects #motiongraphics

[@Bundled_Memories]

This is what I was waiting for, a simple and yet informative tutorial on After effects. Thank you so much for this and the upcoming series... Always wanted to learn after effects but the settings and panels had always been confusing. You made it look easy.

[@saptarshipr]

Glad it helped! Please let me know if you have any feedback... If I could have done things in a different way, fastr slower etc. :)

[@Bundled_Memories]

@@saptarshipr It was perfect for me... i am hoping you will teach how to add animations and effects in the later videos...

[@shahihamdan2803]

Sir i need your help

[@akhillochen]

This is exactly what I was looking for.
Didn't wanna animate Marvel movies or anything, just pure UI animation.
Thanks a lot, Sapta :)

[@adesignerlife]

Smile - is a micro interaction! Amazing analogy. Epic!

[@saptarshipr]

:) Thank you.

[@malikarozikova4144]

Wow! This was truly 30 minutes of gold! I can't believe I learnt so much for free and at such high quality production. You have a gift to explain everything in a such easy to digest manner with real examples that help to remember everything better. Thank you so much, Saptarshi! You're so kind and generous to share your knowledge with us! This is the best tutorial on After Effects I have found so far and, trust me, I have watched quite a lot. Thank you, thank you, thank yooooou! 👏

[@suhadmohammadi8449]

Everything about this is so clean and clear. The explanation of concepts, the tutorial, everything! Thank you so much for this Sapta!

[@aintsaint1405]

Never find someone who explain something clearly like you do. I really want to learn AE now!

[@anandravi2028]

This video is such a gem 💎 . I was searching these kinda tutorials in other channels and today I realized that I was searching for gold now I found the diamond 💎. Thank you for these kinda videos and you made after effects look easy!

[@girmatt]

So glad I stumbled onto your channel. This is exactly what I needed. Thank you for taking the time to explain the little things, AE was incredibly daunting but your style of explaining things is A1 and easy to understand.

[@mainakkundu1937]

Hi, Sapta. You are one of the best design teachers I came across. Amazing tutorials man, I feel like you are sitting beside me and handholding me through the entire process. I am able to learn a bit of after effects just because of these tutorials. Please keep releasing more videos. Thanks a lot.

[@saptarshipr]

Really glad to hear that, Mainak :D

[@maleehaafzal2167]

This is amazing tutorial. Thankyou. Finally someone who explained the timeline.

[@hellokitkath3329]

omg I love this guy so much. Straight to the point as always, not confusing, easy to follow!

[@harshitasinghal618]

Thankyou so much for this Sapta! As I am a beginner I was was a bit afraid of motion design and after effects but you just made things so simple. and now I am very excited to learn After effects. 😊

[@marthafierro3969]

Sapta, I just want to say you are an amazing teacher and this is the best tutorial. Thank you!!!!!

[@Thinker117]

Needless to say the content is great quality! But i want to also appreciate the creativity that you are born with.. I just grew more respect for you the way your video frame centred in after effects to actually copy the real life effect of guiding someone in the room they haven't seen! I think that is what cannot be taught, that is your X factor!

[@haris766hi]

Very simple, clear and easy to understand. Great teacher. Thank you.

[@stanislavatopchii2452]

For me, animation in UI always was kind of a mystery. But after this tutorial, I nearly became a part of it. Thanks a lot! I am ready to rock UI now:--)

[@saptarshipr]

You're very welcome!

[@vishalchander6157]

Really Like this sir. I follow your Instruction as VPP:- view -> pause -> practice. thanks sir.

[@belginv9]

Damn man this stuff is what designers want. Not at all confusing. Thank you sapta.

[@3dviveks]

5% specific knowledge that will give me 95% results! Thanks, SAPTA for these nice tuts!

[@b4l885]

I was caught up with office work and had a pause on learnings! I was waiting to take kick start with this !
Thanks @Sapta.

[@saptarshipr]

Lovely! Thats the whole point. We should never stop learning. I hope this is useful :)

[@urvashijain9505]

I was a bit afraid when it comes to after effects or motion design but you just made the things so simple. Thank you so much - these series are really gonna help many 😊.

[@saptarshipr]

Thank you, Urvashi! If you liked them please spread the word. Helps a budding TH-camr like me :)

[@urvashijain9505]

@@saptarshipr sure, i will do that😇

[@miya13213]

This is one of the best AE tutorial I’ve ever seen. You really make it look easy. Thank you so much ✨

[@saptarshipr]

Thanks a lot! :D

[@MrFikremariam]

Thank you very much i never been watch such clear and simplified tutorial. Now i understand the basic concepts of animation thany you dear. I'm from Ethiopia, East Africa

[@manojthori]

3-5 times I afraid of UI and haven't start learning, after this I'm very excited, thanks man, very much!!!

[@anandojha5857]

Thank you so much sapta. this is so easy to understand. salute you my man.

[@cdpravee]

Loud and clear. Thanks for the tut.

[@priyankapatnaik2076]

Amazing tutorial...yes smile is the live interaction that you brought to my face today by this tutorial 😁 Thanks a lot Sapta 👏🏼

[@photrungchau7623]

excellent content for beginner Saptarshi ! It helped me a lot to catch up with learning AE

[@muskanpriya8051]

I wasn't at all disappointed! You're a great teacher! 🙏🌸

[@saptarshipr]

Thanks a lot! Glad that you liked it :)

[@raunaqshah7937]

Amazing Tutorial! Love your pedantic approach in explaining. Helps a lot. 👍🏻

[@TechMantra2]

I literally searched whole TH-cam for this and still TH-cam didn't push your video to me.
But today is the lucky day for me that atlast i landed where i wanted to be.
Thanks a lot.

[@saptarshipr]

Thank you 😃🙌 Maybe I m not doing a good job in SEO

[@TechMantra2]

@@saptarshipr Thanks a lot. I have just started my UI/UX learning. I wish to get some tips from you.

[@syedyakhub5536]

View - Pause - Work 😎
Wow finally SAPTA revealed the mantra to learn After Effects
Of course it was a clean - simple - easy to understand (loved it 🤩)

[@saptarshipr]

Thank you :D Yes, that helps.

[@MBkingsoft]

You just got a new subscriber. We done. It is so clear, well organized, and concise. You are amazing teacher. Keep it up. I can't wait to watch the upcoming and other videos. Kudos to you sir!

[@saumyagupta1210]

Thankyouuuu this was a perfect! You're a good teacher.

[@kalyanipawar6547]

Thank you so much for making this so easy for us!

[@arculars245]

This is how it should be delivered! Great work Saptarshi! Big Thanks!

[@saptarshipr]

My pleasure, Abhishek! :)

[@mr_mad09]

I was looking for Adobe after effect classes from so long but no one explain the way you did so muchh love and appreciation for this sir♥️🇮🇳

[@saptarshipr]

Thank you Randheer..! I hope you learned something new. I m sure, you will enjoy the subsequent episodes as well. I will get into more complex but insanely enjoyable stuff 😃

[@sashahambis3945]

Thank you! That's lesson really for begginer!

[@RajatVallabh]

It like a movie to me, I can't wait to see the upcoming wonders.

[@saptarshipr]

Thank you! :D The second episode will be live later today. Its ready.

[@livingitup_with_aashi]

Amazing! The first tutorial of aftereffects that did not make me fear from it (lol). Great help!!

[@saptarshipr]

Great to hear! :D

[@ankeetkavaiya6105]

Hey Sapta, great video!! Very well explained. At last I would learn After Effects! Thank you. Looking forward to more such videos.

[@saptarshipr]

Thank you, Ankeet! :D

[@shubhamsingla7048]

You explain things in a very clean manner. Respect++

[@saptarshipr]

Thank you Shubham :) I tried my best. I hope it was relevant for a first timer :)

[@sancharisaha2447]

LOVED THISSSS!!

[@ansumannarzary6946]

I like how he simplifies it

[@gayanSeven]

Thanks immensely for creating this video series Sapta. You are a great teacher.

[@saptarshipr]

Thanks a lot, Gayan! Glad to hear this :)

[@sergioalfonzo]

Thank you, Saptarshi! Great and very helpful video.

[@saptarshipr]

Thanks a lot! 😃 🙌

[@DesignXProductivity]

That was Awesome Sapta... I just loved the way how you explain everything about After Effects.

[@saptarshipr]

Glad to know that you liked it, Suraj! There are many more episodes planned in this series. Keep watching :)

[@Zeezoo08]

Thank you so much for this !!! loved it!

[@AshishUX]

Thanks Prakash, Planning for long time now to learn this tool but your explanation got me started today, +rep

[@saptarshipr]

😀🙌

[@dharmraj92]

I am a beginner with After Effects, and trust me, your videos are really better than most of the paid courses available on Udemy. 👍

[@sohanbhute7424]

Amazing tutorial. Thank you.

[@FusterClunk]

Already learned more in the first 5 minutes than I learned from my Udemy course. Thanks for the awesome tutorial!

[@saptarshipr]

Great to hear! Thank you :D

[@pranavbakshi2134]

loved it...keeping it simple yet precise & informative at the same time..

[@saptarshipr]

Thank you, Pranav :)

[@HardiRiddhi]

Thanks a ton, Sapta.

[@akshanshdeva1989]

This is amazing. Concise. And relevant.
Keep up the good work :)

[@saptarshipr]

Thank you Akshansha! I m trying to keep it as simple and slow as possible. 🙂

[@thistiem5745]

Happy that i found your playlist!

[@saptarshipr]

Thank you :)

[@hareeshkaladharan467]

Hi Sapta, You are such an Inspiration

[@jvelas]

Love the way you explain things. Great video

[@saptarshipr]

Thank you 😊

[@jizan8344]

really appreciated your efforts, thanks for this video

[@cibib7268]

Very very clearly explained 🙌

[@arjuns291]

Super like!!!! Never understood these basics , Thanks Sapta. Much love

[@saptarshipr]

Glad to hear, Arjun 😃🙌

[@lahararora9072]

I really liked the way you explained small things as well. You always explain things very well. Informative yet very interesting Thanks :)

[@saptarshipr]

Thank you very much, Lahar. These small things are the things that make a difference :)

[@jaskaransingh5276]

The starting musics just rocks

[@saptarshipr]

Thank you :)

[@SandipKumar-og6xm]

Thank u so much
I learned a lot here
I wish you will never stop making videos for us related to all UI and UX topics.

[@saptarshipr]

You're welcome, Sandip 🙂 yes, i dont intend to stop. Comments like these keep me motivated. Thanks a lot 🙂

[@SandipKumar-og6xm]

@@saptarshipr i will make something and i will share in linkdin and i will tag u there.
Thank u for your supports and guidance

[@motivizer5395]

Thank you so much for the amazing tutorial ❤️❤️

[@sauravrastogi8349]

It was a good revision video of after-effects for me. Nicely explained Sapta! 👍

[@saptarshipr]

🙌🙂 Thank you. I hope the subsequent episodes will more useful for you 🙂

[@maansibislam977]

This was really helpful❤❤

[@ajayrajendran9505]

I started this today.Thanks a lot for this tutorial:)

[@saptarshipr]

Awesome! I m sure you will have a lot of fun in the subsequent ones :)

[@Vibingbutterfly]

You are awesome man....I have been waiting for this video .... great things to learn 👍✔️

[@saptarshipr]

Thank you, Priya! :) There are more on the way :)

[@travel_reveal8528]

This is amazing 👌🏻well explained 🙏🏼Thanks Sapta 🙋🏻

[@saptarshipr]

You're welcome! So nice of you :)

[@khaledmehedisarker4828]

Thank you mentor !!

[@vasu9760]

Can not thank enough, really good video, on point 👌👍

[@saptarshipr]

You're welcome 😊 🙌

[@AdarshSingh-gz2pf]

I wanted to learn micro-interactions but all I found were either auto-animate tutorials for XD or complete after-effects course ( which is really tiring).....But this tutorial series is amazing...I cannot wait to watch them all and learn....THANK YOU SIR!!!!!!

[@neeshsamsi]

Absolutely amazing tutorial. Simple but Extremely value packed. I was looking to get into simple animations for ages but I was hesitant due to the lack of super beginner tutorials. Cannot thank you enough.

[@saptarshipr]

You're most welcome! I suggest you check out the other tutorials in this series as well. I have covered more complex stuff there :)

[@neeshsamsi]

@@saptarshipr yep been looking into your channel quite a bit lately keep it up 😁

[@therojer]

Thank you for guiding the comunity!

[@gauravidesigns]

bro you rocked 🎆🎆

[@pankhuriasija6926]

I had this fear of using after effects this really worked out thanks✌️

[@saptarshipr]

Thank you, Pankhuri! Glad to hear it :)

[@maryadapalaskar955]

Awesome, you made it very easy !!! 👏🏻

[@saptarshipr]

🙌😃 Check out the next one as well. 🙂

[@jeetmusic0]

This is amazing! I really liked the way you explain! Just done watching and practicing the first episode! Really excited to learn more. Thank you so much for this :)

[@saptarshipr]

Glad to hear, Jitendra! :) The Ep 2 should get you more confidence since I have taught how to animate a a real UI :)

[@jeetmusic0]

@@saptarshipr Yess, I done with it! Thank you so much 😍
Eagerly waiting for the next one!

[@saptarshipr]

I m on it 🙂

[@Peace8D]

Lockdown got us a great teacher! Thanks Sapta :)

[@saptarshipr]

Ha ha.. Thank you :D

[@ayushdwivedi6193]

Amazing sir...will continue to learn from you

[@saptarshipr]

Thank you :D

[@ronakchhatwal]

everything looks soo easy now 😃thanks a lot sapta 🙏

[@saptarshipr]

Very happy to hear that! 😃

[@saikumarreddybashireddy4762]

how to view preferences in windows to make anchor point centered all the time.
Thanks for spoon-feeding after-effects to us. its the best of what I have seen so far in the internet

[@saptarshipr]

Thank you, Sai :) You can find preferences under the Edit menu.

[@vitaliano01]

This is the easiest intro to Adobe after effects I've seen.

[@hussain-imtiaz]

Excellent tutorial man, simple and full of knowledge.

[@saptarshipr]

Thank you Hussi! I hope you found it insightful

[@sauravsharma2617]

thank you so much for this amazing tutorial Sir
Keep teaching us you are an amazing teacher

[@saptarshipr]

It's my pleasure, Saurav! :) I hope you are finding them useful.

[@dpkd3198]

I rarely sit on tutorials like this, but this one is simply excellent 🥶🥰

[@saptarshipr]

Thanks a lot! Glad that you found it useful😀

[@nehanaik3549]

Thank you!

[@GauravKumar-ev7yo]

All the best for upcoming videos

[@saptarshipr]

Dropping Episode 2 in a while :)

[@arvind0073]

Simple and easy to learn !! Great initiative Saptarshi !!

[@saptarshipr]

Thank you, Arvindhan! :)

[@faitholusola8817]

Yo Saptar!, this got my feet wet. I can only imagine how long it took to edit this.
Thanks for sharing. I hope you have a great day!

[@saptarshipr]

Thanks! You too! Yeah.. It needs some patience :P

[@SatyamBarnwal090]

just fantastic.....

[@NameHinn]

Thanks a lot.. keep doing this kind of tutorial

[@saptarshipr]

Thank you, Rifat! Yes, I will continue doing it :)

[@princebabu6500]

Please do a video on the card animation(like folding) you did for swiggy.

[@raghavsaini1205]

Really helpful Sapta, Great initiative. LOVE

[@saptarshipr]

Thanks a ton, Raghav! Glad you think so :)

[@Waladhoolin]

Thankyou Very much, Patt 2 please ❤️❤️❤️❤️

[@sumanmeena8148]

I have tried to learn after effects earlier with the help of my fellow colleagues at frog, but it didn't work. I am having a seamless learning experience with your videos. Looking forward to more content.

[@saptarshipr]

Glad to hear that :D If you have any doubts, please feel free to let me know in the comments.

[@varshinigirish]

This helped SO much. Thank you!

[@saptarshipr]

Welcome! Glad that you liked it :D

[@StorysToks]

Good work man

[@scottjamieson2678]

Unreal job man! A+

[@saptarshipr]

Thank you Scott 😃🙌