i its machine dana and welcome to the channel good to see you in this video i'm gonna be showing you
how to make this gif bounce parent or for that matter any transparent gif work on your stream
labs OBS overlay for streaming a lot of people have things like this I've got a little Donatello
keyring thing in the background and all kinds of other crap in the background and whilst that is
okay it's great to show off your personality it's good it's very common a lot of people have those
things and they're just a little bit more white noisy than they used to be MEAP me personally i
prefer more of a sort of a blank background with some sound proofing which actually is functional
and adds to the quality of the sound so instead what I choose to do on my streams is to add gifts
and overlays and things like that that can be a little bit more interchangeable very quickly
interchangeable a little bit more interactive as a little bit more reflective of the kind of
history in the games and stuff that I've played so along with this little subscriber button down here
I also show you how to add little animations like this little fellow here just get it lit
of Cloud Strife I'm a massive gamer from the 90s and Final Fantasy is one of the best ever games so
what I also do is link both the subscription and also the Cloud Strife in the description below so
that you can download them and use them but also I'll show you how to get gifts online as well so
without having to just be ring-fence to these I'll also show you how to get gifts from online
save them as a source add them to OBS Cleavon ops OBS and then use them on your stream if you
do find this useful I'd really appreciate if you give a thumbs up to the video because it gives a
bit more visibility and the people can find the video when they're searching for the same thing
that you've searched for and if you want to see more stream labs or twitch or streaming tips or
if you just quite like the look of what I do by all means feel free to subscribe yourself if not
enjoy the content okay before you can actually get the gifts of loli onto your OBS you need
to access those gifts and get them ready and saved on your files there are loads of gift websites out
there and most of you probably already know what they are but in case you don't the ones that are
most common are 10 or com giffy calm and giffy cats calm slight different variants on there if
he spelling by the way I don't know if it's gif or Jif it's always a big debate but I always refer to
it as a gift well I'm sure some people we going crazy right now that I'm calling it get instead
of G but whatever Jeff no one calls it gifs sure we no one calls it chief right anyway so what you
need to do is you need to locate a gif or gif for the one that you want me personally I really like
to have gifts that are transparent background gifts and the reason for that is I think that
when you're putting them onto your overlays and ultimately onto your stream they're a lot cleaner
the less obstructive and the less obtrusive in the content that you're delivering so it doesn't
detract too much away from you as the broadcaster and equally it doesn't detract too much away from
the content that you're streaming in terms of the gaming or just chatting or whatever else
so me personally I prefer the transparent gifts but you might not like the transparent ones you
might prefer the ones that are full bordered and that is also okay to what you need to do is that
you search for the gif you want you can search for transparent gif if you want and it will give
you transparent gifts these ones tend to be the transparent gifts tend to be the ones that either
have the black background or some sort of clear background like that it's normally fairly obvious
sometimes they have been saved as white background gifts in which case they're not going to be
suitable if you want the clear background you can also use Photoshop the width in this video I'm not
going to be explaining exactly how to take out the transparency of the gift there were loads of
tutorials Photoshop specific tutorials out there that do that and I'll try and recommend one a use
for my views before in the description below if you're struggling with taking out the transparency
but it basically involves extracting out the frames of the gif and then deleting the background
and then basically reloading it as it as a if so if you don't find the transpiring if that you want
you can create the transparency by editing the gif but there's loads out there that you can use
anyway already another method that you can use to find the gifts is actually to simply just just go
on to Google you can click on - I think it's tools type gif this will only return gifts in your image
search on Google and then you're then gonna get a more wide variety of images if you don't find
what you're looking for on the three sites that I've mentioned do try Google as well it also means
you can actually credit the people as well for for the pixel pixels that you're using and check what
the copyright statuses on on those gifts and the ones that I've used here are from this chap called
brave X vyas and yeah so or you or you literally then do is you click on the gif itself you need to
right click on the save image as and then you save it on to wherever you need to save it I'm just
call this about cloud gif test you need to make sure it does come up as a gift saved image if it's
coming up as anything else you've done something wrong you just got to be careful that you are
saving as a gif file and not as a different type of file so once you've got your file saved then
we get to the bit where you're adding it into OBS now this is obviously an example of a transparent
one I can tell this is transparent because I've got the what's called the alpha background so
the transparent background if you click on it and it's not alpha sometimes they've got a different
colored background but that doesn't less not that doesn't necessarily save it it's not going to be
transparent it's essentially could be a type of a green screen that is taking the transparency
out of the image so I'd always recommend just a little bit of trial and error particularly
not sure about whether an image is transparent or not then what you want to do is you need to
be opening up stream labs OBS then it's a really really straightforward process within stream labs
OBS you want to be going on your sources section which hopefully you've got laid out on your panels
if you don't you can on the layout editor here I'm just dragged source selector into one boxes
and from there you simply want to click on the plus symbol to add a new source you click on
media source as you can see here of the file types that you can choose gif is one of those file types
you can add source here you then get the option to add an existing source if you've already got the
source source existing elsewhere this is a brand new one so we're going to add a new one instead so
we get to rename it you can name it cloud best the cab source there's a few options you've got now
first all we want to browse to the cloud test gift so that will then bring it in now bear in mind
previously the just click loop if it disappears as it did there when you click loop it will reappear
what's happened is it actually played its full animation and then went inactive so just click
looping it will stay there and this is now looping and you get a preview of what that loop looks like
and so we've got the the file in here we've clicked the loop what we can now see it's a
black background and even though on the preview on Google it was a white background it was a I
mean it was actually the white and gray box is the Alpha background because this is now turned black
I know for certain that it was alpha background because the background is changed sometimes you
see alpha backgrounds sometimes you'll see a black background sometimes you'll see a green background
but as long as the thing the output wants it's live or rather when you're testing it as long as
it looks transparent he sort of doesn't matter whether it's black green or alpha square boxes
really any kind of indication different programs use different things so we want to click loop
which will make the animations stay there all the time on a looped process if you'd prefer for
the process to only go through one loop you can uncheck that it'll do its loop and then it will
disappear as it did there another way of doing it is to have the file to close when it's inactive so
it appears does its loop once and then closes the file when it's inactive for me out on the Cloud
Strife to be there all the time it's a static character that I on the screen so I'll click
that there's a few other options here restart play about when sauce becomes active so this
just means that when you reactivate the source it will restart the loop essentially so rather than
it taking it from a mid point if you've used it previously or started from the start so I'll just
click done on that now we've got clouds drive here in the top left and as we can see he does have a
transparent background we can just then drag him around and resize him to whatever size we
want him to be up I actually just prefer the size he was out to begin with I quite like the small
pixelation like that and that's that's literally it we can we can move him we can drag them around
we can send to him we can place him wherever we want but we've now placed a new media source as
a gif transparently on the desktop which can now be used now what you'll see is this now appears
in the sources section you can file that within a folder if you like using this folder section
and using the eyeball will make it appear or disappear just like that if you found this useful
then please thumbs up if you want to subscribe feel free to otherwise enjoy your day and cheerio