Cookies   I display ads to cover the expenses. See the privacy policy for more information. You can keep or reject the ads.

Video thumbnail
in this video I'm gonna show you how to make a really simple heads-up display in spark AR studio
first we need to make our HUD elements I've made these in
After Effects using the ellipse tool adding a dash and then rotating it
slowly this comp is only 600 by 600 pixels and at 12
frames per second that's because we only have a full megabyte limit to what
Instagram can handle as a filter and it also has a transparent background I've
also made two more HUD elements which are variations on that rotating circle
we need to export these as an image sequence so to do that go to composition
add to render queue and under the output module make sure we choose PNG sequence
and make sure the channel is RGB + Alpha to make sure that it'll render
with a transparent background let's do that for all the elements
let's render those to individual folders
now let's open spark AR studio
spark AR studio is free on Windows and Mac iOS I'm going to switch the camera view
to my webcam and the first thing we're gonna do is add a new asset down here on
the left in the assets panel we're gonna click add asset and select animation
sequence let's rename that cut circle1 and then over here on the right
where it says texture we're gonna select choose file find where our after effect
renders were saved to and select all of them in circle 01 and click open
that's now added down here as a texture in our assets panel and let's make sure
to change the frame rate to 12 frames per second which was what we animated it
in and now let's repeat that process adding the other two elements from our Hud
now the three animation sequences have been added let's go track
them to our face over here in that scene panel we're going to select add object
select face tracker and click insert and we can probably make out faintly these
little arrows that are tracking my face down in the center and now let's add a
new object and this time we're gonna add a plane and select insert now to get
this plane to track to my face we need to go over here in the scene panel and
just drag it onto our face tracker now this plane follows wherever I look to
get animation onto this plane we go over here on the right and where
it says materials we're going to click the + to create a new material which
is called material 0 let's rename that down here in the panel as well and then
with this material selected go over to texture drop-down and select HUD circle 1
and now we can see it's tracked into our scene and it's stuck to my face
it is way too small at the moment so let's go over select that plane over
here and we can adjust the scale so on the x and y axes let's change this to 2.5
and because this plane doesn't have depth we don't need to worry about
changing the z-axis scale so to get the other HUD elements in this scene I want
to go down to our materials select HUD circle 1 and duplicate that with command
or control D and I'm going to do that twice and for HUD circle 2 we're going
to change the texture to HUD circle 2 and the hub circle 3 HUD circle 3 and now we
can go over to our plane here and duplicate that with control D and on
plane 1 change its materials to HUD circle 2 and that's been added straight
on top of that first HUD element to get a bit of separation between these two we
can go down to the middle here select this blue arrow and just drag it out a
little bit now you can see if I move my head we've got a nice bit of parallax so
you can see where it's been pushed forward in Z axis and it's closer to
the camera let's duplicate this plane again
and change that material to HUD circle 3 and let's push this one even closer still
you can add as many of these elements as you want and adjust them to
fill up your HUD to your desire
there that's looking full enough for me now
once we're done to get this onto Instagram what we need to do is go to
file export and follow the prompts that will send you to spark AR hub which
will allow you to publish on Instagram there is a review time and it is getting
longer so at the moment I wouldn't expect it to be approved for at least 10
days but that could change in the future please let me know if you want more AR
tutorials on this channel this is just scratching the surface
I made a short playlist or some related videos that'll think you'll enjoy if you've made it
this far I'll see you in the next video and please consider subscribing if you'd
like more of these videos every week