11/1/10
10:59 am

MacMost Now 471: iMovie Picture-In-Picture, Side-By-Side and Cutaways

Learn to use three different types of video layering in iMovie 11. You can cutaway to a second video and then cut back, even making the second video semi-transparent. You can include a video as picture-in-picture with borders and a drop shadow. You can also put two videos side-by-side. These features also work with still photos.

Video Transcript
Hi, this is Gary with MacMost Now. On today's episode, we'd like to learn how to layer a video in iMovie 11.
So there are several different ways to layer a video in iMovie 11. So, for instance, let's take some sample video here and drag it into the project. And then I've got one clip in here. If I want to layer some video, over that, I can drag it and drop it anywhere in the middle of this video and I'll be prompted with several different options including be able to replace the video or insert it. But here I'm going to choose one of these layaway options here. Let's do the first one, cutaway. So you can see I've got this one mean area of video here and then I've got this cutaway here. You can see on the right, it suddenly changes as I get to that point. So its basically cutting away to this video. Now I can make several adjustments right off the bat. So I can select it and press I to bring up the inspector. And I can see there's a cutaway fade I can set. I can set it to be 5 seconds, or .5 seconds, rather. And you can see that it'll fade rather than cutting directly to it. I can also go in here and set the opacity, so I can basically do a blending effects, about 50% here. So you can see now I have the two blended over each other. I can see its kinda its like a ghost image, one on top of the other.
So another way to layer a video is to select a clip portion of the clip here, and drag it into place, drop it and select picture and picture. This will create a boxed area here than I can then drag around and stretch by dragging a corner and place it where I want in there. I can select options I can do the cropping option, by pressing C and do fit crop or even rotate the video, I can also press I and bring up the inspector, and then I can change the effect to the dissolve, zoom, or swap in. So lets do a zoom effect, for instance, over half a second, and also change the border and make it a larger width, and give it a color, white here, and even give it a drop shadow. So now as I look here I can see it zoom in, there's a slight shadow under it, there's the white border, and it kinda zooms out there at the end.
So the third option is new in iMovie 11, and that's to do side-by-side. So you can see here I've got video split right down the middle, and I can select either video, I can select the inset one here, get it and set the side left to right, so I can switch; and I can also do kind of a manual build in here. You'll see what that looks like. It slides in from one side, like that. So that's another option. It's a little harder to frame if you do a cropping here, a little harder, you basically have to figure out the middle portion of what this is, and that's what's going to be shown there.
All of these video layering options can be done with photos as well as video. Now one of the important things to remember with either photos or video, is, you should be using the same aspect ratio. So if you're making a 4x3 movie, then the photos or videos that you're inserting should be 4x3, same thing as 16x9. So for photos its particularly important because its not typical to have exactly the same ratio. So you wanna open them in a program, like, Photoshop, or even Preview, and resize them, crop them to fit exactly the same ratio and bring them in. Also if you're doing photos, you can have semi-transparent photos, alpha tiles, for those of you that use Photoshop, and bring those in, and those alpha areas will be transparent, so you can basically do all sorts of special effects using photos that you drop in with one of these layering options.
So there's a quick look at the three layering options available in iMovie 11. Till next time, this is Gary with MacMost Now.

