How to Add Transparent Video/Image Overlays to Videos in 2022 – Free Templates Available

This page is the step-by-step guide on how to add transparent video overlays to videos with FilmForth. FilmForth is a free video editor and there are free overlay templates available.

Tuesday April 26, 2022 5:23 PM PDT by Karen Greene
Transparent Video Overlay

Transparent Video Overlay

Transparent video overlay is a practical video editing skill used by most YouTubers and professional video editors, but it’s actually not as tricky a job as it may sound. In this post, I’ll step by step show you how to add transparent video or picture overlays to videos, and even the most inexperienced users will easily get the hang of it. Now let’s get to it.

What are Video Overlay and Transparent Video Overlay?

Video overlay is a video editing technique where a picture or video is displayed on top of another video, used as background, which is a common practice of the PIP (picture-in-picture) effect.

In film productions or YouTube content creation, video overlays have been extensively used to present two or more separated but intrinsically connected scenes to the audience simultaneously. In so doing, the mingling of ideas is delivered at once.

On the other hand, transparent overlays make it possible to display two or more scenes, while keeping the full screen of the background video visible. From the tutorial section below, you’ll learn how to do transparent video overlays on your own, using video or picture (or both) as video overlays.

Do Not Miss: 20 Best Video Editing Apps, 22 Best Online Video Editors, 16 Best Intro Maker Apps

How to Add Transparent Overlays to Videos with FilmForth (Step by Step)

To get started, we need an adequate transparent video overlay video editor, and FilmForth is the highly-recommended choice. FilmForth is a completely free video editing toolkit that offers tons of useful video editing features including trimming, rotating, clips merging, audio replacing, voice changing, aspect ratio resizing, transitions, etc.

With FilmForth, you can add image or video overlays in two practical manners, and FilmForth allows you to adjust the opacity of the overlay.

Hit the download button below to get FilmForth from the Microsoft store for FREE!

microsoft download

Step 1. Start a New Project

When FilmForth is fully installed, launch it from Windows start menu. Hit New Project button in the middle to start a new editing project.

Create a New Project

Create a New Project

Step 2. Import the Video

Drag and drop the video clip(s) into the FilmForth program to import the videos you intend to use as the video background, then you’ll see the background video(s) in the timeline.

Load Media Files into the Program

Load Media Files into the Program

Step 3. Add Video Overlay

Hit the Picture in Picture button from the lower panel, and you can see there are three options available add your own video/photo clips, add built-in stickers, and add GIFs/stickers from Giphy. Here we’ll use an image overlay: a YouTube like icon, as an example.

Add Video Overlay

Add Video Overlay

Step 4. Adjust Overlay Opacity

When the image overlay is added to the video, you can drag it from the preview window to relocate it in the video frame.

Select the picture overlay in the timeline and hit the Opacity button below, with the transparency slider, you can adjust the overlay opacity from 0% (completely transparent) to 100% (intransparent).

Adjust Overlay Opacity

Adjust Overlay Opacity

Step 5. Apply Animation to the Transparent Overlay

A really fun and useful feature is that FilmForth even enables you to apply various motion effects (like fade in/fade out) to the video overlay.

Hit the Animation button below, and you’ll see three types of animation effects available: Entrance, Exit, and Emphasis, hundreds of animations in total.

Apply Animation to Overlay

Apply Animation to Overlay

Step 6. Save and Export the Overlaid Video

When you’ve done editing, hit the lower-right Save Video button from the main workplace to save and export the overlaid video.

Export Overlaid Video

Export Overlaid Video

Additional Method. How to Make Transparent Overlaid Videos Using Chroma Key

Apart from the conventional method of adding transparent video overlay, FilmForth offers another approach with its Chroma Key feature. Chroma Keying is a post-production technique for compositing images or videos based on color hues, offered by advanced video editors like CapCut. Chroma key helps to remove certain colors and make parts of the overlay video transparent.

FilmForth chroma key can be used to achieve the effect that a video overlay with transparent background is added to the background video.

  1. Launch FilmForth, create a new project, and import the background video.
  2. Hit the Picture in Picture button and then Add Pic in Pic.
  3. From the three given options, hit the Add Video/Photo Clips
  4. Import a video with monochrome background (to be the background green-screen, but the background color doesn’t have to be green), to use as the video overlay
  5. Select the added overlay clip in the timeline, and hit the Chroma key button from the lower panel.
  6. Tick on the Chroma Key Effect option, use the Select Color button or the color picker to customize the Chroma key color. Additionally, the Add Color button helps you key out multiple colors.
  7. Adjust the Tolerance of the chroma keying to apply the chroma key effect as per your need.
  8. Hit the lower-left backspace button to head back to the main workplace, and hit the Save Video button to save and export the video with Chroma keyed transparent overlay.
Chroma Key Transparent Overlay

Chroma Key Transparent Overlay

Transparent Video Overlay: FAQs

How Do I Make a Transparent Video Overlay for Free?

To make a free transparent video overlay, you need the best free video editor FilmForth. With FilmForth, you can easily add overlays to your videos from a library of 1000+ free video overlay templates.

How Do I Make a Free Transparent Overlay?

FilmForth is a free transparent overlay video editor that allows you to make and create transparent overlays from built-in stickers, GIFs, or your own footage.

How do I Make an Animated Video Transparent Overlay?

FilmForth is an all-in-one video editing toolkit integrating both video transparent overlay and motion animation effects features. With it, you can easily make an animated transparent video overlay.

How to Add Transparent Video Overlay in Premiere

Adobe Premiere Pro is a pro-level video editing program that offers advanced video overlay features. To add transparent overlay video in Premiere Pro, go to the Applied Effects panel, expand the Opacity effect, and customize with the Clip Opacity slider.


That’ll be all about how to add transparent video/picture overlays to videos, and it’s actually quite easy using FilmForth. Moreover, apart from adding video or photo overlay to a video, FilmForth is also a versatile video editing tool that also helps to add stickers to video, add incredible transition effects, add animation to videos, and do many other things to make your video look awesome. Anywho, don’t forget to download FilmForth and give it a try!


Karen is a professional writer with a background in column writing who enjoys resolving complex topics and explaining them in interesting ways.

filmforth icon

FilmForth - Free Video Editor

  • No charge, no watermark, no skill required at all.
  • Export video to MP3 with one click.
  • Add transitions, effects, filter, text to the video as you want.
  • Remove, replace, record and edit the background audio easily.
  • Change the speed, volume, and subtitle on video with ease.
  • Stabilize, trim, rotate, and convert video in seconds.