subscribe to rss feed
subscribe by email

Puppet Kaos - where Kelvin Kao plays with puppets and tell random stories

Editing Trick: How to Pop a Screen in Screen to Full Screen

What a weird title. I don’t know if this effect has a real name, but you can see examples of it in the last episode: Chet for President. The effect goes like this: The characters are watching a web video on a computer screen. And then, to let the viewer see that video better, it’s popped out from that computer screen to take up the whole video that the viewer is watching.

Now how do we accomplish that? Of course, we need to film both footages first. On the left is 9.avi, which is Mac and Cheese and Bottle Monster looking at the screen; on the right is BubbleboyFilms.avi, which is the web video that they are watching.

As usual, I use Adobe Premiere Pro, but any video editor that supports video layers and basic video manipulations (size and rotation) should do the trick.

First you need to put the foreground video (BubbleboyFilms.avi) in the layer above the background video (9.avi). This ensures that the video that’s popping out will appear in front.

And then the next step will be adjusting the size and position of the foreground video to match the way it appeared in the background video. This is done by tweaking the settings of the video. In this case, I’m using position (258,249), scale 10.5 (about 1/10 of original size) and a rotation of -1.7. This matches the way it appeared in the background footage. The picture below on the left shows the perfect overlap accomplished by settings mentioned above. The picture on the right shows you what it would look like if you didn’t match the position and angle correctly:

When you change the size and position settings, you want to make sure that you are making the frame a keyframe. We want a smooth transition in terms of size and position from this small version of the picture to the full-sized one. So we use two keyframes. One to mark the beginning, and one to mark the end. In Adobe Premiere, you enable keyframes for a setting by clicking on the clock icon. Then you can click on the diamond to mark where keyframes are. The editing program will figure out what the frames should look like in between the keyframes, so you see a smooth, gradual change.

These pictures below show you what the effect looks like. I’m showing four different frames here. The first frame is the keyframe that you start with. The fourth frame is the keyframe that you end on. The second and third frames are two examples of frames automatically generated by the editing program. There are many of them generated in between the keyframes. I’m only showing two here:

And that’s how you accomplish that trick. Go ahead and try it out!

PS. To see what the video is doing mathematically to generate the frames, look at this picture to see the number settings that correspond to the four frames shown above. (Click to enlarge.)

Related Post:
Episode 17: Chet for President

No comments yet. Be the first.

Leave a reply

CommentLuv badge