After Effects Tutorial - HUD Animation

A head-up display also known as HUD animation is the method by which information is visually relayed to the player as a part of a game's user interface. Hud animations are not only used to display information but they play a very important part in making the UI look more complex and futuristic.
So today we will learn how to create a dynamic hud animation in after effects without using any plugins we will build up our design by using old shape layers!
➡️ Download Free Project File - bit.ly/2QmYl6d
-------------------------------------------------
✔️ Want to Learn Design and Animation?
🔴 Subscribe My 2nd Channel - bit.ly/NikhilP...
🙏 𝗦𝘂𝗽𝗽𝗼𝗿𝘁 𝗗𝗼𝗽𝗲 𝗠𝗼𝘁𝗶𝗼𝗻𝘀 𝗯𝘆 𝗽𝘂𝗿𝗰𝗵𝗮𝘀𝗶𝗻𝗴 𝘁𝗵𝗿𝗼𝘂𝗴𝗵 𝗼𝘂𝗿 𝗮𝗳𝗳𝗶𝗹𝗶𝗮𝘁𝗲 𝗹𝗶𝗻𝗸𝘀:
Aejuice: bit.ly/36cUun2
Creative Market: bit.ly/creatmark
Envato Market: 1.envato.marke...
Envato Elements: bit.ly/2L4z7Xg
🎧 𝗗𝗼 𝘆𝗼𝘂 𝗹𝗶𝗸𝗲 𝗺𝘂𝘀𝗶𝗰? 𝗖𝗵𝗲𝗰𝗸 𝗼𝘂𝘁 𝘁𝗵𝗲 𝗺𝘂𝘀𝗶𝗰 𝗹𝗶𝗯𝗿𝗮𝗿𝗶𝗲𝘀 𝘄𝗲 𝘂𝘀𝗲 𝗶𝗻 𝗼𝘂𝗿 𝗮𝗳𝗳𝗶𝗹𝗶𝗮𝘁𝗲 𝗹𝗶𝗻𝗸𝘀 𝗯𝗲𝗹𝗼𝘄:
Epidemic Sound: bit.ly/EpicMusics
✍️ 𝗦𝗵𝗮𝗿𝗽𝗲𝗻 𝘆𝗼𝘂𝗿 𝘀𝗸𝗶𝗹𝗹𝘀 𝗯𝘆 𝘁𝗮𝗸𝗶𝗻𝗴 𝗮 𝗰𝗼𝘂𝗿𝘀𝗲, 𝘂𝘀𝗶𝗻𝗴 𝗼𝘂𝗿 𝗮𝗳𝗳𝗶𝗹𝗶𝗮𝘁𝗲 𝗹𝗶𝗻𝗸𝘀:
SkillShare: bit.ly/SkillShared
-------------------------------------------------
⚡ Watch My Other Useful Tutorials ⚡
◾ Glassmorphism Effect in After Effects - bit.ly/2JUNXVC
◾ Circular Text Typography Animation in After Effects - bit.ly/380lKoF
◾ Distorted RGB Text Animation in After Effects - bit.ly/2W9OUff
◾ Smooth and Minimal Title Animation in After Effects - bit.ly/3ne3D4H
◾ Pencil Scribble Sketch in After Effects - bit.ly/3qPekgs
◾ Smooth Bouncy Text Animation in After Effects - bit.ly/3qWRkwf
◾ Slicing Text Effect Animation in After Effects - bit.ly/345c5vU
◾ Instagram Reels Animation in After Effects - bit.ly/33Kwllm
◾ 3D Film Reel Slideshow Animation in After Effects - bit.ly/32y0YLo
◾ Trendy Logo Animation in After Effects - bit.ly/2FOV7bC
➡️ Creative Logo Animation Course - skl.sh/3dBHb0F
⚡ 4000+ Graphics Pack - 1.envato.marke...
-------------------------------------------------
➡️ Download Free Project File - bit.ly/2QmYl6d
➡️ My Top HUD Animation Templates -
Quantum HUD Infographic - bit.ly/2DtFa96
Sci-fi Interface HUD - bit.ly/2OZfwKL
Phantom HUD Infographic - bit.ly/2NUlRuJ
Data & Infographic PLUS - bit.ly/2xQTgfM
Ultimate Infographic HUD - bit.ly/2OoVw7k
-------------------------------------------------
➡️ Download Our Motion Graphics Pack - 1.envato.marke...
Every video on my channel is made with Love and Hard work, So don't forget to leave a Like. Also please hit the SUBSCRIBE button it's FREE
⚡ If you learn something new today please do consider supporting the channel - bit.ly/DmPatreon
-------------------------------------------------
⚡ Top 5 After Effects Templates ⚡
Handy Seamless Transitions - 1.envato.marke...
Photomotion X - 1.envato.marke...
140 Flash FX Elements - 1.envato.marke...
TypoKing | Title Animation - 1.envato.marke...
Graphics Pack - 1.envato.marke...
-------------------------------------------------
⚡ UNLIMITED STOCK DOWNLOADS ⚡
Access to over 600,000 ready-to-use After Effects Templates, Stock Footage, Fonts, Templates, and more!
bit.ly/2L4z7Xg
⚡ Music I use - bit.ly/2X2hhz0
-------------------------------------------------
➡️ Download My Best After Effects Template Here:
Videohive - bit.ly/2lEpTXy
Motion Elements - goo.gl/ZjLRzb
Envato Elements - bit.ly/2KRLBWO
-------------------------------------------------
➡️ My Best Tutorial Playlist:
◾ Ae - bit.ly/AeTutori...
◾ Ai - bit.ly/AiTutori...
◾ Ps - bit.ly/PsTutori...
◾ C4D - bit.ly/C4DTutor...
◾ Free templates - bit.ly/Giveaway...
◾ Speed arts - bit.ly/SpeedArtss
◾ Top10 - bit.ly/MyTop10Fav
-------------------------------------------------
⚡ Website - www.dopemotions.com
⚡ Business Enquires - [e-mail]
-------------------------------------------------
Thank You
#aftereffects #hudanimation #hitech

