banner



How To Make An Overlay For Youtube Videos

Read Fourth dimension: 7 mins Languages:

If alive streaming is your thing then you'll know how important an overlay can be. Non just does information technology look more professional to include adept graphics, but information technology besides lets you include important information that can assist yous boost your follower numbers and earn more coin.

Speedily Create an Overlay for Live Streaming Video With PlaceIt

In that location are a few means you can go well-nigh creating an overlay for your Twitch, YouTube, Facebook,or other livestream. You may desire to utilise software you have and are familiar with, like Adobe Photoshop or Later Effects.

If you adopt a quicker and easier method, though, with PlaceIt you can start with a set up-made professional person template and brand changes right at that place on the site to produce an overlay that suits your brand and stream. Permit's wait at how yous tin can do that.

At that place are many options on PlaceIt (for a small fee, or as role of a subscription) when it comes to overlays, but here's i good example designed for people who want to stream games via Twitch using Open Broadcaster Software (OBS) Studio :

Twitch OBS Live Stream Overlay Generator with Webcam Frame

This overlay is obviously designed for a gamer who specialises in shooter video games like Phone call of Duty. The template tin be adjusted to keep the basic features but to brand it look completely dissimilar.

Twitch OBS Live Stream Overlay Generator with Webcam Frame Twitch OBS Live Stream Overlay Generator with Webcam Frame Twitch OBS Live Stream Overlay Generator with Webcam Frame
Twitch OBS Live Stream Overlay Generator with Webcam Frame

To demonstrate how you lot can accommodate the features of a template to make information technology your ain, and as I don't have my own 'brand,' I'm going to pay homage to the aesthetic of one of my favourite games, Red Dead Redemption 2.

RDR 2 image via presskit RDR 2 image via presskit RDR 2 image via presskit
Red Dead Redemption 2 artwork from a presskit via Rockstar Games

1. Alter the Background Prototype to Create a Preview

Each template volition come up with its own background stock image or blithe footage. You can select from the options on PlaceIt, which will be similarly themed with whatever the subject of the chosen template is, for case the one we're using here has stock epitome options of soldiers. You can upload your own paradigm or become a stock prototype from elsewhere. Every bit our RDR2 theme is that of a western, hither'southward an image from Envato Elements that fits.

Western town Western town Western town
Western town by digitalstormcinema via Envato Elements

To change the image in the template, click on 'Custom Image' and upload your picture. The maximum size accepted is 12MB so you may need to resize your photo to fit. Once uploaded, y'all get the choice to ingather information technology to fit the screen, then you don't need to worry too much almost the dimensions.

upload and crop a custom image upload and crop a custom image upload and crop a custom image
Upload and crop a custom image

2. Arrange Primary Theme Colours

The RDR2 colour palette is quite unproblematic: ruddy, orange, blackness, and white. Keep in heed that your text should exist easy to read, which unremarkably means picking text and background colours that have a lot of dissimilarity.

You can ignore the Backgroundcolour pick if you're using a stock paradigm. If yous prefer not to use an image then cull a background colour that won't exist difficult to look at for long periods of fourth dimension.

To change the Frame colour, click to expand the colour box and you'll run across a palette of colours, along with the option 'more than' which will bring upwardly a more detailed box where you lot can also put in a # number. Colour dropping the RDR2 artwork brings upwardly the colour #bf0618 for the red, and so that's what I'll use as the frame colour.

adjust the frame colour adjust the frame colour adjust the frame colour
Adjust the frame colour

Just under the color options are different frame designs. At the moment, 'alive cam geometric' is pre-typed equally a search parameter to make sure the frame all the same fits with your live cam layout, so they don't change the entire frame, merely the sides. If you remove the search parameter it brings up more results, but these will potentially accommodate the whole frame and might non fit with your particular alive stream anymore.

frame changes frame changes frame changes
Change the sides or the whole of the frame

I've chosen a squeamish thin frame as in that location'southward already enough going on in the background and I don't desire information technology to be too distracting.

Webcam Frame Position

If yous want to move the webcam frame (the square bottom-left), just click to take hold of it and drag to whichever position works for you lot.

iii. Icon Colour Change

At that place are social media icons at the bottom of the frame that are divide to the text, then you can suit those colours without changing any of the text yet if you want to. Using the RDR2 colour palette, I've chosen #F48E29 – the orange colour.

Change the icon colour Change the icon colour Change the icon colour
Change the icon colour

Change the colour the aforementioned way you did with the frame, using the 'More than' selection if you want to select your ain specific colour.

4. Fonts

The last matter to look at is the text: font, colour and content. If whatever particular text doesn't employ to y'all, for example 'Top Donators,' you can simply click the blue tick icon to untick information technology and that text volition be removed from the template.

Just untick the box to remove text Just untick the box to remove text Just untick the box to remove text
Just untick the box to remove text

Each text selection has a selection of fonts to choose from, and if you click 'More Fonts' it volition open upwardly a list by their tags (their main 'wait') equally well as the option to search. If I search for 'Western' it brings up several options that fit with that.

font options font options font options

1 slightly frustrating affair is that you lot can't select a font size, so you'll have to use the size boxes on each text to elevate and resize.

You may want to utilize more than one font, particularly if the one you've chosen is very decorative or a bit too bold to use for everything. If y'all choose another, endeavor to keep information technology in a like fashion and if yous're unsure, read our guide to choosing the best fonts for your brand.

v. Export the Finished Overlay Prototype

Well washed, you've changed a pre-fabricated streaming overlay to something that's more than... you! You can edit the same frames to look like different offshoots of your brand, or to nod to the games you're streaming—merely by changing the colours and fonts.

Create the Overlay Image

Now, last footstep, head dorsum to the image selection controls and select No Image. This removes the preview image and so that you can use the empty frame as an overlay on your broadcast. Now click Download.

Once your file has downloaded, you tin can set up your streaming software to use the prototype. Here'south how to do that in OBS:

If y'all fancy a alter, at that place are lots of templates to choose from, and if you lot're feeling like yous might want to look at creating other graphics for your livestream, then take a await at some of our articles below.

More Awesome Video Resource From Envato

Envato Video Marketing Guide

Heave your video marketing skills with our guide. You'll acquire video marketing from offset to stop to better your next production — and connect with customers.

Free Video Assets From Mixkit

Check out Mixkit for free stock videos, costless stock music, and free templates for Adobe Premiere Pro.

Make Motility Graphics Video Online With PlaceIt

PlaceIt is an online video maker with professionally-designed motion graphics templates; you can make videos quickly, right in your browser.

Detect and Create Graphics for Live Streaming

Did y'all find this mail service useful?

Source: https://photography.tutsplus.com/articles/how-to-create-overlay-live-stream-placeit--cms-35309

Posted by: fungunpleted.blogspot.com

0 Response to "How To Make An Overlay For Youtube Videos"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel