How to overlay photos and videos & create picture-in-picture videos using Filmora?

Want to display two videos at the same screen with the background video fills almost the whole screen, while the other video displays in a nested smaller window? This is called Picture in Picture (PIP), also called Video Overlay. In this article, we will discuss how to overlay both photos on video and also overlay video on video using Filmora video editor. In addition, you will learn some very useful tricks of picture-in-picture video making at the second part of this article. For instance, we will also show you how to make photos and videos in picture-in-picture video to move, zoom, rotate; how to mask photos and videos in PIP videos with all kinds of shapes, how to turn on the ‘green screen’ tool, add borders, apply shadow, and many more. If you like to mix pictures and video clips in the same slideshow other than video overlay, you can refer to this guide to make photo video slideshow movies.

Download the video editor & maker on to your Windows or Mac computer now. It is free to download and try. Get it now before we use it to create picture in picture videos or movies with photo overlay and video overlay to tell our stories below.

How to overlay photo on video?

You can put a picture, logo or other image files on the video to create picture-in-picture video using Filmora video editor.

overlay picture on video

Here are the steps to overlay photos on videos:

  1. Run Filmora program on your Mac or PC, then click Import button to load source media files, videos, photos, music and so on.
  2. When the media files have been added from computer to the video editor, drag the video to the first PIP track in the timeline at the lower section of the video editor.
  3. Then drag the image files to the second PIP track in the timeline.
  4. Preview the picture in picture video in the video player at the upper right section.
  5. Export and save picture-in-picture to computer, YouTube, TV, DVD, etc.

How to overlay video on video?

Picture in Picture (PIP) is also known as Video Overlay. We can see some TV has this feature to allow users watch two TV channels at the same time in one TV screen. Filmora video editor can also help you create picture-in-picture videos to play multiple video tracks simultaneously.

overlay video on video in filmora

Here are the steps to overlay videos:

 

  • Run Filmora program on your Mac or PC, then click Import button to load source video clips to the Media Library of this video editor.
  • When the video files have been added from computer to the video editor, drag the main video to the first PIP track in the timeline at the lower section of the video editor. Note that only the sound in the main video will remain. Sounds from extra video clips will be muted automatically.
  • Then add the second video track, third video track or more to different PIP tracks in the storyboard timeline.
  • Preview the picture in picture video in the video player at the upper right section.
  • Export and save picture-in-picture to computer, YouTube, TV, DVD, etc.

 

Learn some very useful tricks of picture-in-picture video making

You can drag and drop the images or videos to place them anywhere in the track so you can decide when it shows up and when it disappears in the video. If you like to display the picture above the whole video, you can mouse on the beginning point or ending point of the picture in its track to reveal the marker which you can click and drag to change the picture display length.

In the video preview window, you can also edit photo and video overlay. You can click and hold on the picture or video to move it to anywhere above the video in the background. For example, you can put the picture or video to the bottom right corner of the main video, to the upper right corner of the background video, etc. Mouse on the border of the photo or video, you can drag and drop to resize the photo or video display size. By default it fills the whole screen, so the background video can not be displayed, as the photo or video added after the main video will be displayed in front. Thus you need to resize the front picture or video to smaller size or window. If you drag the corners to resize display window, the aspect ratio of photo or video will remain the same as source photo or video. Otherwise you will change the photo or video aspect ratio.

If you like the nested window to be dynamic and moving across the screen, you can add Motion to them. Double click the photo or video in the PIP track to open the Motion selection screen like below.

picture video motion

You can add all kinds of dynamic motion effects to your PIP video, such as zoom, pan, move, rotate, bounce, stretch, etc.

You can also add many other cool features to the nested photo or video. You can mask the source photos or videos with various shapes.

PIP edit mask filmora

 

You can add borders to the photos and videos in picture-in-picture videos, apply shadows to videos and photos, add Chroma Key (Green screen) effects to PIP video, make parts of the clip transparent, flip photos and videos, rotate photos and video, etc.

PIP edit effect in filmora