Comments: 104 Responses to “MacMost Now 471: iMovie Picture-In-Picture, Side-By-Side and Cutaways”

    Jean
    11/1/10 @ 4:36 pm

    Keep up the good work Gary. Great one again.

    Gregm
    11/4/10 @ 11:44 pm

    Hi Gary,

    as usual, “thanks Gary”…and another challenge for you…

    do you know if it’s possible to display PiP over a slide of text (‘slide’ being a background with text inserted on it) and also have the video in a small PiP window going at the same time on top of this ?

    I know PiP on top of a jpg can be done, though this would require a lot of slides with text saved as jpgs – a nightmare to administer.I’d also rather not put text directly on the video as this can be hard to read sometimes, depending on backgrounds, text size/color etc.

    Any ideas ? Do you know if this is do-able in Final Cut ?

    Thanks,
    Greg.

      11/5/10 @ 5:46 am

      You can definitely do this in iMovie. Just drag a title to the project space after your last clip. You will be asked to choose a background image — you can choose black, for instance. Then you can have a title over a plain background. You can set the length of this title-over-a-background to whatever you want. Then you can drag and drop a video over this and choose PiP. Try it.

        Nirna
        6/5/11 @ 9:43 am

        Hi Gary,

        I followed your instructions. I choose a scrolling title but when I playback the slide, the scrolling text starts shaking as soon as the PIP clip comes in and goes back to normal when the PIP clip goes off. Any idea of what could be the cause and how to fix it?

          6/5/11 @ 10:29 am

          Are you talking about in the final, exported video? Or just inside the iMovie “preview” area. Keep in mind that the preview area is — a preview. It is trying to render things in real-time. So it takes shortcuts and does the best it can. You won’t see the smooth playback you get in the final exported video.

            Nirna
            6/7/11 @ 11:57 am

            I was talking about the preview area. As you suggested I exported the video and in the exported video the scrolling tile works just perfect. Thank you so much for your help and for the great work you do. It helps me a lot.

        Jeff
        1/3/12 @ 7:24 pm

        how can you do multiple picture in picture without the video degrading?

          1/3/12 @ 7:45 pm

          You can’t. Not in iMovie. But if you export at high quality then it isn’t so bad.

            pam
            1/31/12 @ 5:40 am

            Hi Gary…I want to place a small logo in the lower left hand side of my video …to show the entire video…how can I do this? Working with iMovie…thxs.

    Gregm
    11/5/10 @ 11:04 am

    Hi Gary,

    yep it works ! Once again, thanks for the education….this was really annoying me, until I figured out what I’m trying to do….I already have a pic (watermark) as a PiP, stretched the size of the frame. This is why inserting the new video PiP “wouldn’t work”…..because one already existed. Once I deleted this first watermark PiP, I could add video…..back to the drawing board yet again me thinks….

    Thanks !!!
    Greg M

    P.S: When’s your book ‘iMovie For The Challenged’ being released ? Put me down for the first draft please :-p

    Annie
    11/16/10 @ 7:46 pm

    My imovie does not show up with the options that showed up in you video when I dragged the second movie clip on top of my first movie clip. Instead, ti comes up with the options, “replace” “Insert” “audio only” and “cancel” What am I doing wrong?

    Annie
    11/16/10 @ 7:49 pm

    NVM GARY! :) I got it! Lovely video! I’m going to have such an awesome school project!

      Linda
      11/29/10 @ 9:05 pm

      How did you do this Annie? Or Gary? I have the same issue….Thanks!

    Linda
    11/29/10 @ 9:31 pm

    When I try to drag the 2nd clip onto the first, only the options ‘replace, insert, audio only, and cancel’ appear, and not the whole list with the layering options…

      11/29/10 @ 9:33 pm

      Right. Go into iMovie preferences and turn on Advanced Tools (see time 0:12 in the video).

        Ofelia
        5/5/11 @ 4:18 pm

        Thanks Gary! Couldn’t find the answer anywhere!

    Linda
    11/29/10 @ 9:35 pm

    Ahh yes yes yes. Thank you so much!!!

    Joe
    2/22/11 @ 3:07 pm

    Hi Gary, great video. I want to use the side by side function but i want one placed above the other instead of next to each other is this possible?
    many thanks

      2/22/11 @ 4:31 pm

      Depends on exactly what you want — probably not as it doesn’t let you control the cropping of each.

    tram
    3/26/11 @ 10:04 pm

    Hi Gary,

    I needed to blur a face in my video so I did so by saving an image as png and inserting it into iMovie as a picture and picture. However, when I play the movie, the video shows up black. I can hear the audio but I cannot see the subtitles or video itself. What am I doing wrong here? Thanks!

      3/26/11 @ 10:15 pm

      Not sure. Hard to tell without seeing it first-hand.

    tram
    3/26/11 @ 10:23 pm

    Yup, it’s weird. If I don’t include the pip, the video shows up with the subtitles. Perfectly fine. However, when I try including the pip w/ the subtitles, the video is black. Do you have any other recommendations as to how I can blur faces in a video? I have imovie 09.

      3/26/11 @ 10:28 pm

      Have you tried exporting the video? It could just be a limitation of the preview pane.

    tram
    3/26/11 @ 11:39 pm

    that worked! you’re a life saver. thanks mr. awesome.

    Ryan Howard
    4/11/11 @ 7:06 am

    hi gary, thanks for this help
    is it possible though to blur part of the clip, such as a face or mouth when swearing? or pixelize it?
    thanks

    Marylynn B
    4/19/11 @ 2:06 pm

    Hi Gary, is it possible to do 3 videos side by side or can we only do 2?

      4/19/11 @ 3:32 pm

      You can do 2, then export, then import, then add the third. Takes a lot of work so it might be time to upgrade to pro video editing software if you need to do this a lot.

    Peter
    6/5/11 @ 3:03 pm

    Is the side by side video only for iMovie 11? All I have is iMovie 09, and I’d be disappointed if I had to upgrade.

      6/5/11 @ 3:14 pm

      Right. Side-by-side was added for iMovie 11. But it is a very cheap upgrade.

    Brent
    8/30/11 @ 4:18 am

    Hi Gary,

    I have had a problem part way through my project in that I was inserting still photos perfectly but then I must have Doberman something wrong or different and now the still photos appear in the project but when I play the project in the viewing pane the new inserted photos now don’t appear properly and I see the previous photo or rthe last frame of the previous video!
    What am I doing wrong?
    Thanks
    Brent

      8/30/11 @ 6:41 am

      How long is your project? How many photos? Did you try exporting — the preview pane is just a preview, but exporting is the real thing.

    mattsomething
    10/8/11 @ 4:01 pm

    hi gary how do you put a keynote presentation into imovie and make it transparent?for example i wanted to make the titles appear instead of dissolving in how can i do it

      10/8/11 @ 4:06 pm

      You can’t,at least not easily. No such thing as semi-transparent video in iMovie. I guess you can try playing around with the green screen feature to put yourself in front of a presentation.

        mattsomething
        10/8/11 @ 4:08 pm

        ok thanks.
        also i don’t have the blue screen feature i only have green screen and whats the difference between the different screens and how do i get the blue screen?

          10/8/11 @ 4:10 pm

          Same thing, they just use different colors.

    mattsomething
    10/8/11 @ 4:17 pm

    thanks just one last question.instead of having a dissolve in title how do you make it just appear like pop up.thanks for answering my questions have a nice day :)

      10/8/11 @ 4:20 pm

      Select the transition in the project. Bring up the inspector (press I) and then set the fade in/out to 0.

    John Boni
    11/10/11 @ 9:31 am

    Hi, Gary …

    All I want to do for a family project is put text balloons or basic text or things like arrows or other indicators to highlight something in the video.

    How can one do that in Imovie 11?

      11/10/11 @ 9:33 am

      Not easily. You’d need to make each thought balloon as a 32-bit graphic in Photoshop or something like it. Then overlay it.

    Jane
    11/17/11 @ 4:01 pm

    HI gary! when i go to select PIP or side by side, every option is there, besides the side by side? HELP!

      11/17/11 @ 4:03 pm

      Perhaps you are using iMovie 09, not 11?

    LINAmaria
    11/20/11 @ 8:35 am

    When doing side by side, is there any way to create a border down the middle to separate the two clips?

      11/20/11 @ 8:56 am

      No, no options like that.

        LINAmaria
        11/20/11 @ 5:30 pm

        I’ve seen peopled o it in videos though and they’re all using imovie 11 to edit…

    Alan Buhler
    12/12/11 @ 8:13 am

    I used the tutorial from episode 610 to move scrolling credits to left, with PIP of advertising posters on right. But posters are portrait orientation, and the “fit” puts them in center of frame; moving them to the side makes them small; any way to orient them right / left so they can be larger and still not cover scrolling credits?

      12/12/11 @ 9:22 am

      What you need to do is to edit the photos before you bring them into iMovie. Use Photoshop, Preview or whatever to get them to fit. So, for instance, you could create a 1280×720 image, but the picture you want is centered on the left side of that image with nothing (transparent) on the right.

    Leland
    12/15/11 @ 8:40 pm

    Hi,
    Thanks for the helpful video. I was wondering how you control the audio when you use PIP or side-by-side? Is there a way to designate which clips audio is the primary or to balance the levels between the two. Right now, it seems that the main clip’s audio is the one I hear, and the PIP audio is very quiet and i can’t seem to change the levels no matter what changes I make in the inspector.

    Any tips would be great. Thanks!

    Nguyen
    1/14/12 @ 10:26 am

    Hi, Gary. Thanks and how do I rotate the video in “picture in picture”?

      1/14/12 @ 10:48 am

      You can’t. Rotate the original source video (QuickTime Player in Lion can do it easily) and re-save the video before brining it into iMovie.

    Diana
    1/31/12 @ 11:35 pm

    Hi Gary,
    I’m using the picture in picture feature to put a specific logo as the title and it’s working, but its cutting off a few letters and the crop won’t let me highlight the whole image. When I click fit it works but it leaves the black background and I wanted the letters to float over my video.. What can I do about this? I wan’t the whole word image with no black background.

    Thank you!

      2/1/12 @ 7:42 am

      Hard to say but I can guess: Make sure your image is the exact same screen ratio as the video: 16:9 or 4:3. Otherwise, cropping work work very well.

    Chanelle
    2/2/12 @ 8:16 pm

    I’m trying to do picture-in-picture, but when I go to drag a clip onto the existing clip, my only options are “Replace”, “Insert”, “Audio Only”, and “Cancel”. How do I get the other options that showed up in your video to show in mine?

    Umru
    2/22/12 @ 7:48 pm

    When I try to drag a video or picture onto the video I am simply prompted with replace or insert, and I can’t do any of these other features. Why?

      2/22/12 @ 8:13 pm

      Take another look at the video, particularly at 0:12 seconds.

    Harry
    2/27/12 @ 4:15 pm

    Gary, thanks for the nice and clear explanation. It indeeds works well, however you are saying you can do this with photo’s as well. I tried this, but so far I can only at one photo to the movie and not multiple.

    What I have made is a number of stills with a green background. I want to put those stills over a running movie whilst replacing the green with it. Is this possible with imovie or should I move to other software?

      2/27/12 @ 5:49 pm

      You can only do one photo at a time just as you can only do one video at a time.
      Green screen can be used in lots of different creative ways, sure. But you usually do the video over the image, not the other way around.
      You can do picture-in-picture with a picture over the video if the picture is semi-transparent.

    Harry
    2/28/12 @ 12:56 am

    Hi Gary, thanks for the very fast response.

    Sorry to hear that what I want cannot be done in iMovie. I understand you normally do the other way around, but I try to make a stop motion movie with some kids and we have plenty simple still camera’s but only 1 video camera, so it needs to be the other way around.
    Anyway I “solved” it partly by making a movie of the stills and drag that movie onto another movie. It works, but the result is a bit rough so I probably need to experiment with that a bit more.

    Forrest
    3/1/12 @ 8:33 pm

    Hi Gary,

    I’m looking to use the side-by-side feature without compromising the aspect ratio of either clip. I shot them both in widescreen, but when I put them side by side, both videos are clipped and sized as if in a portrait. Am I able to have to widescreen clips side by side, with a letterbox-type affect?

    Thanks!

      3/1/12 @ 10:41 pm

      Probably not way to do that with iMovie. There are no options to choose from, really. But play around with it a bit to see.

        Forrest
        3/2/12 @ 1:37 am

        Well, after messing with it for several hours, I made some progress. Looks like I am able to export the clips to Quicktime and resize them to 300 x 960, then re-import those into iMovie. Both clips then fit into a letterboxed format just as they were shot. It’s a good bit of work, but I think the results look really cool.

        Thanks for the video and all of the answers above. It really helped me get to this point.

    Chris
    3/6/12 @ 8:10 am

    Gary,
    So how do I use PiP and iMovie to create an effect like you have? Small video of you narrating and bigger video of the action?
    Thanks in advance!
    -Chris

    Jami
    3/8/12 @ 11:44 am

    I have created my green screen video and am trying to add a logo to it. I can’t seem to get the image to drop into the video. First I established the green screen, then I dropped my video into it and now I am trying to drop the logo. Am I doing something wrong?

      3/8/12 @ 11:50 am

      Are you trying to apply two effects at once? Green Screen and Picture-in-Picture? You can’t do that in iMovie.

    Amanda
    3/23/12 @ 4:17 pm

    I checked the show all tools in preferences and the list with picture in picture don’t show up… :(

      3/23/12 @ 4:28 pm

      “Advanced Tools” is the preference you need to set. And then you need to drag a clip ontop of another clip in the project (not the events).

        Amanda
        3/23/12 @ 9:35 pm

        Yes that’s what I clicked still did not show up.

          3/23/12 @ 11:19 pm

          Which version of iMovie are you using?

            Amanda
            3/23/12 @ 11:27 pm

            the newest 9.0.4

              3/24/12 @ 9:10 am

              Then I’m not sure why you aren’t seeing it. Try creating a new project, put a plain ordinary video in it, and then try dragging and dropping a second video on to that one in the project (not event). Try following along with what I do in this video.

    Lynzee
    4/2/12 @ 1:35 pm

    HI gary, When i drag the video over another video it only says ” Insert, cancel, replace, and audio only” It doesn’t say side by side and thats what i need

    jeanne
    4/5/12 @ 8:44 pm

    Gary, I am trying to create an iMovie 11 project of 62 school children, with their baby photo side-by-side next to the most recent still photo. How can I insert a transition between each side-by-side. The s-b-s feature appears to eliminate the transition. Can you help?

      4/5/12 @ 9:35 pm

      I wouldn’t use iMovie for that. I would use Keynote.

    Karen
    4/14/12 @ 8:14 pm

    Can you tell me how you achieve your own picture (of yourself) in your videos. It doesn’t look like the iMovie picture-in-picture. It looks much better – tilted a little, and outside the frame of the video. Love to hear how it’s done. Thanks.

    Jordan
    4/23/12 @ 1:44 pm

    I noticed someone left a comment about how to do a top-and-bottom side by side effect and I have a suggestion. I haven’t tried it, but I don’t see why it wouldn’t work:
    Rotate the two videos shot landscape 90 degrees to the right, use the side by side tool to group them together, save the video in the highest quality, then rotate the final product 90 degrees to the left. Perhaps someone could verify whether or not this works?
    Good luck!
    Also, thanks for the informative video, Gary!

    Katy
    5/8/12 @ 6:18 pm

    Thanks for what You’re doing and for sharing Your information in such a simple, comprehensive manner! Cheers!!!

    Janet
    5/22/12 @ 10:31 am

    I don’t know if you can help me with this or not and it might be a stupid question, but I want to add a still photo before the video w/music that I’ve already created. How do I do that while keeping the video at the exact same parts in the music? Did that make sense???

      5/22/12 @ 6:01 pm

      Just drag and drop the photo before the first part of the video. Unless you are putting the music as a “over the whole video” soundtrack, it will move everything over. Otherwise, remove and re-add the sound as a regular “under the video” sound, not as a complete soundtrack.

    Caylie
    5/22/12 @ 7:00 pm

    Hello: I am doing a special effects video and I want to put in a picture in picture over the video, while their is a green screen in the background. It is not letting me do that. Can I?

      5/22/12 @ 7:50 pm

      In iMovie you can only do one at a time — green screen OR p-in-p.

    Janet
    5/23/12 @ 11:51 am

    Thanks for your response. :) Unfortunately, my project is a perfectly synched music video. Is there any way to move the whole project over (as a whole), then add what I need to in front of the project?

      5/23/12 @ 1:46 pm

      If you move the sound first, from a soundtrack to a regular sound, then everything should still be in sync. Then add the photo to the start. Try it. Experiment. You’ll get it.

    Janet
    5/24/12 @ 4:20 pm

    I know you probably want to pull your hair out over me by now… ;-p But now if you could just tell me how to move the sound from a soundtrack to a regular sound…. I hate to sound like I don’t know much about imovie (taught myself) & have learned quite a lot (the latest one from you, picture in picture) and can usually find answers or tutorials to answer questions that I have. Made this video for a benefit concert on Saturday and forgot to leave a fair amount of lead in space before it begins…… I really do appreciate your time.

      5/24/12 @ 6:31 pm

      Just remove it, and then add it again. When you add it again, drop it onto the very first clip in your project. Then adjust it to start at the same time as the beginning of that clip.

    Janet
    5/27/12 @ 1:20 pm

    Thank you so much. I’m going to practice first to make sure it works for me.

    Janet
    5/30/12 @ 5:17 pm

    Success! The only thing that changed, was that the music ended up as a soundtrack instead of as background music as I originally had it placed.
    Thanks for your patience.

    Jay
    6/8/12 @ 10:40 am

    Is there a way to alter the sizes of the side-by-side videos? I hope I pose this question clearly.

    I have two videos which were recorded in 16×9 format. When I apply the side-by-side effect the videos parts (near the edges) are cut off. They are viewable in the original video but not in the side-by-side version.

    Is there any control over how the video is cropped?

      6/8/12 @ 10:56 am

      No, there’s no fine-tuning for this feature in iMovie. You’ll need to move up to Final Cut Pro or something like it.

    Gabi
    6/9/12 @ 9:59 pm

    Hi Gary,

    I’m trying to do the Side-By-Side effect, but iMovie won’t even allow me to drop the first clip over the second one. My only options are to place the first clip before or after the second clip. My preferences are already set to show advanced tools, so I don’t know what’s missing, any ideas?

      6/10/12 @ 7:58 am

      Not sure without seeing it. Try with two different clips. Experiment. Play around. Remember you can only have one effect at a time too.

        Gabi
        6/10/12 @ 11:36 am

        Alright, thanks.

    kim
    6/18/12 @ 6:32 am

    Can you do any of this in imovie 09?

      6/18/12 @ 8:16 am

      Some. Picture-in-picture is in iMovie 09. But why not upgrade to iMovie 11? It is pretty cheap.

    Thomas (from germany)
    6/23/12 @ 6:26 am

    Hi Gary,

    thank’s for the tutorial and keep up the good work.

    I have a “problem” that is discussed in several communities. That’s the effect with an activated theme and the predefined border around the picture-in-picture.

    For example look at: https://discussions.apple.com/thread/3823760?start=0&tstart=0

    How can I remove the “theme-border” around the picture-in-picture without deactivating the theme?

    Any idea?

    Thanks

    Thomas

      6/23/12 @ 3:31 pm

      I don’t believe you can. You either need to use the theme, or not. I never use the themes myself, but I can see how they can be useful to some.

    Stephanie
    11/14/12 @ 11:05 pm

    With side-by-side, I want to have text on one side and various photos slideshowing on the right. Is this possible? If so, how? Thank you.

Comments Closed.