banner



How To Get Animated Backgrounds In Obs

Open Broadcast Software Studio, or OBS for short, is the 'go to' software for quick and piece of cake, free (and open up-source) dissemination and streaming. The interface is unproblematic to apply, and allows you lot to customise your video with graphics—it's a great tool to add polish and professionalism of your broadcast. Let'south take a look at a few of the means you lot might desire to apply graphics, and how you can do that within OBS.

Streaming Graphics

Just similar in other video, graphics are an important function of your broadcast or stream, and just like in other forms of video your graphics give important extra data to viewers. The key graphics elements for live video are overlays, banners, panels, alerts, and logos. Streaming graphics are key to helping your audience to quickly recognise and, hopefully, connect emotionally with you and your stream.

ane. How to Add Overlay Graphics in OBS Studio

An overlay can be a very simple graphic, as uncomplicated as a edge that goes effectually the frame of your video. Live streamers on Twitch are big on using overlays because they give you scope to personalise your content. Yous can also use overlays equally placeholders for 'starting shortly' and 'thanks for watching,' so that y'all aren't leaving viewers with a blank screen.

Make Your Own Overlay

You lot tin can create your own overlay and we've got a great guide to how you lot tin do that in Photoshop that'southward worth checking out.

twitch overlay for OBS on placeit twitch overlay for OBS on placeit twitch overlay for OBS on placeit
A Twitch overlay for OBS on Placeit

If Photoshop seems overwhelming, try Placeit. With Placeit you lot tin can make channel graphics by using interactive templates to customise existing designs, in your web browser. This is a great way to get something that looks professional and can be adapted to suit your brand, whilst non forcing you lot to create something from scratch or learn another new plan. Cheque out the step-by-footstep tutorial on how to make an overlay with PlaceIt for full details.

Add together Your Overlay

To add an overlay (I'll add this Placeit instance which I've modified slightly), select the Scene you lot want to add together it to, mine is 'Test' and so go to Sources > Add > Image.

overlay in OBS overlay in OBS overlay in OBS
The overlay imported into OBS

And now your overlay epitome is superimposed above your video source. Easy!

A Quick Note on Scenes

Scenes in OBS are a way to ready upwardly your preferred layout, video sources and sound settings for a particular type of broadcast or stream. If you make videos across different themes, if you're a gamer who streams more than ane game, or if you lot have two or more than video feeds going (a camera on a host and screen-capture from your game play, for example), y'all'll notice Scenes very handy.

Note, this is not the same as Profiles, with which you can set up upwards to contain stream keys, encoder settings, output size and so on. You use Profiles and Scenes in combination with each other.

When you set up your Scene, you tin then add things like graphics, every bit in a higher place, which will get accessible when you want to stream in that specific way. For more, check out our tutorial on how to utilize Scenes in OBS to switch between sources.

2. How to Add Text in OBS

Text, of course, doesn't strictly come under graphics, however in that location are two ways to add it in OBS. The get-go is to directly input it through the Source menu (Add > Text) but the second is to create it elsewhere and then import information technology every bit an image.

To do this, only create your desired text in your usual program, like Photoshop,

sample text created in Photoshop sample text created in Photoshop sample text created in Photoshop
Sample text created in Photoshop

Save it as a PNG file to preserve the transparent background. Then in the Sources box, click Add > Image.

add text as an image add text as an image add text as an image
Adding text equally an epitome in OBS

It'll as you to create a proper noun for your source, and so call information technology something appropriate so when prompted navigate to where your image is saved on your estimator and add it. You'll immediately see information technology appear on the screen.

text added will appear in sources and can be adjusted text added will appear in sources and can be adjusted text added will appear in sources and can be adjusted
Text added volition appear in Sources and can be resized and placed

When it's on your screen yous tin can resize and position information technology as advisable, and yous even accept the selection to reduce the opacity.

3. How to Add Motion Graphics in OBS

If you're able to create video content in a suite like Premiere Pro or Subsequently Effects then you lot tin can employ those graphics in OBS. While yous won't be able to directly edit or change the content in OBS, you can make things like lower thirds or animated logos and render them out to an .MP4 or other video file to include in your Scene.

If you want to go all out and brand a user-interface for your feed, but don't have the pattern skills or patience to design a total GUI for your stream, check out this heads-up brandish design kits from Elements.

Here'due south a quick example I made, a lower third, and how to add it to your Scene:

Try Adding Graphics in OBS Studio

Adding graphic elements to a video can absolutely make it look similar a more expensive and expressive production. Quite ofttimes, as with most things, less is more, so effort to have a few well-made and consistent design elements that you lot use oftentimes, rather than a big mix of stuff. Information technology's wise to apply Profiles and Scenes to go on dissimilar broadcasts dissever and—if y'all want—to give each its ain identity.

The nifty thing about being able to use animated graphics rather than just images in OBS Studio is it opens up a world of possibilities near the kinds of graphics you can create. Also as making things from scratch in an editing suite, you can access a wide range of templates that you lot can adjust and and then render out, giving you a bank of graphics to use.

Heads-up display graphic tempate - computer-control designs on a black brackground Heads-up display graphic tempate - computer-control designs on a black brackground Heads-up display graphic tempate - computer-control designs on a black brackground
HUD User Interface Gear up by codetoform, Envato Elements

Height Resources From Envato to Help You Make Great Video

Here are more resources from Envato to keep you learning and making crawly streaming video.

Envato Elements: Unlimited Downloads

On Envato Elements yous have access to hundreds of video templates all included in the subscription. This ways you lot tin can create yourself some branding to become with your broadcast or live stream—an animated logo for case, or a set of lower thirds. Call outs tin can be useful for things like tutorial or unboxing broadcasts, and at that place are whatever number of blithe graphics that would fit into virtually projects, so you tin experiment and come across what works for you lot.

Elements offers millions of stock items: photos, music, video clips, fonts, video project templates for After Furnishings, Premiere Pro, Concluding Cut Pro and Movement, and creative courses from Envato Tuts+, all with a single subscription.

Download Free Video, Free Music, and Free Templates From Mixkit

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

Make a Move Graphics Video Online With PlaceIt

PlaceIt is an online video maker with professionally-designed motion graphics templates.

Make an Insta-site With Milkshake

Instagram gives you one hyperlink in your bio, then don't waste information technology! Brand a great Insta website using Milkshake, on your phone, no web or blueprint skills needed.

Read the Envato Video Marketing Guide

Boost your video marketing skills with our comprehensive guide: You'll larn video marketing from beginning to finish.

Larn to Stream and Broadcast With Conviction

Did you find this post useful?

Source: https://photography.tutsplus.com/tutorials/how-to-add-custom-graphics-obs-studio--cms-35066

Posted by: campbellthrecties61.blogspot.com

0 Response to "How To Get Animated Backgrounds In Obs"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel