Hello, this is Cristi. Welcome to a new Camtasia
tutorial video. In this one, I'm going to show you a nice effect, a nice workaround,
to having video in a device screen, on a device screen. Not only that, but Camtasia doesn't
allow you to distort videos, so if you have a device that is not upfront, straight up,
you know, vertical, you know, pointing at the screen, it can be hard to place a video
inside of that device screen. So Camtasia does come with some built-in device
frames, but they are usually just straight up 90 degrees angles. And, you know, it's
very easy to place a video inside of them. But how about if you want to put a video inside
of a device that is not straight, it's kind of slanted on an angle. We will look at another
one where that device is actually moving. So we are looking at a video that we can place
a video inside of another video that has a device on it and place our video inside of
that devices screen. Like you see, in my example, videos here, one of the examples is showing
a static video. And it is a static device with a video inside of it. And another one
is going to show a moving video device with another video inside of it. So I'm going to show you how you can achieve
both of these effects using just tools inside of Camtasia. Now, as you know, Camtasia does
not have. Motion tracking. It doesn't have rotoscoping and we will still be able to do
that without these things, we will still be able to achieve our effects and you will see
there's a little bit of a catch at the end, but you know, apart from that, it's perfectly
achievable and let's have a look. How is. So I am in Camtasia here. I'm going
to do the first example first. So I'm going to import two videos that I'm going to use
for my example, I'm going to drag these onto my media bin and you can see them. There's
one video of a person typing on a laptop. So this is the first example. If I place this
on my canvas, you will see that the person typing. On this laptop and carefully keeping their
hands away from the screen. This video was obviously made with that purpose in mind,
to be able to replace that screen with a video of your choice. And you notice that the screen
in this video is not straight up to the camera. It's on to one side it's slanted. It has a bit of a perspective to it. So, because
Camtasia doesn't allow you to distort any clips like that. Let's see how we can achieve
this effect in Camtasia. So this is the video I'm going to use as the device frame. And
the second video is the video of some flying building, you know, flying around some buildings
in a city. I'm just going to place this one here as well.
It's not the same dimensions, but it's not a problem. And both of these videos are downloaded
from pexels.com. If you want to go there and you find them and you can use them in your
examples, I'm going to link below to these exact videos to the site. So you can take
them in practice for yourself. So this is the video I want to place on that
laptop. If I resize this here and you know, you can, of course you have to, if you want
to rotate to. You can see that it doesn't really fit in that area. You may try and scale
it. You're holding down the shift key and distorted a little bit, but you can see it's
not really doing the trick. So how can we do this? Well, the first thing
is let's use the advanced rotation along the various axes. And if we zoom in here, you
will see that my. Let me just undo this distortion that I did. So the video is upfront up straight.
So how can I make that fit onto that laptop screen? Very easy. I can use the control and
shift keys when I drag on top of this video. And you notice now the video I am moving it
in 3d space. Right. So control and shift keys will allow you to rotate along all the three
axes at the same time. So if you notice on the right side in the properties for Camtasia
clip properties, you have rotation and you have the Z, Y N X axes. You can select this
rotation control here, and you rotate the video like this, and you can use the Y axis
and do it like this and the X like that. But, it's much easier to just hold down Control
and Shift and just drag around the video. From somewhere on the side or somewhere on
the center is going to easily be relative to your mouse location. So that makes it very
easy to rotate a video in sort of 3d space. It's not a distortion because. Camtasia doesn't have this store, like in
other software where you can just drag the edges of the clips and then it would distort
them that would make this very easy to achieve. But what we will do is we will just rotate
this along all of the axes until it matches with the laptop screen almost perfectly. And I say almost perfectly, because although
there is a kind of like a perspective effect there. Furthest edge is getting smaller and
the closest edge of the images is low. We may not actually be able to distort it, to
fit exactly the laptop screen. So you can actually help by making the opacity lower
like this and just control shift again, and just keep aligning your clip to that location,
move it up and down. And if you have to use the shift key to just
adjust one side of it. And the shift key to adjust the other side and just always watch
the corners whilst she edges. And it's very good idea to always make your. Just a little
bit outside of the device screen, that's called like a bleed area and I will show you how
we can add hide that. So our video clip will look like it was perfectly
placed inside of that screen. So let me just finish this. I'm just. Zoom in a bit more.
You can see here at the bottom. I still have a little bit of a edge. I can use the shift
key to pull down on this. And if you don't want to distort it too much, you can still
go back to the shift and control keys and just pull apart down until the video matches
perfectly. Almost perfectly. Now I'm just going to use
the shift key a little more and just pull up and down here until my video matches almost
perfectly on the device screen. That was the catch I was telling you about because we are
lacking those distortion functions. We cannot actually make the video. Perfectly. So this is not a very good case for when you
need to place in the device, a video where the edges of the video must be visible and.
Be parallel to the edges and you need to show like maybe a computer screen with some text
on it and stuff like this, that it gets closer to the edges of your video. That's not going
to work very nicely. Maybe if your content is sort of in the central
area of the video, maybe that's going to work because people won't be able to run parallels
with the edges of the device or this video where. User or the viewer watching this doesn't
really know how the video was cropped and that you're, you're missing a bit of you know,
space at the edges. So that is one way to do this. That is the
downside, because if the image is not isometric, it's not parallel sides, you cannot really
make. This particular effect to fit exactly, which is why we are using this bleed area.
So how can we now make this bleed area disappear? Because I don't want this to be seen on top
of the laptop video. If I zoom out a little bit here and I play,
it's already playing quite nicely in place. Let me just push this one to the beginning
of the clip there. So now it's going to play as this person is typing. You can see the
video just stays there in place. And the advantage of this particular example is the video of
the device is not moving. Okay. So how can we remove those bleed edges?
Very easy to do that. I'm going to just go back to the start somewhere around here. Okay.
To do this really let's push the opacity. Let's leave your pasty alone for now because
I need to see where the laptop edges are. Or you can turn off this video completely. So I'm going to push the opacity all the way
up, but go to the track visibility on the bottom left, and I'm going to disable dry
that track for now. So what we will do is we will use this new function in Camtasia
2021 code. Media Matt. And if you don't have 2021 in 2020, you can do the same thing, but
using the track matte effect, which you can activate by, right. Clicking on. I, I can't next to the track
and you can select these effects, alpha, alpha invert, luminosity, and luminosity invert.
But because in Camtasia 2021, we have the track matte the media mat, which behaves the
same way, but on a specific shape, we will achieve the same thing. So I'm going to show
you how to do it in 2021. I'm going to zoom out a little bit here. I'm
going to use just some simple annotations to create a masking area around my laptop,
not inside of the laptop screen outside. So going to allocations. I'm going to select
shapes and just select one of these rectangular shapes. I'm going to make it red just so we
can see clearly what we are doing. So I'm going to just scale this to match sort
of the side of the edge at the top there and rotate it a little bit like this. So it's
parallel and I'm going to. All the way to the top. You can zoom in and if you need very
precise rotation control, which Camtasia again is a bit annoying with. If you go to. Clip properties on the right you've got rotation
along the Z axis. And this is the only rotation we will use on this particular masking frame.
You can place your cursor inside of the Z and just use up and down arrow and you can
see, you can make very small incremental changes to the rotations when you're done with this,
just drag it to. Perfectly the edge of the laptop. So that
was one of them. Let's do the other ones the same way. I'm just going to control C control
V to duplicate this, move it down here and zoom in again. And again, I can use the rotation
here and arrow up and down to rotate this. If you want to move in faster, larger increments,
hold down the shift, key and arrow. That's going to rotate either. More. So I
wish this was easier to do like this. Anyway, let's align the bottom here with the red line.
I think I need a little bit of a rotation there. That's perfect and align it. So. Makes
the whole frame disappear that like that pixel to pixel fine. We have two of them now let's
control C control V again, and I'm going to rotate this almost 90 degrees and we're going
to do the sides now, zooming here, and again, come close to it. You can turn the opacity down just to see
where it's at and click on. Inside of the Z-axis control there and just use the arrow
key to align that perfectly parallel to the edge and push it in again. If you just need
one or two more pixels, click again and upper down arrow to make it look perfect. Feel free
to zoom in as much as you want. And that's perfect there. Finally, let's put
the opacity back up again. Control C control V. Finally the last one, move it on there.
And again, arrow keys inside of that and rotate, make sure it's all perfect up and down like
that. And then we will push this all the way to the edge, just like this. So if you look
now. You will see that that's the area of my video
that I'm going to see inside of this room. Rectangle thing I've created. How can I make
the mask? No problem. In Camtasia 2021, the track matte or the media mat, which you can
apply to a clip can be applied. And then whatever is underneath that clip without media matte
effect or. We'll be visible or not visible depending
on the alpha effect you choose. So I want, of course, to have this frame visible at all
times, if I activate my video track on the bottom there, you'll see. Now my video is
framed by this red frame I created. So I'm going to select all four of these and expand.
To match the full length of the clip with the laptop. So even if my video there finishes, I can
still go forward and the laptop is still going to show a blank screen. So to apply the effect
by the way, cause I don't want to see these renters. Select all of them and group them
control G to create a group with the frame. Let's double it. Let's rename it. Let's call
it frame mask. And now for the effect, we go to the visual
effects in Camtasia visual effects and find the media matte effect and just apply it to
the frame mask. So you can apply the media matter of effect, two groups as well. What
this does by default is just apply the alpha effect, not the alpha invert, because I needed
to show. The video inside of the frame of the laptop,
not whatever is outside. I need to go to the right and switch to alpha invert. Finally,
you can see my video playing on the screen. The frame has disappeared and let's see how
it works from the start. You can see my video clip is playing in there and if I zoom in
just to see it more accurately, You can see my video playing now, you may have noticed
that there is a little bit of a white space at the bottom, which you can adjust now by
either clicking on your video and resizing it. If it's a bit off or you can go inside of
this frame mask. Right here. So I'm just going to zoom in and show you, look, this, this
white edge here. I don't want to be visible. Of course, you can click inside of this group,
identify the bottom frame, which is this one and slightly move it down. Like. Just to cut
off whatever is extra pixels in there. So when you're done, you go out, you can see
a perfect line at the bottom, and now if you play this, you're going to see that it actually
plays perfectly in place. The advantage of this first example is that the laptop itself.
It's not moving. Okay. So we're going to move on to the next example now where the laptop
image is actually moving. It's a video with a moving laptop, albeit
slowly. So what you've, what you've seen here now happen is the video has finished, but
the frame is still there. So you may want to cut the video of the laptop short or. I
don't care about the speed of the video inside of the frame. You can just right. Click on
it, add clip speed, and then just drag this icon to match the end of the other clip. So now both clips, the laptop and the image
inside of the laptop screen are the same. Of course the laptop video inside might be
a little bit stuttery. Now, if you pull it too fat, too much, you know, so it's slowing
down a lot. But other than that, it just keeps playing here. And if it's kind of slow for
you in Camtasia 2021, you can apply proxy videos to this. So if you go to the media library and these
videos are kind of large high resolution, and they kind of tend to lag or play slowly,
you can always select them and right. And create proxies for them. Proxy video, create
proxy video like this. So that's going to make them much faster in editing, but when
you export the videos, they will just export with the highest resolution because Camtasia. The original clips for the final render. So
that being said, let's move on to the second example. What I'm going to show you is how
you can do the same effect, but on a moving device, moving device frame. So that's something
that doesn't come with Camtasia. We're going to look at how to achieve this effect, but
on a moving track and have the video inside of it, keep in sync, keep in step with that
and keep playing in the right place. So let's have a look at how to do that. So
I'm going to create a new project here, of course. And I'm going to import now. To new
clips to this, the first video is that of the device. So I'm going to place the device
video on the screen first. That's the one that we're going to use. And if I play this
along, you see now that this lap. Is moving. Right? So if I play this, it is
moving at a sort of constant speed, but it doesn't move in a straight line. So this can
be a little unpredictable. So let me show you how you can do the same. Of course, I'm
going to use the same picture of some flying over city kind of video like that. It doesn't
really matter what video you use and you can also create this and then put it in a placeholder. So that next time you replace that video in
the placeholder with another video, and it will just appear in your device frame in the
same location, with the same transformation and everything to it. For the purpose of this
tutorial, I'm going to actually show, turn off the video first and we will concentrate
on the device frame. So the effect is exactly the same, like the
first example, we will need to frame. This laptop, because it's not a parallel edges,
it's going to be like a bit of perspective. And you notice in my video, it's actually
turning. So the angle changes, it's now facing to the left and now in the front, and then
it's facing towards the right. So all of that, we will need to account for
and track and create a nice space for the video to fit in. So how can we do this? The
way to do this is using animations. And as I said, Camtasia doesn't have motion tracking.
So I have several tutorials on my channel where you will see Camtasia doing a manual. We will do manual tracking of an object moving
along a irregular path or, or following another object. So those are the principles we will
use in this video to track. That frame. Okay. So let's just design the frame first because
that's the first step we want to do. Go down annotations again and select one of these
ones. Let's make it red, just so that we can very,
very clearly see what we are doing. So what I'm going to do now is I'm going to stretch
this animation. This track of the frame all the way to fit the exact length of my video.
That's that's all the laptop I have. That's all the video I'm going to use for these shapes. So the first thing is to just place it at
the start and align it to fit. Now, one important thing to do here because the laptop is moving.
We want to have this cover. All of the area in the video from the top to the edge of the
screen. So it's not enough to just place it here because look, if this is moving. It, you notice it comes out of frame, but
because it's a rectangular frame, all we need is four. So I want to make each one of them
stretch to the edges of the screen. Like, so even. Make it taller than it needs to be
because that area is not going to be visible anyway. So make it taller than it needs to
be. And then all we need to focus on is the rotation
angle as it follows the device. Okay. I hear you say, okay man, why are you doing this
in Camtasia? Because there's other programs out there that do the same thing, and it's
much easier with a mask like in premiere and you track the mask and your. Fantastic. You can do it there. But what I'm trying to
show you, if you're in a bind and you want to learn all that other program, you can do
this in Camtasia for a short one-time project or whatever. It's very easy to achieve here
and donate to learn all of that. Any other software. So let's continue the tutorial. I'm going to zoom in here and okay. I'm going
to align this one to start with. The reason I do it at the start is because I want a good
starting point. Of course, we will move this. So click on this and just go to the rotation
again, along the Z-axis, that's all we need and use the arrow keys to just turn it slightly. And then. Fitted right at the top. Maybe it
needs a little more like this. So there you go. I've aligned it to the top. Okay. I'm
going to do the same with the bottom control C control V. Move this down. You can see now
it's, it's quite parallel. If you look at it at this point, it's kind of parallel. So
that is enough, but don't forget to scale. So it goes out of the screen on this side
as well. Again, that's very important cause you, you don't want it to let anything escape
outside of this area. You want finally, let's go to another one. Control C control V. This
is going to be the left one. I'm going to just do a 90 degree to start and move it on
the left. If you zoom out, this is a little bit too
much, so I'm going to make it not so tall. Zooming again and rotate using the arrow keys
and just make sure it aligns perfectly with the laptop zoom in. If you need to and pull
it there just a little bit. And then a bit to the right. You can also use the arrow keys
to move an object. So you click on it and you use the arrow keys.
And if you want it to move faster, shift key and arrow keys moves it a lot more. So I'm
just going to make it fit there right there. You want to cut into the screen a little bit
because of the screen has a bit of a white bezel or something, you know, that's visible
in. Or an emboss kind of area. You want to make
sure that it doesn't show up because then it gives away the whole thing. So zooming
out, this is perfect now, and I'm going to copy this control C control V again and move
it to the right side and go again, zoom in, click on the Z and use the arrow key to rotate
this perfectly likes. Here we go so perfectly. Now, this is all
framed. You can see everything is red outside of that screen area. Now you noticed I was
doing this in the very first frame at the beginning of my video, that it was important
because I want to start off with the objects in place. So what we will be doing, and this
may sound insane, but what we will be doing is we will track or manually track. All of these four elements across the whole
timeline. To the end and you'll be surprised. It's not actually, you don't have to do it
frame by frame. That will take ages. You just need to do it when it moves off track. So
very important thing. This is a very essential detail. You want to remember? You can select
all of these. And go to the end of the movement. Notice,
now that I'm playing this, the laptop has completely gone away from that space. No worries.
So I'm going to now add an animation, custom animation to all four of them. Red shapes
the, define my frame. Okay. Shift on a, we'll add a custom animation and you can select
all of these animations and just move them close to the end or very, very close to the
end. You can zoom in here to the frame level. Place
them right where the last frame is with your laptop. So I'm just going to pull them in
here and let Camtasia snap them into place. The very, the very last keyframe there, it
may get harder to align them because of the snapping. You can turn off the snapping. I mean, one or two frames is not going to
make a huge difference. So now this is the important detail we are going to pull these
animations, all of them. We're going to pull them all way back with the starting keyframe
right at the beginning there. Okay. So that's going to be our full-length animation for
all of these four elements. Now the main ingredient of this animation
to make it smooth and straight is we, we need to right. Click on them and say, enable easing.
Linear because by default and you probably have this in the defaults, Camtasia is going
to create an exponential in and out easing on the animation, which means at the start
it's going to start speeding up. And then after half the animation is gone,
it's going to start slowing down. That's going to make it very hard for us to track the animation,
to track these frames. Exactly at the same speed, because if you create a cut in the
animation, the resulting animations are going to be easing in and out. So Camtasia is going
to make a right mess of it. They're going to start slowing down and speeding
up all over the place. So you want to start out with a linear animation on all of them.
They need to move at a constant speed. That's going to help us change the position along
the way. And. It's going to keep it at a constant speed all the way. So click that to make it
linear. So you don't have to, if they're all selected,
you only have to do it once and it's going to apply for all of those animations. Now,
here comes the fun part. We're going to go to the end of this and click on each one of
these red elements. And put them in place again, but I'm clicking on the very last frame
you see here. I'm clicking on the bottom one. It's selected
on the timeline. I am placing my play head in the last keyframe. That's what we want
to do. If you add keyframes somewhere else, it's going to just keep moving it there in
that position. So you notice now I'm at the very end of my animation. My bottom one is
selected. And if I zoom in, it is obviously not aligned.
So go into the Z and use the arrow key and align it. You can also use your mouse to just
push it up in place like that. Do the same. So you're not changing your play head. You're
not moving your play head. Just go to the left one and you can zoom you know, move this
panning have pressed the space key and panning around place your cursor in disease. And rotate the object, pull it in and adjust
this position to match the laptop edge. Like this go the same here and you pull it to the
left and again, use the arrow keys and you're making an adjustment on all of these elements.
I'm going to be a bit sloppy here cause normally you would spend a little more aligning these,
but I'm going to just go and quickly rotate just to demonstrate what's happening. So, you know, you need to zoom in and maybe
pull them down like this. Fantastic. Now let's see what happens. This one is a bit off. I
can see. Here we go. You can click on it and just use the arrow keys to adjust. Fantastic.
Now, let's see what happened. If I zoom out, you will now see that my animation is. Kind
of following the object on screen. Obviously, it's going to work fine at the,
at the edges on the left at the start is perfectly aligned. And at the beginning it's perfectly
aligned. Everything's nice. But at some point they all get, you know, kind of lose the position
because of course, I haven't done any tracking. So what you do is you can scroll through the
timeline and you kind of look at where they get really bad off base. Okay. Or you can cut it in half. So you go
to the middle of the animation. You don't slice anything. You just click again on each
of them. And in one position you adjust the position. It also helps if you do one at a
time. So if you're focusing on. Bottom one, for example, I can zoom in here and go from
the start, just start pulling. And then when it's gone off a bit and the
object, I am tracking changes direction. That's an inflexion point where I need to stop and
adjust the position. So just what I mean by this is look, you're going there and it's
climbing up. You see it, but now. Stopping climbing and it starts going down. This is
the point where I'm clicking on my object and adjusting the location, adjusting the
rotation to, if you have to. That is fine. So you notice, as I did that
in the timeline, Camtasia added a keyframe for that particular point. So you notice I've
gone almost like one third of the way. And I've just made one adjustment. If I play this
back, if I move back, you can see now that my red bottom frame pace is more or less following
the same position. Of course, it's moving now and I've lost it
again. So you basically will end up depending on the movement of your frame object, you
will end up adjusting this four or five times maybe. And you should probably. Very good,
you know, with it. So if you want, you can always just as a reference, if you don't care
about following where the inflexion points are and up and down, you can just go and slice
your animation in half. So I'm just going halfway through the remaining
part. And I take my object, then I kind of pull it down a bit, use the arrow. Just to
rotate it. And then I move halfway on the remaining one. Make sure it's still staying
there. Move back in this one, cut that in half, you know, adjusted there a bit. And
here, if it's losing its place, just adjust that. And then, you know, so now. My bottom one.
If I play this, it's pretty much staying in place. If you notice some glaring ones that
have gone quite bad, you can go there like here. For example, there's a big difference.
Click on it, adjust it, keep playing. That's gone down a bit. So pull that down. So you
notice you only need to stop in very, very few places. Until the end. So that was one of them. Now
let me do the other ones. Okay. So I'm just going to choose the top one. I'm just going
to move to the top one again. I'm going to go here and it's moving down here. I can move
this, move it up. Adjust the position. Keep going. That's one point here where it's changing
angle, pull this down and use the rotation just to correct that a bit. Until the white kind of disappears from the
frame. Go here. Adjust that again. Another trick I have, if you want to do this very,
very accurately, you can use the left and right. Larger than greater than, and small,
greater than a smaller than signs which is the comma and the dot keys on your keyboard
to advance the animation. Frame by frame. So if you're going through
this frame by frame, you can just hold it down to move. And when you notice, Ooh, it's
off you. Go back, click on your object and use the arrow key. So the arrow keys up and
down and the dot and comma keys will move you through the animation. And when you notice
it's off you stop you, move it up and down. Keep moving. It's off here. So. If you really
have a lot of movement jerky movement in your video, of course, you're going to have to
do more often keyframes than if the movement is kind of smooth. So on this one, if I go
back now, I can see that my object is very rarely getting off track. So all I need to
do is just move there. And when I notice it's gone off, I pause it,
make some small adjustments and keep going. So now. I'm almost done with this one. I don't
see any white. Yeah. So I should, I should be fine with that one. And you get the idea.
Let's do the left side. Now click on this object on the left. Go to the start. You can
see it's fine. It's fine. Here. It's not fine. So adjust
this, go to the rotation, arrow up is going to move it. Counter-clockwise move it to the
right. It's very off here, but the angle is good. Still like this. Finally, I'm at the end.
So one more go, just go back to where it's really getting off track. Maybe this one is too far back. Yes. It's
covering too much. Here we go. The thing is to start from the left and go to the right,
because now if I may change as back at the beginning, it's going to affect the position
from this keyframe to the next. So as you can see here, I think it's gone into the screen
too much, so I need to pull it back. So I'm creating another keyframe just to make
sure it goes from a to B and the. Cover my screen too. So you just go be between the
two keyframes and adjust position and come teach us creating these keyframes automatically
in between and adjusting all of the movement in between the keyframes. So that is the beauty
of it because you don't have to do frame by frame. Other software does with automatic tracking,
they kind of create frame by frame. So you don't end up with a bunch of, you know, every
frame has an movement keyframe in it. So that is nice. So now let's see the right side.
I think I got the left one quite. Okay. I'm going to start with the beginning there and
I'm going to use my key here. The clip is selected, so I'm moving and you
can see here, it's getting off track. Use the arrow key to pull it back. Use the Z key
to just go there, use the Z rotation, keep moving. Okay. That's a bit too much. Rotate
it and pull it to the left. You will notice that when you get to a key.
Camtasia turns it red. Keep moving. I think here it's got a bit off track, quite a bit.
Align the bottom corner and the rotation. Click on this, pull it back. Keep moving.
If you, if you go through them and you notice that some of the other ones are getting off
track, like you, you notice here on the left, I see a little bit of white, you know, click
on the click on it and just use the arrow key to pull it back into place. That's going to create a frame on that one
too. So you can of course move with this all the way. See, look now the top one is off.
Pull it down a bit. And Camtasia will create the appropriate keyframe on the appropriate
animation object you have selected. So I keep going. Finally, I think I got to the end,
so I don't want to make this much longer than it should be. So I think I'm okay. I've demonstrated the
principle. Look here has gone a bit off. We, you know, click on it, pull it back. All right.
One more look, just going behind the, just go back now, one more to look throughout the
information, just to make sure there's no. Very bad ones. Okay. This also matters. I
mean, what size you're going to play this out. If it's something kind of far away that you
don't have to be perfectly accurate with it, but I think I got it now. So if I zoom out
now watch this. If I play this whole clip, you see now how my laptop screen is perfectly
framed between the. For red edges. Now, if you notice that, oh, I noticed that it was
a bit of white there on the left one click on it and just move it in on the top, on it,
clip playing if you notice that little white line. So it's always good to just cut a bit into
the object. If you're doing it like this, if you're doing it the other way. It's okay
to leave it in the white little white edge, because then when we're creating the mask,
you're going to see too much cutoff. So it's your choice. You can always go back and adjust
these inside of that group. So I am done tracking this. Everything is
red except for the laptop screen. And now we're going to do the same we did with the
other. Select all of them Control G to group them. And finally, we're getting to the final
bit, I'm an activating my video that I want to show in there and we're going to do something
like the same we've done, but not as accurate. What I mean by this is I go to this clip and
just to see what's happening, I can click on my red frames and turn the opacity down.
Like fat. So now I can see through where my video clip is, and really all you need to
do is just go again to the start, adjust the size of your clip. Like. Just make it all,
but notice what I'm doing here. I'm not actually, I'm not actually cutting
into it. I'm leaving some bleeding areas. So this is one of the other things I mentioned
before the bleeding side. You need to still have that because the edges are not parallel.
Okay. So I may try to control the shift and rotate this as you can see, I can try and
rotate it to match perfectly. Or almost perfectly to the edges of my video.
Oh, I clicked the wrong one. I just want my clip. I can lock my frame track, cause I don't
want to change by, an accident so I can click on the, on my clip and just rotate this to
fit. Control key and scroll we'll make it smaller, but if it's too small, you may want
to just maybe hold shift and just pull it up a bit, hold shift and pull it down a bit. It's okay for it to be distorted a little
bit, and also to make your life easier. If it's a video that you don't really care about
the edges to, you know, you can make it a bit larger, so you can cut into it a bit like
a bleeding area. So you don't have to worry about the little edges kind of see in through
plus it's going to help you when you go back and then you need to adjust the frame slightly. You're not going to by accident, just start
seeing pixels through it. Okay. So look at this. Now I am moving and again, we need to
do the same thing. Let's assume I'm only tracking this to the end here. So I'm going to slice
this video, delete the rest of it. I don't care for that. And I'm going to go. You can
see that my frame is moving. Yeah. Cause I've animated it, but my clip
isn't. So my clip is losing position. So I need to animate my clip as well. These are
the downsides of having to track a video clip on a distorted video clip. So what I go here
back, you know, I go back to my clip and shift them. I had an animation stretch that animation
for the entire duration. And we will essentially do the same we did
with the frames, but this time, not so much because we don't need it to be so accurate.
We just needed to keep it within that frame we created. So if I go back now, Don't forget,
right? Click on your animation. Enable easing to turn that to linear. Because again, we
want to keep that at a constant speed throughout, so we can cut into little keyframes here and
there. So what I'm doing is I'm following my video,
keep playing. So when I notice it's gone. Out of frame. This is when I need to just
adjust it, adjust the position first. And if you notice it's getting off, just getting
off the frame control shift to rotate that a bit, pull the corners, a port down, pull
the other quarters. And just make sure it stays in frame again.
I said, if you want to make it easier on yourself, just zoom in a bit, just make that larger
by using control and shift key, pull the edge and you notice I am resizing it like this
control key we'll scale it proportionally. So it is still in frame. Keep moving. This is linear. So here I lost
it. Move it. And control shift, rotate it, change the angle, try and follow the angle
of the laptop. You have it on and always watch the edges. Okay. You need to watch the edges
so that it's always in frame. So I've done that. Let me just go back here and at the
very end. Just one frame back. If you've pulled too
much in here, you just click on that keyframe and just push it in just one or two frames.
It doesn't have to be. One or two frames short that's. Okay. You can still see the video,
keep moving it control shift, change the angle. You're always changing the opposite angle
of the one you're trying to correct. So just, you can see if I want to fix that
a little thing. I'm pulling on the left corner top left corner here. So if it's not enough,
you can notice. Make it a bit larger and just move it in place like this. Don't worry about
the bleeding area. Like you've seen. In the other example, you're not actually going to
see those at the end, so let's go back now, halfway through. Let's see what's happening. Okay. It is off.
I am adjusting it. Control shift. If it makes it easier for you to adjust this without Control
+ Shift, you can always go on the right side in the properties and adjust each of the rotation
axes independently. So for example, here, if it's off on the. I can just use that arrow
key to move up and down on the y-axis and just adjust my object like this. So finally, I'm going to cut this in half,
go back here between them. Make sure it's okay. Nothing to do. This is okay. So back
and forth, you go through the animation halfway, halfway, halfway. That makes it much easier
to figure out where you've been and where. Not checked it and always adjusted just a
little bit to fit within the screen. When you're finally done, you just play around
animation. And you watch the corners. That's all you need. Play it four times. Watch the
corners. If at any point the image gets out of the corner, you need to adjust it at that
point, it seems okay to me. So let's go back now. Control, shift, and seven we'll zoom
out to the whole project. And now it's time for me to unlock the red
frame. Let me zoom out and. Turn it into a mask. So what I'm doing here, I may have inadvertently
moved this, so I'm going to just pull it back in place. Okay. So now finally, let's apply
the visual effects. Media map to it. Visual effects, go to media at adjust this on, drag
it onto the red frame group. And of course, don't forget to change the
media map from alpha to alpha invert. There you go. So now I think I may have moved it
by mistake. Oh no. I have the opacity set to lower, so I need to go back and turn the
opacity all the way up because that's going to actually make it. Cover everything, not
let anything see-through. So I told you I moved it by mistake. It's
okay. I can just click on it and place it back in place like that. There we go. Here
we go. So that's my group with the frame and my video with the laptop and my video that
is inside of the laptop screen. You know, just how my video stays right on that screen
now. Okay. You've got to a point where it's getting
out of the frame. That is not a problem. It's probably a problem with the frame or a problem
with the video. So either one of them, you can go and adjust. If I go into the group.
Now, for example, here, I can see that my left frame is off. I can click on the left
frame and just use the arrow key to fix that. So here's the final product. So, as you can see, this was a bit of a project.
It took a lot of explaining, but I think you get the point with the media matte effect.
You can mask things, show things, hide things. And because of this movement in the 3d space
kind of thing, we actually did. Four elements to cover all sides of the device, frame, carefully
tracked and animated in place. Don't forget to turn your animation to linear
instead of easing in and out, that's going to keep everything at a constant speed and
then, you know, just play with it and have fun, align it, make sure you're spanning the
entire duration of your animation. And when you're done, you have a track object with
a video frame, an animated video device. Device, whatever you want to call it. I hope
this was helpful. Thank you for watching my video. If you've watched this far, I hope
you enjoyed it. And if you like my tutorials, I have over 70 Camtasia tutorials on my channel
and I have some amazing ones coming out. I am always trying to push Camtasia beyond its
limits. And you know, you may say that it was not
made to do some of these things, but I love having fun and trying to discover how we can
go beyond the limitation. Find workarounds and get the work done. So if you enjoy my
tutorials, feel free to subscribe to my channel. And if you have not upgraded to Camtasia,
whatever version is out now, TechSmith comes with a new version every April. So I would appreciate your support if you
are considering buying or upgrading Camtasia, there's a link in my description that if you
click it and upgrade. I will get a small commission at no extra cost to you. It will help support
my channel in my work on this. And I will always appreciate it. Thanks very much for
your time. See you on the next one.
