"Cinematic Music" from Envato Elements
Hey what's up you guys? And welcome back to Gal in this video I'm showing you how
you can take a 2d photo and transform it into a 3d moving image
you guys saw in the opening now to create this effect you need to use a
template which I've linked to below and in this tutorial I'm gonna show you how
to modify it first we're gonna start by building a depth map of the face and
then I'm going to show you how you can animate a camera layer around the face
to make it appear that it's actually 3d but in fact it's just a 2d image so
that's what we're going to do in this tutorial and I'm gonna do it with a
couple of different faces that way you guys can feel confident in doing it with
your own photos so let's go ahead and jump on in here we are inside of After
Effects I have the 3d portrait template open the first step is to place your
portrait image that you're using inside of this first composition called place
image HD now I've already imported the photo that I'm using to start the first
one that we will be doing is this woman with the colourful face that I got from
in Envato elements if you guys want to follow along I've put a link to this
image in the description box below so let's go ahead and take this image and
it's a drag and drop it into the composition on the top and you can see
it's really big we need to scale it down so just hit s on your keyboard to bring
up the scale and then click and drag to the left to scale it down and then once
it's in place you can actually click and reposition it however you like if you
want to bring it more down if you want to have more chin which ever you prefer
I think here is just fine now from here we're going to go to the second
composition to build the depth map so let me go ahead and fit this composition
to the window here and you can see here that there is a preset this is a preset
that comes pre-installed in this template and what we need to do is
change this preset to the left half profile preset because she's looking to
the right she's not looking directly at the camera so to do that we need to
select the layer choose first preset and then from your effect controls were
going to change the preset from the front preset which is this one we're
going to uncheck that to turn that off and then we're going to use the half
left so check that box and you can see that this new preset comes up and you
can see that there's different types of presets as well so depending on what
type of portrait that you're working with you can use the left one here you
can use the right side profile or you can do the left side profile let's go
ahead and uncheck that and let's check the half left and this is our starting
point from here we're going to find they use half left layer we're going to
select this and you can see that these masks came up on the composition and now
we need to adjust them to fit her face so what I like to do is actually toggle
down on this layer and go into all of the different masks here and select the
first one hold shift and select the last one and then hit command T or ctrl T on
a PC to select all of them and that I like to scale down the composition to
around 33% and then I drag the corner here and hit shift so it remains in the
same proportions and scale it up until it roughly fits her face so I'm going to
scale it up a little bit more and just move it around here until it gets
roughly into place and once it's almost there then you can go in and make
fine-tune adjustments so let's go back to fit the composition and now we can go
in and make adjustments to all the individual masks so if you go back here
and select the layer then here if I wanted to move this ear I can double
click to move it into place and then I can hit command or control on a PC and
then the plus key to zoom in and then use the H key on your keyboard to enable
the hand tool to then move it into place and you can see a more close-up version
of the mask now what we want to do is make some fine-tuning us to the points
so let's go back to V on our keyboard to the selection tool and then click off
and then slicked back on a point and here we can
make fine-tuned adjustments just by moving each point so it fits directly
around her ear and hit H to go back to the hand tool then V to go back to the
pen tool so I can do this to all of the different masks on her face
you could also pull the handle like this to make adjustments to the curve and now
we have her ear so let's zoom out here to see how that looks looks pretty good
and now let's zoom in on her eye now let's do the eyes hit V and double click
and let's move this into place and we can scale this up to make it a little
bit bigger and move that over like so so now I'm just going to quickly go through
and make all the fine tune adjustments to the nose the other eyes, and the head
and then I'll show you how to create a background mask for the hair and the neck
"Lofi Hip Hop" from Envato Elements
and it's totally fine if some of these masks overlap you don't have to be
concerned if they're overlapping so having the head overlap with the ear
here is completely fine
so now you can see I've adjusted all the different masks on her face and it's
looking good as I zoom into the depth map here I can hit command and +, H again
and you can see here this is a preview of the depth of field using this
template now I need to make some masks for the hair in the background in the
back of her head and down here where her neck and hair is so the way that we do
that is we actually go down here to a different layer and let's select the set
back object mask and here there's a note that says you can draw up to five of
your own masks here and now we're gonna go up to the pen tool and we can draw
our own masks so if i zoom in a little bit here hold the H to bring the hand
tool I'm just gonna draw a mask around her hair in her neck and then I'm going
to hit G to bring up the pen tool and I can start drawing my mask and now we
need to do one for her hair here so we need to turn off this depth map so up
here select control depth map and let's turn off the preview just by checking
this box and now we can create a mask around this side of her hair which is
farther away from this part of her face so let's go back down to setback object
mask and hit the pen tool again and let's just
draw a rough mask around her hair here
all right now we have our two back masks and let's go up here and we can go back
to the depth map and turn on the preview and now we're ready to animate so if we
go to the third composition Animate HD, from here we can start to animate the
camera but the first thing I like to do is select the controls and turn on the
relighting so by enabling the relighting it puts on a new light and we can adjust
the intensity of it and the point where the light is is this yellow cross so we
can move this over to be on one side of her face and what this will do is it'll
make it more interesting when we animate the camera because that light will feel
like it's actually moving in 3d space so if we go ahead and select controls again
and we go to light intensity we can increase this up just by moving the
slider to the right until it brightens up her face a little bit so you can see
it's brighter on the right and darker on the left the next step is to zoom in a
bit because we do not want to see this transparency grid we want the block to
fill up the entire HD frame so to do that this is where we're going to go to
the camera animate and underneath transform what we're going to be
changing is the point of interest and the position of the camera so we're
going to use the unified camera tool so if you hit C this will enable different
camera controls so this one controls the X and y axis so if I move this to the
left it changes where the camera is to the left and to the right if I drag it
this way I can drag it up to move up and I can drag it down to move down so I
don't want it to be this far down so I'm just going to drag this back up until
it's back into frame that looks good now if I hit C again
it's going to bring in the Z camera tool so if I click and push up it's going to
zoom in and if I click and push down it's going to zoom out so we want to
zoom in in this case I'm going to click and zoom in so for our starting point
I'm going to click and just zoom in a little bit more on her face as close as
possible to her eyes there and I think that looks good and now if I hit C one
more time you'll get the camera orbit tool so if I click and just move
slightly to the left it's gonna move the camera so that way more if the right
side of her face is showing and if I click and move again just slightly
you'll see it rotate again now if we click and move too much you're gonna see
a little bit of distortion here but if we go to controls you can see that the
resolution is a lot lower when we actually export this we're going to want
it to be at around 300 resolution and you can see that that distortion
actually goes away so at this point it's actually okay and we can have this be
our starting point for our camera movement so to make this our first
points we need to enable keyframing from the transform tools on the camera layer
so click on the toggle animation for point of interest and position and now
we have two keyframes and now if we want this animation of the moving head to be
five seconds and this composition is 25 frames per second we'll just times 25 by
5 which is 125 so here from frames we're gonna go to time 125 and here
we're going to change the controls of the camera now this is pretty cool so
I'm going to have this rotate back to the right again so I'm going to click
and move to the right just ever so slightly you can see it started to
rotate a little bit I'm going to do a little bit more there we go
and then I'm going to hit C again until I get to the zoom out tool and I'm going
to click and go down a little bit just to zoom out a little bit more
see I'm not a little bit more in this process it just takes some playing
around with it until you get the right position so everything that I'm doing is
completely just random until I get it into the spot that I think looks good
yeah I think I'm going to go back to the orbit tool and just move it a little bit
more to the right to get some more rotation happening all right I think
that looks good and now between these two points the animation occurs so it
starts at this point here and it moves all the way back to this point so then
we can go to the fourth composition to render it out and let's go ahead and fit
to screen here and let's go ahead and go to 125 again and then we can move our
work area so that way it only renders out that portion and now depending on
your computer this can take a few minutes to render out so I'm just going
to hit the spacebar to play and it's going to render it out frame by frame
the camera movement and once it's done you can see the full effect and whether
or not you need to add any more camera adjustments all right so now it is fully
rendered and you can see what it looks like you can see it rotates from the
right side around her face and it looks pretty cool and what you can do is you
can hit space bar to pause and you can go up to file and you can export this by
sending it to Adobe Media encoder or adding it to your render queue now what
I've done is I've created another project with this guy's face it's
actually in a portrait mode so I'm just going to save this and I'll just save it
as colorful woman to save that project and I'm going to open up the other
project I've already created with the man here so you can see that this was
not shot in a landscape it was a portrait now what I think this would be
useful for is if you have an Instagram feed and you do lots of portrait
photography you'd be super cool to post some videos of your portraits in this 3d
mode so what I've done in the second composition just like we did before I
use a different preset this time instead I
use the front preset and from this layer I made all the adjustments around the
different parts so his head his eyes his nose and his lips and all of that is
done so that is good to go so then the next step is going to the
animation so here from animation I've already added some keyframes so the
starting point of the camera is in this position and the end point is in this
position but what if you wanted it to be a perfect loop what if you wanted to
post this to your Instagram feed and you wanted it to seem seamless well what we
can do is since this is only a five second animation we can actually make
this ten seconds instead so we can go to frame point two fifty which will be ten
seconds exactly and what we can do is we can have the starting point we can copy
the starting point at two fifty so I can lasso and select these two keyframes hit
command C to copy them or control C on a PC and then over here I can hit command
V or control V to paste it and so then it goes back and it's a perfect loop so
then now we have our perfect loop we just have to render it out so now I'm
going to go back to number four here and you can see that this is actually in a
portrait format in the previous project I was using the widescreen so you can
see that this has the bars on the side we want to be using the portrait so this
is exactly what we have I also change the aspect ratio here to be four by five
aspect ratio which is ideal for instagrams if you click on this little
hamburger menu you can open up the composition settings and I set the width
to 800 pixels and the height to a thousand pixels and that is a four to
five aspect ratio which is ideal for Instagram so then I'm going to hit OK
and then at the 250 mark I'm going to move the work area handle here all the
way to be just after 250 and now we just have to render it out which will just
take a couple of minutes so I'm going to hit the spacebar for it to render out
frame by frame and so here is the final seamless looping 3d
portrait that you can post on your Instagram feed and I think I'll post
this on my own Instagram feed because I think it looks super cool and I hope
that you guys can use this for your own Instagram if you guys are into portrait
photography and want to try out some 3d portraits so I hope that you guys found
this tutorial useful if you did be sure to give it a big thumbs up and if you
want to get this template you can get it from Envato Elements again I link to it
in the description box below if you subscribe to Envato Elements you not
only get this awesome 3d template but unlimited other creative assets from
photos to graphic templates, sound effects, music, video templates it has it
all it's amazing and I use them in almost all of my videos even that logo
reveal intro that you guys saw in the opening I got that from Envato
Elements so that's it for this video let me know what you guys want to learn next
and I look forward to seeing you guys next time bye!