The Tony Stark heads-up display
or HUD effect is one of the coolest video effects you can do!
Man, I am claustrophobic.
I would not make a good superhero.
What does that thing even do?
If you want to learn how to pull this effect off
stick around I'll show you how!
Jarvis?
Pepper!!
Why is no one answering me?
Hit the Subscribe button and click the notification
Bell to be part of the conversation.
Today, I really want to talk about how you can use layers
to create an overall effect.
This particular HUD effect is one that used a lot of layers.
If you look right here
in Movavi in my project you can see I have a lot
of little layers going on the very first layer.
I filmed was actually my face against the black background now
if you notice it seems
like it's sort of cropped and circled around my face.
I did that very intentionally
when you click on your track in your upper left,
you'll see the ability
to control all of the things in this layer to understand
what I did.
Let me remove the crop and rotate.
Tape and the highlighting concealed you can see
this was just me.
I had a dark shirt
on I put a black shirt on and I had a black background around me
that made a little easier to do what I wanted to do.
What I added was a crop feature
that allowed me to focus in on the portion of my face
that I really thought was important to this scene.
The other thing I did was I use the highlight and conceal
and what this option does is it allows you to frame a box
or a circle you can see the different shapes.
You can create square or Circle and you can really
highlight the frame Circle worked well for me
because I was just trying to do the roundness of my face.
Yes.
I know my face is rounder than it used to be years ago.
But this really allowed me to conceal
and mask away the rest
and create this sort of vignette effect
that only focused on my immediate face.
So to start I had that track going on
that allowed me to look
like I was just speaking
into this one highlighted circle from there.
What I did was I went on the internet
and found some different image.
That I thought created this heads up display technique.
Now, you can go to places like pixabay.com
or adobe stock images that also has some great images
that you can purchase
but I found this one online and this image.
Let me turn off this other one.
So you can see this image was just this sort
of heads-up display
that before I cropped it looked
like this was sort of a display layout
that I found one scicrop the section that I wanted.
I actually turned on the chroma key feature
and that eliminated the blue section from behind
and allowed just the highlighted areas to show through.
I also went up to the opacity and dialed it back to about 56.
It was pretty bright,
but dialing it back
to about 56 percent seem to give me a look
that was a little more organic to what I was trying to create.
So now I have this cropped layer.
That was just this sort of technical visual look and I laid
that over my original track
of my face me talking to the camera and
because I had used
the chroma key to remove the collar and let it show
through And also dialed out the opacity
that gave me this effect
if I had turned off the chroma key
and dial the opacity back up.
It would be harder to see my face through this layer.
So once I have the general feeling
of what my face might look like inside of this heads
up display helmet.
The thing that I noticed
on Tony Stark's heads up display was there was always a lot
of things that we're sort of moving in and out of frame
as he was inside of the Iron Man uniform.
So I started looking for even more things
that I could add to this.
This was another image
that I found that was just sort of this weird circular design.
It almost looked like a camera lens configuration,
but I thought it helped frame the center of the shot.
I added a little motion to it
and you can see it just sort of sits there
but I added a few flickering glitch effects to make it feel
like it was pulsating a bit and moving
and this is really important
to the layers that we add is to create that motion
if you have a layer
that you want to create some motion,
all you need to do is click on that layer.
Go up to animation
and you can either drag down an animation feature on to that
or you can right click on to it click
on animation and add a keyframe
and what that will do is add a spot in this particular layer
that you can change the location of from
where the existing shot is.
And for every key frame
you add let me add another one right here
and change the location of that key frame.
It will force that image to move in between the two
the keyframes are just
where you want them to end and movavi fills in the blanks
and moves this image
from one location to the next now,
you can even do things like let me add
another keyframe here right?
Click animation add keyframe.
You can actually grab
that grab the corners and shrink it down.
That's how I created
that zoomed in and zoomed out effect
because you can control it by clicking up in the right
and resizing that image.
So if we go back and look at the frames,
I just add I move them around a screen
and then I had it resized.
Made it seems
like it's zooming out or moving away.
But for my shots,
what I had to do was kind of shrink and then come
back out very simple
and that gave that Center a pulsating effect.
So looking at those three layers,
my initial one was my face with this sort
of digital display screen laid
over it and then this circle that wasn't very bright
but combined with the other two layers it just sort of had
this Center effect that made it feel
like I was within a helmet once I sort of had
that Center graphic figured out.
The next thing I wanted to do is to add some other features
that came in and accentuated things
that might be happening within the control panel display
of the helmet.
This was another little digital graph
that I found and I brought it in
for a moment and use keyframing to have it come
into frame sit up
and then I had to drop back down.
Let me show you how I did that one
from this Center section.
If I were to add a keyframe animation add a keyframe
it gives you this window the way I made it look
like it was popping up as I grab the top
and I dropped it down to the bottom.
So That does is it makes
it feel like this is popping up and down
and bouncing but all I'm doing is actually grabbing the top
and shrinking it.
So with the motion I added I decided pop-up.
I had it sit for a few seconds.
And then I had to pop back down now I did the same thing
with other Graphics in other areas.
This was another piece I found over here
and I had it come from almost nowhere pop into the upper left.
I had it sit for a moment and then I had to pop back away.
If you want to figure out how to get these things to pop
in and out you can add a keyframe and you can decide
if you wanted to make it look like it disappears to nowhere.
It's just shrink
that down to nothing
and that'll give you the effect of something popping
in and shrinking back down to nothing.
It's just controlling the size using the key frames and movavi
is figuring out everything in between some other ones.
I found were this little circular display,
which if you look I didn't keep
this very high and opacity this particular Circle.
I have a dial back down to about 32
because I didn't want everything to be super bright.
I wanted some things to be stronger
some things to be weaker
what that creates is a layering effect
where some things are important
in the scene and some things are less important
and I just found different places to put
them somewhere in the upper.
Right?
But what happened was is
once I had all of these layers working together,
then it started to feel
like there was actually a lot going on inside of this helmet.
I spent a lot of time trying to dial this in getting
the right combination of chroma key effect opacity of the layers
and design of where I wanted to put things
so that each layer made it feel
like everything was happening inside of a helmet.
Once I had this all put together,
I actually shut off my main footage
and I took all the rest of these and bounce them
which is really just exporting all of these as a project
and bringing this back into movavi.
Once I brought it back in
and everything was in a singular layer.
I did some color adjustment.
I was able to add a little chromakey
onto it to pull out some
of the darks a little more to let my lower layer show through
and really tweak these layers in such a way
that I could really get a more balanced effect.
It felt like something now, here's the really cool thing.
Once I had gotten all of these things into one layer.
I started using that same key framing to move the display
every time my head turned
if my head turned to the left I'd add a keyframe
and slowly pull that layer over to the left a bit
if my head moved to the right I'd add a key frame
and move that main display
over to the Right and started tracking with my face
until it felt like when I turn my head that display moved
with it, and again,
that's just a simple matter of putting The playhead
where you want it right-clicking choosing animation
and adding a keyframe and wherever that keyframe is.
I would relocate this to Center on my face
and that allowed it to move with me.
It took several key frames
and it took a bit of patience to make sure
that the flow moves the way I wanted it to but
as you can see it has a pretty cool overall effect
that when I nod my head it goes down
when I leaned in I zoomed in and every time I looked right
or look left,
I would move that main screen with it.
So it really felt
like the helmet effect was moving with my head.
This video was sponsored by the good people at movavi.
If you don't currently use Movavi,
I'll post links down below where you can download
the software right now and try these effects yourself.