 If you want to get the most out of e-cam live's latest screen share green screen feature I have to say that one slowly because it's such a tongue twister Stick around because I got not one not two not three or four, but five videos for you and this is the first one Hello, welcome to take one tech. My name is Alec and in this video I'm going to be focused really on one primary feature of Well, it was actually the new beta. So I did a video about this earlier today the e-cam live version 3.9 Beta 4 but as far as I understand we are pretty close to this actually being the final release now So it will come to the sort of mainstream e-cam any day now now the video that I made about it I did feature some rather silly I suppose graphics in there But I did have a few people asking me exactly how I've done those now That's the purpose of these these five videos and it's to cover those because I did use some of these techniques in making that video But it's also just because I've been waiting for this feature to come For so long and I've asked about it a number of times and so have other people and now it's finally here And I'm just excited to actually get stuck in and start using this because I can see that this is going to Actually really make my workflow a hell of a lot easier with some of the stuff that I do with e-cam Not actually so much on this channel, although you can bet I will be implementing some of these little features as well Into the channel, but it's more for when I'm doing things for presentations and stuff like that and then also for creating course material and so on So it is all related to their green screen feature and it's the way that you can add now green screen or remove rather remove green screen from Screen sharing overlays. So that means that you can share Applications like keynote or like PowerPoint and then do some pretty cool things with them And so one thing that I did is a little example earlier was if I bring up the right window hang on Was something like this so That looks quite simple really it's bringing a little bit transparent type over the top and then it's zooming out and Disappearing over the top of me But the thing that's different about that than how I would have had to do that before is that that is actually just all done live win in keynote The other thing that's very different about it is it's all been done just on the fly in e-cam live There is no need for any separate software or any importing or exporting or all that nonsense before if I wanted to do that You could always make overlays in Video overlays in keynote with transparent backgrounds So then you could use things like have moving images and things like that on the screen The tricky one about that that I've just shown you is It's actually the the sort of holes if you like the words the letters that are that are transparent Those are moving on the screen and that's something that you couldn't technically do in keynote to have the the transparency Move with the letters if that makes sense you can do the animation of the letters no problem You can make the background transparent no problem But what you couldn't do is sort of subtract the letter from the bottom the background as it was actually animating so that is something that I previously had to do by Making the animation Exporting it and then bring it into another program to remove the the green part of the the little movie file And then import that into e-cam live And then if I wanted to make any changes It's back to the drawing board and start all over again Whereas now the way that I can do it is I can just do it sort of on the fly in PowerPoint Oh, sorry in in keynote, but you can do it in PowerPoint as well But the other thing that you can then do is you can just go and edit it So that last one said I really love the new beta or something like that Well, if I wanted to change that then literally I can just go and make it and change the letters to say something else such as Green screen screen share so you can see what I mean It's the letters themselves that are transparent and then this whole thing falls away at the front as well And it's really well implemented in my view in there in e-cam live So that is what these five videos are about and I'm going to show you how to use it So I'm going to come into demo mode just for a moment and show you basically here. I am I've got my green screen down below Or rather my green presentation because that's all it is It's just a keynote presentation Running in a window and then I've got screen sharing running in my e-cam live as an overlay Which was another feature that was added in in the beta 2 I think or maybe beta 1 I can't remember which there were so many good things in all of my car remember which came in which But in any case that is what is happening. So let me show you how to basically Construct this. I'm just going to come into this other Scene here for a moment. Let me just quickly get rid of a couple of these I did use this scene earlier for another demo. So I'll just delete those. So now basically all I've got in this scene And in fact, I tell you what let me just back up even further Let me just back up even further in case you weren't aware of these extra features I'll just tell you quickly. So what they've added into the the whole beta program is for this this sort of version so far beta One two three and four They've added a few things which basically changed the way that I will be building out scenes and things like that in e-cam live The first thing is Let me just show you what's in this scene. I'll just take my camera out for a moment So basically in the background I've just got a little animated loop running and I actually got this from pexels the website p exe ls I'll leave a link in the description. I also did a video all about pexels actually So I'll leave a link to that up in the top corner as well and then That allows you to basically just add a little moving image in the background And so we can add our camera over on the top of it. So there we go I've just added my camera as a camera overlay nothing new there We could always do that but what they did add with the camera overlays is they allowed you to basically come in and edit it So if I come into my camera overlay, let me just hide this other one for one second There we go. That's gone So we've got this little pencil here where you can actually adjust the settings And so we could always adjust the settings before here with the shape and so on by the way in the beta They did also add this shape the squircle slightly rounded corners, but it's got a sort of Multiple radius corners a little bit of a complicated shape, but it's just got a quite a pleasing look to it Let me just come back to the original one for the moment But what they added was corner radius So it allows us to add on a radius to the corners to get the UI out of the way So you can see what's happening and in fact come out of screen sharing for a moment out of demo mode So you can see how I'm basically just adding roundness to the corners The other thing that they allowed you to do was basically toggle which corners you want the radius on so you can see We've got this little sort of four-way grid here So we can just toggle those and so here you can see we've got square at the top Round at this bottom corner round at this corner and square at this bottom corner So you just toggle on which ones you want them on this applies to to image overlays and also to The screen sharing overlays rather and to the camera overlays and to text overlays not to image overlays So what they added in this Latest beta as well was this border So now we can just add a border and as you can see the borders getting thicker as I move the slider and as I move the slider back We can select it does actually have a readout I'm not sure if you can read that on the screen, but it tells me how many pixels. So there we go That is six pixels You can add on however big you want the the border to be around the outside Now what that's done is it's almost Negated the need for a lot of the sort of graphic overlays that certainly I used to make for my things before Where I had sort of like an image with a transparent hole in it And then that would go over the top of my video So that it looks like I was basically like this in a border So now it still looks like I'm in a border whereas in in fact I'm actually over the top of the background and it's just got a sort of white border around it Now that can cause or you might think it doesn't really But you might think that it could cause a few issues with the way that Certainly the way I used to do things before so when I had things fly into the scene for example They would fly in sort of behind the layer the top layer, which is the border So it appears that they actually come into the scene Whereas now there everything is just sort of quite flat. You've literally just got the border You've got the sorry the background and then you've got your camera over the top So you wouldn't think that you'd be able to do something like this Where if I just actually activate my screen sharing that what might help bite into My green screen overlay. I'll try that one more time So something like this that overlay has just flown in from behind the border It appeared to come from behind the border and then it falls out over the front of the border See what I mean? It's like it you would think that it's either got to be one or the other But if you watch that again, it comes in from the side and appears that it's coming from behind the sort of colored background over here So it looks like it's coming from behind that but then when I exit from the scene It looks like it's falling forward over the top of it. So There's a few little tricks that you can use to sort of get around that to or to give that effect And that is the sort of things that I'm going to be talking about here But first of all or in these videos rather, but first of all, how do you actually add the screen sharing overlay? Well, let me show you I'll come back into my demo mode This was added in in the beta as well So in one of the one or two, I can't remember which So we've now got this screen sharing overlay. So you simply add this in And then it's actually defaulted to The round corners. So I'll come in here. I'll just take the border off and the round corners for now So we've got a square. So this is just as you might expect with a Screen sharing overlay, but what you can do here is come into the pencil and I'm going to change it to my keynote So now it's showing just this green keynote slide So now I could add this up into the top corner and drag it across So we've now got basically a canvas all over my scene that I can use to do whatever I want on And if I just come into the little pencil icon again When you're in screen sharing, you've also got this green screen key here. So if I click that one Then basically the green disappears But anything else that appears on that screen would then come, you know into the scene So that is basically how I did that last thing Uh, which was something like this wherever it's gone It's disappeared now. Hang on. I'll get it back. There we go that one So you can see that that is basically just appearing on the screen here And then it's just appearing on here minus the green is as simple as that So for the benefit of this first video, what I thought to do is that's how to get the actual scene in I thought I'd go through the actual setup steps that you're going to need to do with Keynote and also with if you want to use powerpoint And then a few of the settings that you just need to get right from the outset And then we'll just do a little simple animation and then in the next videos I'll get into doing something a little bit more complex So first of all, I'm going to come out of my screen sharing and as soon as I do this or rather out of my presentation You'll see what's happening because now that I've exited the presentation in keynote You can see that I've still got keynote selected as the what I'm sharing the screen of And so now you can see all of the interface except anything that's green and anything that is green down here Is basically see through up here. So it's as simple as that So let me just hide this again. We'll just take this one out And what I'm going to do is I'm going to start with a completely new keynote slide One second. There we go. So we'll just come to a new keynote slide I'm just going to delete this text off here. We don't need that to start with And the first thing that I always do with keynote is get my sort of master slide setup Now in this case, we actually just want to set it as a green slide. So When you've got your new file open in keynote If you come up to the top corner and click on format And then anywhere in the slide if you've got nothing selected, which you won't because it'll be a blank presentation Just come to this one down here that says edit slide layout Now this is where you can basically create a whole series of templates that you might want to use for your presentation So in the future, I'll make a video to show you like various different templates You might want to have set up for different types of use cases for using keynote with With ecam live for presentations, but for the moment, I'm actually just going to delete them all because all we need is just one So I'm just going to start with one. We don't need all of this stuff We don't need that one as well. Let me just choose that. So now we've just basically got a blank slide Now the default for it is black But what you might want to do here or what you do want to do here is if you come over to the little color wheel and then you click on the color wheel And then what you want to do is select a quite a specific color of green not too specific It's within a range. I suppose but I'll leave a link to or rather I'll leave the hex code in the description because there is a specific color that is Generally used for green screens, although it will work with a range of colors. But anyway This is the the hex code courtesy of doc rock my source for a lot of technical information Is a mine of information So that's the the color that I'm using for this So I've set that as my background basically for my master slide. So if I come down to the bottom here and click done There we go. We've got a a blank slide This is now an actual slide and if I was to click add slide up here To create more slides then we can just pick that one and it would just always have that green background So we've just set that as a base because all that we're going to be doing in here is create using it for creating these These animations or overlays or whatever you want to call them that are going to be bought into ecamm live Now I should say that this is a little bit of a niche case I'm not suggesting that everybody for all of your you know live streams and ecamm live shows and things like that Would actually use this because it is more of a sort of presentation tool You don't necessarily want to have this running all of the time while you're just doing your general You know youtube live stream or something like that. However, there are specific use cases Where it can come in really handy and that's the sort of things that i'm going to be talking about in this video series as well so now that we've got our basically our blank green slides it's just a case of Thinking what we want to put on there. So it can be as simple as In fact, let me just come and get a an image because one of the questions that I got asked was How I had done something in particular which was Let me just come over here a minute Okay, I just paused there for a moment while I got to the right folder So one of the things that I got asked was in the little video that I did There was four cameras that just came dropping down and with a little bit of a silly animation to be honest So the way that I did that was I got a picture of a camera and I'll just drop it into the scene here So this is a one of the four cameras that is now compatible over usb or one of the new Compatibility cameras that is Compatible over usb with ecamm live and this is something that I mentioned in my previous video So I bought the image in now. There is actually an instant alpha tool built right into PowerPoint so here I've got this tool and obviously I want to get rid of the white around the outside So if I come over to the format again These are basically over on this side. This is where you've got all the different panels For doing various different functions and editing and things like that. So Over on the format and then if I come down to the image Click on image because I've got an image selected These menus by the way are contextual so it'll depend what you've got selected as to what shows up here But because I have got a picture selected Then I've got this little image menu and you can see here that I've got Instant mask which means that I could mask certain parts of the image and crop out certain things Or there is instant alpha So if I click on instant alpha and then move my mouse over the thing You'll see that my 10 if this shows up with pro mouse actually. Oh, yeah, you can see it I've got this little box that appears And this is going to be very easy to key out because it's all white So it's all a uniform color with nice sharp edges But basically you just click anywhere on the image and then what you can see is actually Let me just come back and show you this again. I click on here You can see this area around here Around the the top here. It didn't actually key out So if I click and hold you can see that perhaps see that there are some little Little bits that are not quite tight up to the edges So basically as you're clicking and holding you just drag down and it will just really tighten this image up So that'll give you a nice crisp edge now I'm going to release my mouse And that looks like it's got all of those little bits and so then I'm going to click done And there we go. We've got a nice little Transparent image of the camera and then it's really just a case of adding in some sort of animation So if I put this one over here, uh, and then let's just for the sake of it Add one over this side as well And then what I'll do is I'll just come to the little animate panel Which is where we can add animations. I've done quite a few videos actually about keynotes and how you can use it for animation So I'm just I won't go too much into this But basically with animation For in keynote terms You've basically got three ways to categorize the animation You've got build in which means that something's starting out of this out of the picture And then it's going to appear in some way or other You've got actions which are the thing is in the scene and then it's going to do something on the screen But not actually leave and then build out is the way that the item is going to disappear So for example, uh the build in let's just say we want these to build in So I could come to build in I've got them both selected and I'm going to add an effect There are lots of different effects you can add, but let's just add a drop So you can just go down and you can preview some of these so you can do things like this Uh, or you can do things like this one just appearing But let's just do drop because that's what I did on the first video. So those are just basically dropping down from the top So I'm going to click on that you can change change things like the duration of the the motion and so on So let me just do that And then also once you've got more than one thing and you've got things that are animating What you're going to want to do is a couple of things really First of all, you've got this build order down at the bottom And that's basically the order of all these animations. So each of these little stages of animation is called a build And the other thing that you might want to do is come over to here And then you've got this little menu up on the top left, which is the view menu And in here, we've got the navigator open. So the navigator is where you see all your different slides But you've also got this one, which is show object list Now I personally find it very useful to have this one open Especially when you start getting complex slides built up Because it allows you to see all the different objects that you've got on your screen So here we've got two identical items and they're both called the same because it's the same file name Well, if I click on that one, I can see that that is the one on the left. So let's just call that one Fuji left So I can rename that there we go. Let me select it So I'm going to rename that and then from now on I will be able to see exactly which one is which And then I'll come into here and I'll call this one Fuji, right? There we go And the benefit of doing that is whatever you call these objects in here is also you'll notice it's changed them in here So it makes it very easy to understand Which one we're looking at Now when it comes to the build order, there are a few different things that you can do in here Uh, so notably it is the the start time. So when is this action going to be triggered? Uh, so the default is usually on click. That means that when you click the mouse Or maybe a little presentation clicker or something like that It is going to advance to that action. Uh, so That is the sort of default behavior bearing in mind that this is presentation software ultimately It's not intended necessarily to be used for Uh, you know movie Motion graphics and things like that. Uh, but we can sort of get away with quite a lot with it So I want these to drop at the same time. So rather than be happening on click I want the first one to happen on click so that I know when it's going to happen But for the second one, uh, what I'd actually like to happen is I want that to happen at the same time So I'm going to click on this start and then say with build one So you can see the builds. I've all got numbers. So here's number one and here's number two So now those are both going to happen at the same time and if I come to the preview here It's going to show you they both drop at the same time So that is a build in action. Uh, you can also do An action during the uh, that uh, well the thing is on the the uh, the scene rather So let's do something with these now that they're actually in position So what I can do here is I can add an effect and let's say we want to uh, move this one So we can move it that way So I could actually have it move back up to this corner, perhaps like that So that's showing you the starting position and then this line is showing you where it is going to go to You can also by the way, you can grab this one in the middle and you could also make it go like around like that So that is the path that it is going to move to go to get to where you want it to go Uh, you can all do all sorts of different paths as soon as you start creating a path You can make it go whichever way you want. So let's uh, leave that one like that Meanwhile, let's have this one, uh start doing something else. So you could have it maybe doing another action Maybe you might want it to rotate something like that. So let's have that one rotate by 360 degrees Or what's one rotation might be a better way of saying that Uh, so that's going to rotate while this one's moving. This is all totally silly and ridiculous I'm just showing you the sorts of things that you can do with it. Let's have those two things happen together Um, then we want to them to build out as well So let's have this one have an effect and let's say that that one is going to burst into flames And then let's say that this other one over here is going to go by a different way So let's have a look at what we can do with this one. Uh, this one. We're just going to have that one as a Uh, let's have a little look crumble. Let's try that one. There we go like that So we've got those effects now and I'm just going to have the two build outs happen at exactly the same time as well So I'll have those happen together Uh, and now I'll just run that as it is. So if I just play this one now And in fact, let me just play it in window. I'll come back to what exactly playing window is in a moment But what you'll see is now these should appear on the screen with a bit of luck So now if I advance the slide, there you go. The two cameras have moved in And in fact, let me go full screen for this so you get the full benefit So the two cameras have moved in and now if I advance to the next part, which was the move part You can see that that one spins while that one moves over to the other side of the screen And then let's try the next one where one of them is going to crumble and the other one is going to burst into flames So that was all just done in a matter of moments in keynotes And yes, it did look pretty ridiculous, didn't it? So I wouldn't necessarily recommend you do professional presentations in that manner It's just to give you a bit of an example So let me come out of here now because the one part that I didn't show you in there Is although I mentioned it in my previous video, you may not have seen that one Is how you actually get keynote to play in a separate window rather than the full screen Because the default in keynote is to play in full screen Well, the way that you do that is you come over to here And where it says play at the top You've got play slideshow, which is the default and that's what normally happens when you press the play key But you can also go to play slideshow in window and when you click on that one That's when it comes into this window form rather than a full screen You can add this to the toolbar as well So you can come to the toolbar up at the top and click right click and click customize And then you'll have this play in window button that you can add to the top So then when you are ready to play your slideshow You just get ready like that and there it is So let me just come out to there for a minute go back to that slide Try it again And then you'll see what's happening as I actually play the slideshow It is going to appear on the screen. So there we go. We've got the cameras moving down Now they're moving over the screen and then now they're disappearing out So that is basically an introduction to how you can use the green screen function to make all sorts of animations and things like that That you can create in keynote and whatever you can imagine in keynote Actually appear in the ecum live itself So what i'm going to do is i'm going to leave it there for this one This is just a sort of slight introduction I should I say to the process because what we haven't covered there is sort of more technical things that you can do And how you can use masking and things like that to make things look a lot better and a little bit more professional Than that little effort of a demonstration So I will be making these videos sort of consecutively So over the next, you know a few days, I won't be sitting down and making it right now. I have a little break But over the next few days, I'll just release these five videos Which is how you can get the most out of this feature If you found this useful then do let me know in the comments and in the meantime I'll leave a link to some other ecum videos over on the bottom right. So have a great day and I'll see you soon