[@johnrodriguez2978]

Just now found this channel, you’re freakin awesome man! Quick tip, AE 2023 doesn’t have the same “Track Matte” options as before… if you select Layer 9, change the mode to “Silhouette Alpha” and you should get the same effect at 9:55

[@we.visuals]

Telling us the hotkeys you used was just so amazing, on top of an already amazing tutorial.

[@drakukha]

youtube needs channels like this.

[@dzynofficial4130]

2:21 If you go into the graph editor and you don't see the curved graph, click on the icon beside the *eye icon* and change it to *Edit Speed Graph*

[@chrisgoodwyn3301]

Thanks

[@sahabat.exe.1834]

thanks

[@kistudio6970]

when i do rotation ,circle becomes oval , that is problem

[@omid5689]

thanks a lot

[@SammyRas5177]

I heard my RAM cried whenever I watched this tutorial. It’s an amazing tutorial! But I’m not gonna try it now since my current pc cannot handle it and I dont really have to create this, but it amazing to know you can make this with AE without additional apps

[@dfurball]

FYI if you do not see Size, Rotation, & Roundness options for your Rectangle Path it's because you have Bezier Path checked. Create a new shape and deselect the option (top, right). Great tutorial.

[@kayankamakhan4604]

Demonic Furball I had this issue and was bugged from past half hour man

[@RobertGunni]

You know a video is good when you stop drinking your coffee just because you forgot it was there. Well done and very explanatory, even making note of the hotkeys used!

[@DamienAirScapePhotos]

I didn't even start my coffee 😭

[@milesbaker7914]

HI, im an aspiring new photographer/ videographer who has a keen eye for film making. Check out my latest cinematic video, like and subscribe and let me know what you think of it thanks

[@youngzullu3484]

Yea I too made notes of the hotkeys so I won't forget xD

[@abhilashretheesh9532]

4 years later, still relevant and goddamn epic, thanks.

[@-SANDMAN-]

Excellent "TEACHING" video, not just "SHOWING"...good narration too. Spent a few hours doing it precisely as you did and learned a ton. Thank you.

[@Kevin-cg7qk]

I wanted an HUD tutorial and you even threw in some camera action....luv it

[@oscand9512]

Nice... The best way to use repeater in order to be properly aligned is to reset the transform rectangle position and anchorPoint. Do not change the layer transform properties... There is a quick way to create a Cam-control: right click the Camera->Camera-> Create Orbit Null...

[@milesbaker7914]

HI, im an aspiring new photographer/ videographer who has a keen eye for film making. Check out my latest cinematic video, like and subscribe and let me know what you think of it thanks

[@ben_angel]

what do you mean by 'reset'? I swear this is driving me nuts!

[@subhodipmanna7276]

The Best HUD Animation Tutorial on KZbin. 🤩

[@PsychoghostGaming]

Impresive. What I really love is that you tell us which keys to hit, it's super annoying to look up the commands as a after-effects noobie :)

[@scottdavidschoenfeld1601]

Awesome tutorial videos!!! I actually learned something for the first time in my 43 years of my life about how to create visual effects in Adobe After Effects. Thank you for everything you do.

[@brankodjuric2913]

The quality of this video is insane! Thank you!

