How To Apply Video Overlays

 In Best Practices

1334335458, Overearth

Video overlays allow businesses to convey their message in a creative and eye-catching way. They help improve video processing and allow viewers to enjoy multiple content displays. If done right, they help you break away from the average video content, change the feel and tone of the video, and make it more creative and compelling.

This article will teach you how to apply overlays to your video using the right video editors.

What Is A Video Overlay?

A photo of hands creating a box with a playback screen vector in the middle.

1145887344, B4LLS

Video overlays are images or animations you add to your videos that appear on the video itself and playback as picture over picture. They are generally meant to complement the video and deliver specific messages.  

The elements can be images, videos, text used as titles, annotations, stickers, emojis, gifs, or even clickable elements like a link for a call to action or lead capture forms.

Different Types of Video Overlays

Pink and blue vector of a woman sitting at a desk working on a laptop.

1367843848, Anton Vierietin

There is no limit to the elements you can overlay on your videos. It’s up to you to define which specific overlay is correct based on the message you want to convey through your video marketing. Here are the main types of video overlay you can use in your video.

Text Overlays

Text overlays generally require text overlaid on an image or a video background for users to see while watching.

People watch videos at work and on the go. Research shows that up to 69% of videos are watched on mute in public places. This makes text overlay more important than ever.

Shape Overlays

Shape overlays involve adding pre-built or pre-designed objects to your video to convey a message or create a visual element. The elements here are usually 2D shapes, which the creator adds to the video by dragging and overlapping to create other 2D shapes.

You can add arrows, lines, arts, illustrations, geometrical shapes, 2D and 3D drawings, and more. The biggest job consists of customizing the shape. It can simply be pasted on the video.

Image Overlays

An image overlay means having an image displaying over another, and in our case, it means that one image is displayed on top of another in a video. Think of it as an image added to your video as an extra layer, only that they’re played as one in the video.

With the right video editing tool, you can easily add the target image to the video and adjust the timing and blending mode. After this, you can also adjust the opacity as you see fit to create a subtle effect.

Sticker Overlays

Sticker overlays simply mean adding graphic material to an image or video. This overlay is mainly seen across social media platforms like TikTok and Instagram. Users paste interactive stickers to their creations to drive engagement. Sticker overlays can also serve as a way to skillfully add a personal touch to your posts and make you stand out.

Interestingly, it’s not just stickers as we traditionally know them. For instance, you can use mention stickers to enter an account you want to mention. The username will appear in your story with an underline.

Then, viewers can tap it to go to the profile. Along with this, there are stickers for hashtags, music, links, polls, and more.

Animated Overlays

Animated overlays are graphical objects that change appearance as your video is being viewed. This can be a natural animation effect added to the video or the result of external influences, like a click or mouse navigation. This is the video overlay type that allows you to add clickable elements to your videos. You can add polls, links, user data capture forms, etc.

Nailing this will require some video editing skills. You will need to set the timing and trim the animated elements to fit. You’ll also have to define your preferred motion, blending mode, opacity, and other features.  

Benefits of Applying An Overlay To Your Video

A classroom of adults applauding a teacher.

1337421801, LuckyBusiness

Applying an ad as an overlay is one of the best ways to advertise your products in your video without being invasive or tampering with the user experience. Such types of ads are displayed without interrupting the program or the content being watched, which guarantees a seamless experience for users.  

Video overlays also make communication between you and your audience easier as you can easily illustrate and strengthen the points you’re making. For instance, text overlay can help you attach a transcript to your video. In the same way, using the right effect and shape overlays can help your viewers better understand your viewpoints.

How to Apply An Overlay To A Video

An arm working with a mouse in front of video editing software.

1157751475, okugawa

Below, we detail how you can add an overlay to your videos on the major platforms you will need to post your videos.  

How to Overlay Videos on YouTube

On YouTube, you can use video overlays to create different styles of videos. We’ll explain how you can achieve a video end screen overlay to keep your viewers engaging with your channel and an overlay call-to-action button to encourage viewers to visit your website.

How to add an overlay video end screen

  1. Sign in to YouTube Studio

Log into your YouTube account and head over to the creator’s studio.

Screenshot of the YouTube Studio dashboard.

  1. Click on Content

From the left menu, select click on content. You will be presented with your videos.

Screenshot highlighting the content tab for YouTube Studio.

  1. Choose your video

In your stock of videos, locate and select the video you’d like to edit.

Screenshot of the Video Details screen in YouTube Studio.

  1. Click on the End screen box

After choosing your video, you will be presented with video editing options. You’ll need to click on the “End Screen” box. You might have to scroll down.

Screenshot of the "End Screen" option in YouTube Studio.

Now, all that’s left is for you to select the element you want to add.

Screenshot of the end screen element options in YouTube Studio.

  1. Click SAVE.

After you select the element, the trick is done. All that’s left now is for you to save, and you’ll start to see videos overlaying at the end screen of your videos. Before you do, you can choose to display your most recent upload or a specific video; it’s your call.

How to add call-to-action overlays on YouTube

First, understand that you must create a Google Ads account. Now, let’s set you up for your CTA overlay.

  1. Log into your Google Adwords account

  2. Click on Campaign

