So Yannick here he is being tough,
you know, boxing against this tree
and he thinks he's winning
but actually he's not.
Anyways, he's kind of reminding
me of Rocky, you know that guy?
So I came up with the best solution to visualize
that and kinda let him flow in the air,
and make a 3D transition towards a rock.
So let's see how we can do this
inside Premiere Pro,
and we've made a pretty cool
workflow that also allows
Premiere Pro CS6 users to follow along.
What's up guys! Jordy here
for cinecom.net
and again, welcome to an exciting
Premiere Pro tutorial.
This time we're going to let
Yannick here flow into the air
because what we're gonna do is cut him out
and set him loose from the background
kinda let him, this flow there.
And there are a couple of cool things we can do
by setting the elements loose from each other
but we'll get into that in just a moment.
And now we're going to create this very
simple transition to a second image,
in this case it's a rock.
So let's get started with that guys
I'm going to create a new sequence
and let's just name that...
..."Yannick boxing",
press OK.
And I'm going to drag in the boxer clip,
which is Yannick, into my timeline
and we're going to look
for a certain point
where like, Yannick and the tree are
kind of loose from each other
so that we have like a clear point on
where we can kind of cut them out,
let's take this one here, it's a little bit
different as that we had before.
So at this point right here what I'm actually
going to do is grab a frame from it.
So I'm going to press here
on this button "Export Frame",
click on that, and we're
going to export that too,
let me just see here on my desktop
the 3D zoom transition,
so let me export it to here select that folder
and give that any name that you want,
for example the Boxing Frame
and then just press... Oh no,
for the format let's just pick JPEG.
If you want, like a better quality,
you can go for TIFF,
but a JPEG is good for this tutorial
and you wanna press OK.
So it's inside that folder now, let me
just open that up, it's right here,
and over there we have that Boxing Frame.
The next thing that you want
to do is open up Photoshop,
and this is also the reason why
CS6 users can follow along
because inside premiere we
can actually create masks,
but it wasn't introduced until -I believe-
2013, Creative Cloud, I'm not sure.
Anyways, we're going to use
Photoshop, it's also going to be
a lot more convenient
to work with this here.
So I'm going to drag in just
that JPEG file into Photoshop,
and just going to double click here on this
layer and press OK so that's kind of unlocked.
Now, what I want to do is
create three copies of this layer,
because we're going to set each
element into a separate layer,
so what I'm going to do
is just select that layer
and press ctrl-J or command-J
for the Mac users,
and that will make a duplication
of that, we can do that again,
to have like three copies of that.
If you like so, you can give those layers a name
as well by just double-clicking on the name,
for example this is the background
that we have, this will be Yannick
himself, the boxer, and then we have
the tree on the right side,
so this is the tree, like that.
Let's start by just disabling the top two layers
and focus solely here on the background.
You wanna make sure that all the two elements
are gone and that we only have the background.
And what I'm gonna do for that is gonna go
to my Lasso tool here on the top
in my tool box, click on that,
and I'm just going to draw like a very
quick selection around Yannick.
So let's do that and it can be pretty rough,
but do try to stick as close
as possible to Yannick.
There we go, and if you accidentally
touched or went into the subject
then you can always hold
down your Shift key now,
you'll see this little "+" icon
here, next to my lasso tool
and you just kind of create these
arcs here to expand that selection.
Once you have your selection around Yannick,
you want to go over to the Edit, on top here
and we're going to select Fill
and from the Fill we're going to select
"Content Aware" for the Contents.
And then just press OK and if everything
goes well, Yannick is gone.
It's like that simple.
And then we're going to do the exact
same thing for the tree as well
and we can just take the
Rectangle tool for that,
just something like that, it can be very
rough, perhaps here on the side.
You can also press, by the way,
the Alt key instead of the "+" key
and that will kind of remove something
of this selection if you're going to, like,
cut into the other side.
So, perhaps you can do
like a bit off from here.
Right, let's just try it out
and see how it goes.
I'm going to go again to
Edit, say Fill and...
...press OK and the tree
should be gone.
So that's the background,
looks good,
now we're going to focus
on Yannick himself.
And for Yannick we're going to use a different
tool that is going to be the Magnetic Lasso tool.
Just click on this tool here,
hold down your mouse click
and that will reveal some more tools.
Take that magnetic tool thing
and we are really going to like
focus on the edges, here.
So, start from the bottom and just
go over with your mouse,
you only have to click once and Photoshop
will create these points himself.
It's going to look for contrast.
Now, don't worry if again your mask
goes wrong somewhere,
you can always fix that afterwards,
like I've shown by just holding
down the Alt key and such.
So, let's just continue doing this.
Something like this looks pretty awesome.
In the middle here we also have this gap, so
what I'm going to do is hold down the Alt key
so that I have this "-" so that I can create
a selection inside a selection,
so let's do that.
Make sure that you're holding down
that Alt key, very important.
Close that, there you go.
And now we're going to fine-tune this mask,
because it's pretty important that we do so.
And you can do that from the
button down below here,
below our layers you'll see this Create
Mask button or Add Layer Mask.
Make sure that layer is selected as well.
And click on that and now it will
create a mask from your selection.
And if we are like going to disable the
background below, you will see how it looks.
Now I can like fine-tune this mask
and this is something pretty cool,
just click on that,
and here on top you will see a possibility
that says "Select and mask".
Click on it, it will give you
some different options,
but pretty cool here on the side
we have some more options to...
...fine-tune in and tweak this mask a bit.
I'm going to start with just a normal brush tool
because here on the bottom for example
I see that we have to like
clean that up a bit,
right-click in your image anywhere
and just increase the size
of that brush, if you want so,
and now we can kind of
work a bit faster.
Something like that.
And there was this little point here, with these
gloves, that were going a little bit wrong.
We can zoom in as well, by the way,
just hold down your Ctrl key,
or Command key on the Mac and
just press the "+" key on your keyboard
to zoom in and let me just also
use that Mask tool here,
just kind of click a few times,
and you can click outside that
subject, if you want so,
because you can always like remove that again
by just holding down your Alt key.
So this is pretty cool, you can like paint
stuff and then remove that again.
And perhaps you might want to
change your size a bit for this,
also the hardness perhaps, so that you
will have like a kind of a softer edge to it.
for the harder parts.
Alright, I'm just going to go
quickly over this.
Something like this it's OK, perhaps
like here at that glove again.
Alright, so this is good, we're
going to leave it with this,
So, one thing I do want to show you guys is
how to clean up hair inside Photoshop,
because that is something which
is definitely not easy.
But Photoshop has this Hair
tool here on the top,
and this works exactly the same what
you kinda want to do is just like
draw around the edge of his hair,
and it will kind of look for
those specific details.
Let's see how that looks, this is
already starting to look a lot better.
So, this looks pretty awesome now.
Let's zoom out and see how it looks,
Yannick is keyed out and I'm
pretty satisfied with this.
Let's just press OK now,
Yannick is isolated.
Now let's focus on the tree, that's
the last layer right here.
And we're just going to do the exact
same thing with the Magnetic tool here,
just start from the bottom and then
just go straight up like that,
make sure to follow the tree well,
and let me just do this quickly here.
For the edges here I'm just going to use
the Rectangle Selection tool on top,
and quickly hold down my Shift key again
so that I can expand my selection,
like that.
So that I have the bottom with me,
and just one last thing here on the top,
let's just do this very quickly, guys.
There we go!
Create a mask for that by pressing
on this button here again,
with having your selection and
your layer selected as well.
There you go, and again if you
want, you can go back into the...
...Select and Mask and kind of
fine-tune in there.
But we're satisfied for now for this
tutorial, we've got our three layers
so all the three elements
now are separate.
And this is perfect, we can now work further
on this inside Adobe Premiere Pro.
So what I'm going to do is
just press Ctrl-S to save this,
and we're going to save this
as a Photoshop file,
so just leave this as Boxing Frame, press Save,
yes, maximize compatibility,
then go back into Premiere Pro,
and you want to import that
Photoshop file in here, as well.
So it's right here the Boxing Frame,
drag that into your Project Panel,
and here on my other screen
it will ask you how you would like
to import that Photoshop file.
And instead of saying Merge all Layers
we're going to say Individual Layers,
because we're going to need those layers
individually to work on them.
Press OK and they're now
here, inside this folder.
And it just works as a normal image.
So we're going to start with
the background here
and make sure that you're going
to align this with your playhead,
because it was that frame that we took.
So first the background, then the
tree or Yannick, doesn't matter.
There we go.
So now, if we are going to play this, you
know, it will like go back to that still frame,
but we have these layers
all separate as you can see,
when I'm disabling and
enabling these layers.
Alright guys, let's take a very quick break
to thank the sponsor of this video.
Nothing beats a traditional film grain static,
so if you shot a project on video but
wanted to give that true cinematic look,
check out these incredible
grain overlays by RocketStock.
Captured using real film stock including
Eastman Double X and Kodak Vision3.
This collection will make your project look like 
it was tailor-made for the Silver Screen.
Link is in description below or just pay a visit
to rocketstock.com for more details.
So now we can start with animating
these layers and that's pretty cool,
Head over to the Effects Controls and we're
going to search for the Transform effect.
That allows us also to create some motion blur
to make the animations look more realistic.
Where is that thing? Transform,
underneath the Distort folder.
So, drag that Transform effect to...
let's start with the background,
make sure that you are in
the beginning of that layer
and I'm going to create a
keyframe for the Scale,
make sure that's the scale
of that Transform effect.
Then head a bit further in time and let's
scale that to something around 105
or 103, not too much, the background
is just going to be like very subtle.
And then, on the final end here, we're
going to do like a smash zoom,
So let's go like, 1, 2, 3, 4, 5
frames forward,
you can do that with the arrow
keys on your keyboard,
and we're going to zoom this
to the maximum, which is 300.
So down we have like a
sudden zoom, bang!
And if you've been following me
for a longer time on YouTube,
you know how important I find it
to create smooth keyframes,
so that your animation doesn't start
so instant, but smoothly starts, gently,
like it's accelerating.
So we're going to like right-click on that
keyframe here and just say "Ease out",
and that will make sure that slowly
starts and zooms in fast,
and this will look a lot better.
Alright, let's head over to the next layer here,
Yannick, let's start from the beginning again,
and also here I'm going to drag
that Transform effect to it
and I'm going to animate
the Scale as well, 100
and we want to be like on the exact same
position as what the background animation
so I'm going to select that layer again,
and just scrub to that keyframe,
but if you hold down your Shift key
you'll kinda snap to those keyframes.
That way you're sure that you are
on that exact same position.
So, back to that Yannick layer here
and let's increase that Scale as well.
Perhaps we can scale this
a bit bigger, like so.
And we're also going to animate the Position
and perhaps also the Rotation, looks pretty cool.
And we are creating now keyframes
for the beginning state,
so you want to make sure to move
these keyframes to the beginning,
because this was a default
position and rotation.
And now that we are on the ending
position, we can change that.
So, let's change the position of that
layer a bit more to the left
and perhaps also rotate Yannick a bit,
something like that.
Then again, 1, 2, 3, 4, 5 frames forward,
and what we wanna do now is also
here zoom Yannick in to 300%
and perhaps also change his position
a bit more to the left side,
something like that.
Then stand back on that second keyframe
here, hold on your Shift key,
select the last layer, also here
Transform on that layer, the tree,
create a keyframe for the scale
and we're going to move that again to the
beginning, because it is the first keyframe,
and then for the second keyframe just
kind of increase that Scale a tiny bit,
1, 2, 3, 4, 5 frames forward
and now just kind of...
...like, boom the scale,
there we go.
So now we have like this
awesome flow thing effect
and then we have this
massive zoom.
Now, for the beginning guys, because
this is also going to start...
...pretty instant here, that flowing effect,
also here we can create those
nice smooth keyframes,
right-click on that keyframe
here and say "Ease out".
And the reason for it being is because the
animation goes out of this keyframe,
because time goes from left to right.
So, if you would like to like stop your animation
smoothly, then you have to select "Ease in",
if that would have been
like this keyframe here.
So for this first keyframe we're
going to select "Ease out"
and for this one here as well,
we're going to say "Ease out" too,
because we don't need the
animation to slowly stop,
now we just want to like
slowly start, only.
And for the last keyframe we're
going to cut here, anyways,
so you can leave this
at a linear keyframe,
or else your animation will
also like slowly stop,
while, in reality we just kind of wanna have
the elements like to shoot away
in this 3D space, or
kind of 3D space.
So, everything should look good
now, this is for the tree.
OK, let's do the same thing
for Yannick as well here.
Select the first keyframes,
right click, ups!... right click,
and say "Temporal Interpolation",
and then say "Ease out" as
that's the starting animation.
And then for the second keyframes here as
well, right click and also say here "Ease out"
and for the last one as well
here "Ease out".
Alright, we're going to cut these layers
at this point here, at the final keyframe,
so just select all of them and just trim
them like this, towards that point.
And what we wanna do now is
introduce some Motion blur here.
So, from that Transform effect we're
going to do that for all three layers,
we're going to deselect 
"Use composition's shutter angle"
and we're going to set
that to something...
...we could set this at 180°, which
is like a normal Motion blur,
but we're going to set this to 270° or something
which is going to introduce more Motion blur.
Because we really want this
to, like blur out... big time,
so that we have like that Zoom effect...
...so that the Zoom effect
even looks a lot better.
So, once you've set all of that, you
will see that, here during that zoom,
will have that Motion blur going on.
Now guys, what's pretty cool
about these layers as well is,
because you have these layers available, you
can also work with like text behind Yannick,
if you want so,
just like move these two layers up
and put a text layer here in between
and you can have something that goes
behind him, or something like that.
So, that is the cool thing about
having these layers separately.
Alright, so already have like
the floating effect now,
this looks pretty awesome and
then it zooms in massively
and we're going to go to this rock,
right here, guys.
What I'm gonna do here is also add
that Transform effect to the rock
and I'm just going to do the exact
same thing here with the scale.
Let's just take like 1, 2, 3, 4, 5
frames forwards,
the scale is going to be
100 at the ending
and it's going to be...
...let's say 20 or something, in the beginning
so that we have something like that.
Now, what I'm going
to do is kind of align
this clip here with the animation
that we've done prior.
Now we've always worked with the
fast zoom that was 5 frames,
so I'm going to select this rock clip right here
and also move this 5 frames to the left.
Hold down your Alt key while
you have that layer selected
and then just press the
Arrow key to the left.
1, 2, 3, 4, 5.
And now, on the ending of that animation
you also have this here at Full Screen.
So, in between now we
kind of have this, here.
the background just kind of goes away
and then we have the rock clip coming in.
So this is pretty cool, but we're going to
like make a better transition out of this
and we can easily do that by just
right-clicking in between these two
and say "Apply default transition".
And also here, for that transition,
we're going to like trim this
so that it aligns up, somehow,
with the ending of that animation.
Something like this, so now that
background will kind of
dissolve into each other,
into something like this.
And like we've done with
the other layers as well,
you wanna make sure that we have that
Motion blur, so select the rock layer and...
set the shutter angle to 270, for example.
And now that animation
should look better, as well.
There's one last thing that we wanna do
guys, it already looks pretty awesome.
Oh, by the way, if you would like to
bounce this clip, you can do so.
Instead of 100% here at the
fifth frame of the rock clip,
we're going to set this to,
let's say 110%,
then go a couple of frames forwards,
like 3 frames, set this to 100 again,
1, 2, 3, 4 frames forward again and then
let's set this to and 105 or something.
and now you'll have like this
very small bouncing effect.
If it will render out... yes,
...like this.
This kind of emphasizes
that fast 3D zoom effect,
so, like I was saying, there's
one last thing that we want to do,
and that is like during this floating effect
we kind of want to pull the
attention towards Yannick
and to do that we're going to create this
vignetting here, only in the background.
And you can either do that through
the color tab here on top with Lumetri,
because it has this vignetting
functionality built in,
but if you're working on something like CS6
or a version that didn't had Lumetri yet,
then you can go into the Effects controls
here and just search for "Circle".
drag that onto that background and we’re
going to change several settings in here
for the blending mode we're
going to say "Stencil Alpha"
and then just increase that
radius big time, like so.
And of course you want to increase the
feather here, just open that property up
and increase that feather.
And now we kind of have
that vignetting thing going on
aimed to pull more attention towards Yannick
because of these darker edges here.
So also this, we're going
to animate it as well.
We're going to start with the radius here
like something ridiculously high,
so that we don't see the vignetting.
create a keyframe for that and then
just go to the ending of the animation,
or like the second keyframe,
or like the entire ending,
and then just kind of
decrease that radius...
...something like this.
And now you will also see that the vignetting
will kind of be animated towards Yannick,
as it's playing like so and then
it will kind of like zoom in
and go to that rock.
Now, something here that is occurring, is
that you will see that we're gonna
go into a black background
and that's because we are using this Transform
effect to do the scaling and such with.
And, in order to fix that,
you only have to like drag the Circle effect
above the Transform effect.
So now we are kind of saying
"first do your vignetting
and then do the transform
as well, on that vignetting...
or the Circle effect".
And now everything
will look a lot better.
So it's very important sometimes
the order of your effects.
If you can't get something to work then
try to play around with those things,
in most cases it will also fix your issue.
And let's have a look at the final
effect now, Yannick is boxing,
and here it kind of flows into the air
and then zooms into the rock.
Alright guys, thank you so
much for watching again.
You can download this project file
entirely for free, from our website,
so that you can play around and
practice these techniques, as well.
Make sure to subscribe to this channel
if you liked what you've just seen
because we are putting out multiple
videos like these every week.
Thank you so much again for watching
and always remember...
...stay creative!