[@riazzcaan]

This video was my 1st class of after effects 3 years ago I watched it many times to make the hud and get familiar whit after effects whit out you dope brother it was impossible to learn after effects 1LOVE ❤️

[@dopemotions]

Great to hear!

[@papian88]

This is really good tutorial. This channel sould be shared to anyone who want to learn after effect. I've subscribed this channel

[@dopemotions]

Thank you so much buddy!

[@milesbaker7914]

HI, im an aspiring new photographer/ videographer who has a keen eye for film making. Check out my latest cinematic video, like and subscribe and let me know what you think of it thanks

[@arronslade]

Excellent tutorial. I’m only just starting my AE journey and love your videos.

[@dopemotions]

Awesome, thank you!

[@artgoyle]

My animation works like a charm thanks to your tutorial! Now I can incorporate this into a helmet if I want to. Also thank you for explaning the shortcuts/keys, most people use them in tutorials and don't tell.

[@dopemotions]

Glad to know that the tutorial was helpful!

[@vscodeproltsc884]

That is phenomenal !!! Something i couldn't do without you. Thank you!

[@boomasay6540]

Thank you SOOOOO much. The best explenation I`ve ever heard

[@gp_2024_mmm]

I wish I could vote 10 times for this video. It's awesome. I've learned so much from you.

[@KROMAprd]

One of the best after effects tutorial channels on KZbin! Always so creative, accessible and user friendly :)

[@johnong2655]

Such a good way to control the cam!

[@krishideshapande]

Great Explanation.. Love from India Nikhil..

[@wise1beats]

You're the greatest of all time, sir.

[@olgashevchuck2758]

amaizing! Thank you a lot. I had no experience in AE but I made this HUD on my own for like an hour!

[@dopemotions]

Great to hear!

[@phantom-ef1ho]

super tutorial and very well explained, now i will watch all your videos as concise and great tips learned.Top man and thank you very much.

[@sanjaymj]

Excellent tutorial. Liked the step by step explanation with hot keys . Thanks a lot

[@themysteriousunknownrevealed]

Gorgeous! Thank You!

[@SURAJSINGH-io9cz]

Thanks for this best HUD tutorial Well explained everything!!👌🏼

[@nafisahmed9012]

One of the best designer youtuber I seen here so nice nd clean work love to watch ur videos brother keep it up one day u will rock the floor God bless you...

[@prasadshedge7365]

Video is so good that i not just liked it ,but also watched all the annoying ads so that i can show how grateful i am .good luck ..keep making such content ..

[@sketchstudios05]

Very nice, precise and useful video. I am leaning and got so inspired after seeing your video, speed and narration. So professional. Subscribed your channel and infact I become a fan of your creation. Thank you so much.

[@UltimateVirus]

Its good practice to use custom view 1 to adjust focus and aperture of camera , explanation was very good. Thank u

[@dopemotions]

Glad it was helpful!

[@nathanstewart3413]

this is the coolest thing ever

[@Iloveadobedesign]

Your way of explaining is very nice .....and do videos on 3D element please

[@sebrij]

amazing video, learnt so much and it{s exactly what i needed for a job i dont know how to do

[@craveleaks8102]

Nice tutorial, Nikhil. Keep up the good work.

[@lildan169]

This was super helpful! You make it so easy to follow along, I learned so much in this tutorial, Thank you!!

[@dopemotions]

glad to help you mate🤗🤗🤗

[@wdblackout]

exactly what I was looking for

[@zacsandler1638]

THAT WAS BRILLIANT, THANKS!!

[@lilechivincent2010]

looks quite nice your style of explaining makes me want to start doing this ASAP

[@anadipandey6938]

Wooaaahhhhhh loved it 😍 really motivated to try this💪😍

[@dgletsgo]

SO FANTASTIC TUTORIAL.

[@dopemotions]

Glad you think so!

[@Benmaxagentedesaude]

Muito bom, mesmo eu nãp sabendo falar em inglês consegui aprender. PARABÉNS

[@taraartgraphics565]

excellent....... Superb explained so well. Thanks alot.

[@ajaybl6120]

Greatest Tutorial for HUD of all time!

[@thanaybr-3690]

Thank you so much!! This was very helpful

[@christopheboutigny8338]

Hi, thanks a lot for your very good tuto. he's easy to follow and to reproduce your design. Perfect :)

[@vatskiysas]

This is very useful. Thanks for your guides! You are amazing bro!

[@basharulalamsunny58]

Really amazing!! I am starting to learn hud design and you described it pretty clearly .. the hot keys and the details are really clean..

[@buraitochca]

Friend, thanks for the lesson I really liked the explanation. I will follow the releases.

[@MurrayFrost]

Very Professional!

[@humaninterface7153]

sooo amazing and good explained . thx a lot duuud

[@zv3man]

Nice) Thank you man!)

[@الٱستاذبونيرو]

Thanks for this tuto.i learn a nice things from you.

[@dopemotions]

Glad it was helpful!

[@vickmure]

always a pleasure learning from you...thanks. You deserve a over a million views....Once again thank you

[@denislavprayerdimov7480]

Hey Man! Can you show us how do you make the laptop screen thingy? or maybe link another person's tutorial if you have one :) Great video !!

[@mayankjoshi1007]

Now this is wt i ve been waiting for.... Finally

[@hedvig6746]

wow, wow, WOW! Many thanks, so cool!

[@hussein90018]

thanks so much, looking for more video, again big thanks.

[@Rohitshah-officials]

Thank you for this ☺️☺️

[@Andrey1604861912]

tks. im from Brasil not Barzil hahhha. your english is easy for me to learn! I learned and still learn a lot from you! if one day you want to know my story here in brazil? I show you the final I need to teach you something since you taught me so much !! tks! when things get better, just talk! I will be there !! VC ENSINA MEU POVO DE UMA MANEIRA QUE NEM OS PROFESSORES DAQUI ESPLICAM. OS QUE ENSINAM INGLES. NINGUEM QUER SABER. MAS SEU INGLES É lindo para o povo do brasil tks te amo!!! e ja tenho saudades do seus ensinamentos

[@CGLife]

Wow great video mate nice work

[@samsmusicstorage1236]

thank you so much for this video. Really digs into shortcuts to getting great results

[@bax1329]

Hi Man! How are you doing? your tutorial are very nice I'm a great fan! keep it up! Would like to ask if you still have group chat every Sunday? I want to sign up as a member on your KZbin! I want to learn some more! Hope you can see this. Thanks!

[@npurkis]

Very cool, thanks for taking the time to make the video :)

[@rajudharma6098]

Looks great thanks for this tutorial..

[@dopemotions]

No problem 👍

[@llliiillliiilll404]

man this was super cool! Thanks for your tutorials! I gives me hope :)

[@dopemotions]

So happy to know mate

[@bazibada]

Very nice tutorial and beautiful outcome, thanks !

[@YamanPrajapati]

The only video that have a perfect link

[@a.deborah8610]

Man, this is so helpful

[@kshitijkinhikar3240]

its really cool. Please doing this types of video.

[@kevinmcaleer28]

Amazing tutorial!

[@dopemotions]

Thank you!

[@shhreyadas2717]

how did you open the star next to the layer to add in fill

[@christopherotoo4998]

interesting !!! Awesome Tutz ... love it

[@topgunpilot2547]

Ekach number Bhava!

[@bamdadala7216]

11:38 how did you get into fill and changed color?!

[@manu1530]

Amazing bro... ❤️😍

[@dopemotions]

Thank you so much 😀

[@jiauyjiauy3777]

u got a new subscriber

[@thiagosalim_editor]

Amazing !!!! Thanks!

[@shaungarbry88]

This was a very well done and well explained video. Thank you for putting it together and sharing it. How did you learn how to use After Effects?

[@zawhein4040]

Very nice, thank you so much

[@brianevans4]

its beautiful ngl

[@saifullah5477]

I love your tutorial video

[@idesignbrandingco]

You should explain what you did to add a fill color at 11:38 of the vid. From our end it just looks like you clicked it to bring up the search field for the effects.

[@raencarrillo8094]

I have the same request

[@raencarrillo8094]

ohhh I just find out that it is obviously an effect and you can find it as ¨fill¨ in english, I´m a spanish speaker and I find it as ¨Relleno¨

[@sheservesfun]

Dope as always! 👍 Thank you.

[@GamezLives]

I love your effects

[@wookpractice4106]

thanks!

[@AdamSchneiderMusic]

This was fantastic. Thank you so much!

[@Mintor94]

I wasn't exactly looking for something like this, but it's a great new video if you want to improve your skills with playing with shapes and animating them in AE

[@iankillick2586]

Excellent tutorial

[@EstUnicConcept]

Great sir

[@txpythonop6940]

thaku sir for tutorial

[@pearlannecalacat1130]

Thanks man! :) This is great! I have created my own animation by following your tutorial. I'll be uploading my work at youtube and mention the link on the description.

[@jerryjeremy4038]

You just earned one subscriber

[@sam-lg]

This tutorial is awesome 😍

[@dopemotions]

Thank you! 😊

[@croudycreeper85]

love you bro your my inspiration

[@sarunthanthampithurai3514]

Thanks bro nice explanation