On your dashboard, locate and click on the “campaigns” button.

  1. Click on “All Campaigns”

On the low-left side of your screen, click on “all video campaigns”.

  1. Click on “Videos”

Simply click on the videos button on the dashboard.

  1. Choose the video

You will be presented with your stock of videos. Locate and select your target video to add a CTA overlay to. 

  1. Click on the “add call-to-action overlay” button

Click to add your CTA elements to the video. You’ll have to fill out the required info for your CTA.

  1. Preview and Save

Upon filling out the information, you can hit the preview button next to your video to play your video along with the CTA overlay you just created.

How to Overlay Videos on TikTok

TikTok’s video overlay options include stickers, polls, Q&As, time, and many more. The following steps will show you how to access and use them effectively.

  1. Open TikTok

Log into your TikTok account. 

  1. Select the video

Next, you will need to upload your target video or shoot it in the app. After you do this, you’ll be taken to the editing screen.

Screenshot of the iStock Editor home screen on mobile.

  1. Add the overlay element you want

There are two options for adding overlay elements to TikTok videos. You can click on the “Stickers” button at the bottom of the screen.

Screenshot of the sticker section iStock Editor on mobile.

You will be presented with a library of video overlay materials you can use for your content.

Screenshot showing the different sticker options on the iStock Editor on mobile.

Alternatively, you can click on “Effects”.

Screenshot of the effects screen for the iStock Editor on mobile.

This will show you several video overlay effects you can use for your video, such as  motion, visual, transition, stickers, split, and time overlay effects.  

Screenshot of the iStock Editor showcasing how to utilize motion, stickers, and transitions on mobile.

  1. Save

When you’re done, you can click on the “Save” button at the top right corner of the editing screen, and you’re good to go.

How to Overlay Videos on Instagram

Here’s how you can add video overlays on Instagram.  

  1. Open Instagram

Instagram only allows for mobile uploads, so you’ll need to open the app on your smartphone.

Screenshot of Instagram timeline with a woman and a little girl hugging.

  1. Upload your video

Click on the + button below in the middle to access your gallery and upload your target video.

Screenshot of Instagram, showcasing how to add a new post.

  1. Add the overlay element.

Now, you want to choose the video overlay element you wish to add to your video. For text overlays, click on the “Aa” button at the top of the screen.

Screenshot of Instagram, showcasing how to add a text element to a new post.

You can then type or paste your text.  

Screenshot of Instagram, showcasing how to overlay text on an image.

As you do, you’ll see the text overlaying on your video. Using your finger, drag the text to the desired location on the video. The color and transparency of the text can be adjusted using the button at the top of your screen. Click on “Done” as you finish.

Screenshot of Instagram, showing you how to accept changes to your content.

For sticker overlays, you’ll need to click on the sticker icon at the top of the screen.

Screenshot of Instagram, showcasing how to add a sticker element to a new post.

You will see all of the sticker options appear. You can pick the one that fits best.

Screenshot of Instagram, showcasing the available sticker options. .

  1. Save

As you choose the overlay effect you want, you can validate and publish your video.

How to Apply An Overlay Using iStock’s Video Editor

iStcok_editor.png

iStock Video Editor

Using iStock’s video editor, you can add text, logo, and watermark overlays to your videos in only a few minutes. The following steps will walk you through the process.

Open the iStock Video Editor

First, go to the main page of the video editor.

Choose your video

You can upload your video by clicking on “Asset” and then “Upload”.

Screenshot on how to upload video assets to iStock Editor.

If you prefer, you can use the video templates available in the tool.

Choose and apply your text style

First, click on “Edit.” You will see many text styles you can overlay on your video. These mainly have to do with your video’s display and rendering style. Keep in mind that you can scroll to find more text styles. You can also change the fonts as you see fit.

Screenshot on your editing options within iStock Editor.

Add your text

Click on the “Aa” button to add your text.

Screenshot on how to add text to content in iStock Editor.

You can drag the text and move it to a specific place on the display screen. To adjust the size of the text, you can click on the added text and then adjust the frame to make the text larger or smaller.

If you want to change the color of your text, click on the green “T” at the top and select a color.

Upload your logo or watermark

Watermarks and logos are also sticker overlays. You need to click on the watermark button inside the video.

Screenshot on how to add a logo or watermark to content in iStock Editor.

You can then upload it as a picture.

Screenshot on how to upload edited content in iStock Editor.

You can also drag it around on the video to find the right place for it.

Preview and Save

When you’re done editing, click on the ‘Save & Preview” button at the bottom left of the tool.

Wrap-up

Woman smiling happily at a table with a laptop.

1333405308, JLco – Julia Amaral

Overlays can help improve the quality and engagement of videos. And they’re especially easy to apply if you use the right video editor. While many social media platform video editors have overlay features built into them, you’ll want a dedicated video editing tool to ensure your content looks professional and seamless.

The iStock video editor is one of the most accessible video editors you can use to set up video overlay designs on the web. You don’t need to download the application before you can use it. If you are particularly interested in text and effect overlays that enhance your videos, this is the tool for you. Start using the free video editor today!

Was this article helpful?
Share this article
Get the latest tips from iStock
  • Hidden
  • Hidden
More Resources for You