this video is sponsored by the epic vfx academy if you want to learn how to create epic vfx
from a to z definitely check out the link in the description below to put yourself on the wait list
hey what's up ladies and gentlemen my name is inyas aleya and in today's video i will
show you how to create your own hud elements using adobe after effects as you know i've
already made a tutorial showing you how to integrate hud elements in a realistic manner
from our free vfx specs so if you would like to go and check that out go check it out with the
link in the description below and you can follow along but for the people that want to know how
to create their own elements and really are eager to learn in after effects this tutorial is going
to be for you showing you a bit of tips and tricks and techniques that you can apply in creating your
own hud elements so without further ado let's get started so we're going to create a new composition
and this can be full hd so we're going to 1920 by 1080 i'm also going to uncheck transparency and
then i'm going over here into my rounded shape tool so rectangle tool i'm going to create a
rectangle and place that somewhere in the middle and right here i'm going to open up my rectangle
first thing that i want to do is um duplicate this and on this one i'm going to disable it
and just disable the other one so we can use the other one later on and then for the stroke
i'm going to choose some kind of white stroke and we have a nice thick stroke and so right here we
can also open these settings up and we can go into the contents of the rectangle and we can
see that we have the rectangle path we can change the roundness if we want to so we want to make it
sharper we want to make it rounder something like that and we can also animate a trim path so we can
add some animation to this so we can set this to zero click on stopwatch and move over a few frames
set it to 100 and now we have this animation of this animating on maybe we want to select our
keyframes and set these to easy ease so it's gonna be a little bit smoother and if you don't really
like where it starts we can change the offset here do start for example from this center point
that looks cool by the way for anyone looking for computer gear i highly want to recommend corsair
they didn't sponsor today's video but from time to time they send us free products and
we have been working with a lot of products in the past and i must admit that their products
are the best on the market they have an extraordinary build quality i really enjoy
working with the corsair scimitar rgb mouse it has a bunch of buttons that you can see on the side
which you can then modify or customize for your editing preferences for example when
i cut trim or save videos i can do all of that just on my mouse they've also sent us this huge
mouse mat it's way bigger than a regular one so that gives you the perfect comfort at your
office anyway if you are interested in gear go and check out corsair they're really nice
and they have amazing products so links are also in the description for that and let's
continue with the video and so now once it's light up we want the um background to kick in
so maybe here we want to apply some effects like also i'm going to turn this into white
then i'm going to press t on the keyboard and lower the opacity quite a bit and i'm going to add
venetian blinds to this that's an effect with an after effects and if we increase this we're going
to see these lines but we can also rotate these and scale the width and like that we're going to
get some kind of yeah cuts in there so it's going to be up to you however you want to see this
maybe we want to animate this on so something like this click on the stopwatch for the complete
completion at 100 and then a little bit later we're going to set it to something like that
zoom it's coming in we have um our bar and so now i want to add a warning so warning
make it bigger place it in the center point and so warning should be going on
and off all the time so what i will do is i will press t on the keyboard set it to zero
click on stopwatch and one second later i'm going to set it to 100 and then one second later
i'm going to set it back to zero and i'm going to select all of these keyframes
easy ease copy paste and at four seconds paste it and paste it or what i can also do is actually um
if you want to use an expression you can alt click on this and go here properties loop out
we actually just need a loop out so
there we have it so that looks really cool as well we can do the same thing
using another expression hold alt and click on the stopwatch wiggle uh open parenthesis
seven comma for example 50. seven times a second it's going to change with a random value of 50
so it's going to have some kind of flickering to it something like that
maybe the warning we want it to be filled in red and we also want this to the
edge here for the stroke so we add a fill here
and we can see that this one is still exceeding because we didn't make it the
same size so we're also going to jump in here and round up the rectangle path
and i think the opacity here i'm flickering it a little bit too much so something like that
and now it's really playing with like the thickness of the stroke to make it
look a little bit nicer maybe the thickness is a little bit too big
maybe you want another line on top of that and make it a little bit bigger
like this and maybe we don't want to animate the rectangle this time so we're going to open
up the trim path and just make it like something like this and then we do want to make it thicker
and maybe we want to offset it all the time so we're going to alt click on the offset
time times maybe something like 10
or 100 and now we have a rotator under this so we can now duplicate this and we could go in this
one and offset it a little bit more or like add an expression with value plus time times 100 and what
this does is it takes the value from our offset and that actually considers it otherwise it's
just going to bluntly ignore this so now if we're going to adjust this we can see that we can adjust
the position here and now we have two of these so yeah really playing around
with this um duplicating one more time for example and then maybe make it thinner again
but now we are going to make it longer so we're going to content
rectangle trim pads make it longer and then offset it like this maybe we want this to be white
and bring it below this one and and play it so this is now an element that we can use
as a hood element um play with the colors play with all these different settings and make your
animations alright so that's it for this video i hope you enjoyed it if you did give this video a
like and also be sure to subscribe to the channel also i'm going to leave you with another video of
mine right here and i hope to see you in the next one until next time create epic videos