We're Bringing New AI Tools to Elevate Your Image Editing

Transparent Overlays: How to Make Transparent Video Overlays

Last Updated: 2024. 09. 29

A transparent overlay cloud be an overlay of text, color, shape, or image that you put on your video.And we love this trick so much because it makes our video more creative and appealing.

Here in this article, we'll show you 3 ways to guide you how to add transparent overlays to your videos using the easiest-to-use yet powerful online video editor, FlexClip. Let’s take a closer look at each one of them.

3 Ways to Add Transparent Overlays to Your Video

Video Templates with Transparent Overlays Effect for Your Inspiration:

Yoga Fitness
Preview
Yoga Fitness
Use This Template
Brown Good Morning Motivational Quote
Preview
Brown Good Morning Motivational Quote
Use This Template
Company Presentation Sample
Preview
Company Presentation Sample
Use This Template
Dark Film Gold Particle Birthday Party Invitation
Preview
Dark Film Gold Particle Birthday Party Invitation
Use This Template

Create Video Faster with FlexClip's Pre-Made Templates →

Start from Scratch Easily with FlexClip's Online Video Maker →

Also Read: How to Add a Subscribe Button to Your Videos>

Method 1. Transparent Overlay Effects - Fire, Snow & More Preset Effect Overlays

When customizing your videos using transparent overlay, one of the easiest things you can do is to add an effect overlay, like fire overlay, snow or rain overlay, old film overlay, bokeh overlay, or VHS overlay and more.

In FlexClip, you can add transparent effect overlays of different styles and blend modes in simple clicks as it offers various transparent effect overlay presets for you to choose from.

Snow Effect Winter Christmas Photo Slideshow
Preview
Snow Effect Winter Christmas Photo Slideshow
Use This Template
Romantic Bokeh Wedding Anniversary
Preview
Romantic Bokeh Wedding Anniversary
Use This Template

Follow the steps below to add a free transparent overlay to your video with FlexClip pre-made effect overlays:

Get Started Now View Templates
Step 1
Go to the Media section to import your videos to FlexClip, and then add them as scenes to the Timeline. Here you can upload your footage form the local file of your computer or you can also upload your video footage from your phone directly by scanning the QR code.
Pre-Made Transparent Overlay for Video Editing - Add Media

Pre-Made Transparent Overlay for Video Editing - Add Media

Step 2
Once you've applied your video to the timeline, switch to the Effects tab on the sidebar, then you should see various overlay effects, such as brush overlay, shadow overlay, glitch overlay, snow overlay, old film overlay, firework overlay, and more. Scroll down to find your desired transparent overlay effect for the video. Here, we choose the snow overlay effect for the video.
Pre-Made Transparent Overlay for Video Editing - Effect Overlay

Pre-Made Transparent Overlay for Video Editing - Effect Overlay

Step 3
After adding the transparent overlay to your video, you can use the editing tool on the top-bar to edit the overlay freely - adjust the rotation, their opacity, or blend mode so that they perfectly match video's background and theme. Also feel free to level up your video with filter, music, shapes, and text.
Pre-Made Transparent Overlay for Video Editing - Edit

Pre-Made Transparent Overlay for Video Editing - Edit

Method 2. Transparent Shape Overlays - Full-coverage or Partially Overlay with Transparency

Besides using a preset effect overlay, you can also add a transparent shape overlay to your video. A shape overlay can be used to cover the entire area of your background image or video, just like a video filter to give your project a new look; or just add a transparent shape overlay to the area with text, not the whole video, to highlight your information.

Real Estate Project Ads
Preview
Real Estate Project Ads
Use This Template
Bokeh Good Morning Message Phone Screen Quotes
Preview
Bokeh Good Morning Message Phone Screen Quotes
Use This Template

FlexClip allows you to add shape overlays of different colors and opacity. Let's check the detailed steps below:

Get Started Now View Templates
Step 1
Upload your video clips to FlexClip and apply it to the Timeline as you do above. Make any edits like cut, split, and trim, to adjust your clips if needed.
Transparent Shape Overlays for Video Editing - Add Media

Transparent Shape Overlays for Video Editing - Add Media

Step 2
Go to the left-hand side menu, choose the option "Elements", and pick any desired shape, then add it onto your footage.
Transparent Shape Overlays for Video Editing - Effect Overlay

Transparent Shape Overlays for Video Editing - Effect Overlay

Step 3
Select the added shape overlay and go to the top menu to pick the color that you want to apply to your video as an overlay. You can change its opacity so that it better matches your brand.
Transparent Shape Overlays for Video Editing - Edit

Transparent Shape Overlays for Video Editing - Edit

Step 4
Adjust the location and size of the transparent shape overlay to cover any area you want in your video.
Transparent Shape Overlays for Video Editing - Adjust

Transparent Shape Overlays for Video Editing - Adjust

Method 3. Transparent Video/Image Overlays - Add An Image/Clip as A Transparent Overlay

Want to add your video or image as a transparent overlay in your video or try to use some transparent overlay footage you downloaded from other website? Yo can easily to do so online at FlexClip.

Restaurant Testimonials
Preview
Restaurant Testimonials
Use This Template
Modern Clean Relax Travel Memory Story Photo Slideshow
Preview
Modern Clean Relax Travel Memory Story Photo Slideshow
Use This Template

Follow use to learn how to put a transparent image/clip over a video in FlexClip online:

Get Started Now View Templates

Step 1 Upload Your Video Footage to FlexClip

Also head over to the Media section to upload the video footage that you want to add a video or image transparent overlay to. Then, apply it to the Timeline as scene.

Step 2 Find Video/Image That You Want to Use as the Transparent Overlay

Once you have added the video clip to the timeline, you can find the video or image that you want to use as the transparent overlay in your video. If you want to use personal pictures or video as an overlay, just upload it directly.

Here you can also go to the built-in Video/Photo library of FlexClip to find some beautiful stock resources for your video transparent overlay. For example, if you want to add a transparent rain overlay to your video, you can search with "rain" or any other related words to find your desired one.

Put a Transparent Video/Image over a Video - Find Overlay Resource

Put a Transparent Video/Image over a Video - Find Overlay Resource

Step 3 Add the Transparent Overlay Image/Video

Now, it's time to add your video or image transparent overlay to your project, simply pick the video or image and click the Add As Layer icon to add it as a layer on your video. After that, you can also drag and resize the overlay to cover the video.

Put a Transparent Video/Image over a Video - Add Overlay Resource

Put a Transparent Video/Image over a Video - Add Overlay Resource

Step 4 Make the Video/Image Overlay Transparent and More

Now you can customize the Opacity of the video/image to make it a transparent overlay. You can also crop it freely to make it in the size you want or even crop it into a circle one. If the overlay clip is too short to cover your entire video, you can duplicate it and make the copy one to cover the rest of your video.

Put a Transparent Video/Image over a Video - Customize the Overlay

Put a Transparent Video/Image over a Video - Customize the Overlay

Final Words

Adding transparent overlays can give your videos a unique look and feel and make them far more attractive. Ready to put this into practice? Then go ahead - turn to FlexClip and start adding transparent overlays to your video right now.

Group 11
Make a free video online
Create Your First Video With FlexClip Now
Get Started - Free