How to Create Multiple Picture in Picture Using iMovie

In this tutorial, I show you how to create multiple picture in picture (PIP) overlays in iMovie. I am focusing on creating mulitple video thumbnails for a YouTube endcard.

This tutorial on creating mulitple picture in picture video overlays is for iMovie Mac version 10.1.1. You cannot add more than one picture in picture to a specific timeframe in iMovie so here’s your workaround.

Create mulitple PIP in iMovie for Mac

It’s simple to create multiple picture in picture overlays in iMovie, however it’s a multi-step process. I recommend that you decide if this will add real value to your video or not. It’s pretty cool though!

Preparation for Creating iMovie Multiple PIP

Do some preparation first to make the other steps easier.

  1. Create a File Folder on the Desktop to make it easy to locate the files you will use.
  2. Add the elements to the file folder that you’ll need (endcard image, other video clips etc.)

Create the Video Clip with the Multiple Picture in Picture Thumbnail Videos

  1. Create a separate iMovie project for the clip that you want to play multiple thumbnail videos.
  2. Import the video that you want to add as a thumbnail PIP.
  3. Add it to the timeline. Delete the audio track if you don’t want audio to play for that video.
  4. Add it as a picture in picture to the video clip in the timeline, then output to a file.
  5. Delete the clip in the timeline.
  6. Import the new file and then repeat the steps, adding the second picture in picture to the video and then output the file.

Do this until you have all the picture in picture videos added to the clip. This may be an endcard (outtro). Once the final clip is done, then add it back to your original video. If this multiple picture in picture is for a YouTube endcard, then add it to the end of the that video.

Video: iMovie Tutorial: Creating Multiple PIP

If you want the thumbnail videos to be clickable, create your Annotation links after you upload the video to YouTube.

How to Add Text Overlays to iMovie

Learning how to add text overlays to iMovie made a big difference in my videos. With iMovie you can add titles, but they are very limited.

add text overlays in iMovie
I created my text overlay in Picmonkey and then imported it into iMovie. It’s very easy to do. After you import the image, you can place in any part of the video in iMovie.

Video – Adding Text Overlays to iMovie Videos

Creating Text Overlays in PicMonkey

  1. Go to PicMonkey.
  2. Click Design. A blank canvas appears.
  3. On the left side, under Canvas Color, click Transparent canvas and then click Apply.
  4. On the left side click Text.
  5. On the text panel, click Add Text. The text field appears on the canvas.
  6. Type text into the text field. Make any adjustments using the text window and the text selections on the left.
  7. When you have finished, on the left menu, click Basic Edits and then click Crop.
  8. Click, hold and drag the selection points until the text image area is a manageable size. Click Apply.
  9. Click Save.

Adding the Text Overlay in iMovie

  1. Go to your iMovie project. I assume you already have an video in the timeline.
  2. Click Import and select the text image you just created. The image appears in the Event assets.
  3. Drag the image to the timeline just above the portion of the video where you want the text overlay to appear.
  4. Click the image in the timeline to select it.
  5. On the toolbar, located above the viewer, select the Cropping tool.
  6. For Style, select Fit.
  7. Now, select Video Overlay Settings.
  8. From the drop-down menu, select Picture in a Picture. The image appears as a thumbnail on top of the video in the viewer. You can now resize it and move it around.

I hope you enjoyed this tutorial on how to add a text overlay in iMovie.

How to Make a YouTube End Card in iMovie

Have you seen end cards at the end of YouTube videos? They are also called end slates, outro, end screen, interactive end card.

Today I have a tutorial on how to create a YouTube end card using the latest version of iMovie for Mac version 10.0.9.

End cards are a nice way to strengthen your brand, drive views to other related videos on your channel, and drive visitors back to your website to take specific actions.

iMoive YouTube End Card

Creating the End Card Image

The first step is creating the YouTube outro (end card) image. I use PicMonkey.com for mine and it works great!


YouTube end card template
Here’s a template you can download and use. The size is 1920 pixels wide x 1080 pixels height.
CLICK HERE TO DOWNLOAD a blank with placeholders.

Creating the YouTube Interactive End Card in iMovie

Video:  – how to make a YouTube outtro in iMovie.

In iMovie, import your assets (including the end card image) into the Event. Once you finish editing your video in the timeline do the following:

Add the End Card to the Movie

  1. Drag the end card image to the end of the iMovie timeline. The end card image should appear after the movie clip. Notice that when you play the clip, the end card magnifies as it plays. Let’s correct that.
  2. Click the end card clip in the timeline to select it.
  3. On the toolbar, located above the viewer, select the Cropping tool.
  4. For Style, select Fit. The end card clip will stay the same size as it plays.
  5. Drag the right edge of the end card clip to the number of seconds you want it to play in your video. I recommend 30 to 40 seconds.

Create the Picture in a Picture on the End Card

  1. Find the last 30 or 40 seconds of your video. The number of seconds should be the same as the number of seconds of your end card clip.
  2. Place the Playhead at the location and then select Modify > Split Clip.
  3. Select the split clip and drag it directly above the end card clip in the timeline.
  4. Select the split clip and then on the toolbar above the viewer,  select Video Overlay Settings.
  5. From the drop-down menu, select Picture in a Picture. The video appears as a thumbnail on top of the end card in the viewer.
  6. Click, hold and drag the video to the location on the end card where you want it to appear. Adjust the size to fit.

You are done!

Add Clickable Annotations in YouTube

After you upload your video to YouTube, use the Youtube Annotations feature to create clickable links on the YouTube outtro.

Which type of annotation should you use?

  • Spotlight annotation: for highlighting areas in a video; when the user moves the mouse over these areas the text you enter will appear. In this case you don’t have enter any text. When the user moves the mouse over the area, it will be clickable.

If you have questions about creating a YouTube end card in iMovie, please leave a comment! Also feel free to post your YouTube video link. Would love to check out your interactive outtro!