 Hello there and welcome to the live stream. Last week on my stream I was using some graphics on screen which looked something like this with these little slide-outs and I had a question as to if these were available for sale and they're not actually but I thought well why don't I just do a demo of exactly how I made them and then you can get them as a free download after the fact. So you'll find a link to do that down in the description and also pin to the chat as well. If you go and sign up now then you'll get it as soon as we finish the stream because we've not made the template yet but I'm basically just going to build this all out live in Keynote and actually do three different sort of variants of this kind of thing and then make it a little bit easier than this particular one for you to then go in and make any edits and make it suit your particular style and so on. So first of all how is this done? The software that I'm using obviously is Keynote. We're talking about a Keynote template so if I come back into Keynote and just exit this for a moment really this is using two key features of Keynote. You can also do this in PowerPoint as well so in PowerPoint you would be using their sort of live video into Keynote. You can see here that my video is actually coming directly into Keynote at the moment so this is what this is. I'll show you how to do all of that but then we're also using a feature in Keynote called Magic Move which is the one that I use to sort of move my camera across from one position to another so you'll see that here my camera is centered but then as we go into this slide then it moves from one place to another so that is just in the transition. If I just preview this transition you can see how the camera sort of moves over. That's why I use live video into Keynote for this just because I like the subtlety of being able to adjust the camera position on screen versus if I was using some sort of overlay into Ecamm or OBS or whatever you're using then you end up with this thing of anything that comes on the screen is sort of squishing you somewhat, you know, coming in from the side and it doesn't quite look as tidy as having you sort of centered in that particular space. There is a feature in PowerPoint that does the same thing which was introduced I think about six months ago something like that which is their morph feature and that's basically the same thing so just to explain briefly what that is I've done a few other streams about this but basically what happens is if I just create a completely new blank slide the magic move feature is a transition and basically it means that anything that you put on the screen you can put things in whatever position you want just like this and then let's say I duplicate this slide now like that then as if I move this one over here and make this a bit bigger and then I move this one over here and make that a bit bigger let's say we've now got this situation where we've got two slides one with these boxes in this position and one in this position and if I go to the animation here and I select the effect sorry click out of that the transition effect if I go to select magic move so this is the transition from one slide to the next if I select magic move then what's gonna happen is that would be the effect so it's basically taking care of the animation side for you all you basically doing is put things where you want them in one slide and then where you want them in the next one and then as you just go from one slide to the next it's gonna make that transition for you so if we just come back to this demo that you've just seen with the one that's slid out from the side what you can actually see is those elements that are on screen in this particular slide here with these little title slides title cards or whatever you want to call them and the the logo there if I go to the previous scene you can see that they are all actually in there somewhere where where are they they are in there somewhere in here that's it let me just move this one out of the way they're in here behind this little thing here and so as we go to the next slide they basically slide out it's because I it's because I duplicated that one there you go so you can see the the the logo there is off screen and there that the the cards off screen but then here they are on the screen and that effect that I got where the cards were I think I've just switched over this camera for some reason I'm let me just quickly change this for a second format change camera to that one there we go yeah so then when the little cards were chain sliding up let's just double check that and look at the effect that we were getting so the point was this thing would slide out these cards would then slide in and then they would slide up just like like that and then the the bullet points would come in so what I was doing there I realized what my slight confusion I realized I changed the way that I was doing this what I used was the magic move was basically bringing in the the academy logo there and then this side part was sort of sliding in so that's how when you come to this scene those things are there but then what I used was for these individual cards when I actually bought them on I did do that with a regular animation so that's how those things appeared but when I move from this particular scene here or slide here to this one all I've done is I've literally just dragged this particular card further up like that and then I've added in some text which animates in regularly so the position of that back card you can see is now higher but this here is actually just text that we're going to animate in in the usual way so if we just look at what's happening with that magic move it's basically going from there to there so that's the sort of process this is going to be obviously easier if I just actually show you how to build it out but I just want to explain the sort of premise of of how this stuff is is all is all working so what I thought I'd do is do three different sort of variants I will sort of recreate this one here to a point and then I'll also do sort of a couple of other different options as well so let's just start with a completely blank blank template so blank canvas and what we're going to do is first of all I will just add in the video source so the way that we do that is if you go to the media option up here and then you come down to where it's and I realize when I do that it shares that let me just see if I can quickly do a better job of sharing this screen for you because let me just quickly do this it will make it easier rather than flicking in and out of that I'm just going to completely redo this scene for a second bear with me one sec this will it will stop it going bigger and smaller on the screen in the way that it was if I just do this so I'm going to do full screen you just quickly update this on the fly this is the benefit of ecamb by the way is it does make it easy to to update things as you are going through so let me put this one here I can take off all of that right so I've got my my keynote screen share there I'm just going to make this much bigger on the screen but what I'm doing is I'm just adjusting the the way that I'm sharing keynote so that you get a better view of everything apologies for this this is I don't realize my keynote was going to suddenly jump in and out of different different sizes when I was just simply selecting options from menus so we'll move this up here like that and then I will drag this one down and across like that there we go I think we're nearly there and what I do is I just make that so it fills the screen there finally we got there and you can see my promos as well so there we go let me start again and right so where was I I was going on to media and then from media I said I should say we're looking for the live video there we go I think I'm back on track now click on live video so this is a way that it adds in live video now this is defaulted to my FaceTime camera in my laptop so let me adjust that it's a good job I haven't got any mess that's normally out of the view well you might argue that maybe it is a bit messy let me come up to here though and go to live video and where you see the camera you can come here and you can click on the plus and choose any other camera now this is going to be my one of my cam links and I'm guessing there we go I thought I would get the wrong one but there so that's how you embed a video into into keynote so we've got we've got the first step out of the way and the point about as I was saying about the the the reason why I bring like the live video through keynote and I'll show you by the way at the end how we can just completely change this out so we're not using live video in keynote if you just want to be creating the graphics in here to then bring into OBS or camera whatever but if I just add slide and I take this video here and then I just place it somewhere else on this screen whoops I didn't want to do that I wanted to resize it let me just resize that and put that over there the point about this is you can animate video as well in terms of the position on screen so if I go to the animate function here and then click where we add an effect magic move so you can see that that's the point it allows us to animate our video so with that said let's just get this out of here and I'm going to start by just putting my video in the in the sort of full screen position just zoom out a little bit and just to get this aligned up so that it's taking up the full screen you can always come into here so format and then you'll see a range is where you can adjust the sizes so 1920 by 1080 let's just get this exactly right so it should be zero and zero so that's exactly in the right place and filling the screen there we go step one get the video in hey Lawrence great to see you here thanks for thanks for the suggestion yes this was totally off of your suggestion of course that I'm doing this live stream so I appreciate it and yeah the template will be available immediately after we finished hey Neil happy yeah happy Easter to you too thanks for thanks for stopping by so let's start then with adding in some of these elements now obviously we've got a couple of things in that one that we've already looked at which is there's a sidebar that sort of comes in and then I had that concept of basically kind of like cards that come up and then expand up so the first thing then is we just want some sort of shape now what I'm going to do is this one here if I go to a slightly different version of it I'd got this sort of textured background so I'm not going to do that in this one because I'm not quite sure about this but it's like an Adobe stock thing so I'm not sure if that's ideal for redistribution or anything like that so for the time being I'm just going to use a completely plain background on this one that I'm recreating but then I'll show you how you can just drop in an image if you want to to do that afterwards for you know some sort of texture or something but for the time being I'll just stick with solid colored shapes so if I just click on here to add in a shape now that one let me just double check yeah that was the one with the straight edges from it so if I drop in a shape and I can just drop in something like this so that's just up at the top shape and the rectangle there and you can make this however much space you want to have it on the on the screen and what I tend to do is sort of build out things where I want them to be you know when it's when everything's out as it were and then sort of go back and move everything off screen afterwards that should make sense in a moment so let's give this a color and let's stick with that grayscale one because then you can just easily go and adjust it so there is the the sidebar there so if I go over to style if you don't see these things on the on the side just it's one of these three tabs up at the top a little bit so it fits in so if I click on format and go to style then we've got the the color fill here so you can just go and pick a color incidentally the apple color picker is is useful if I just go to get one from here if you go to the apple color picker the default that most people look at is something that looks like this and they've got the little palette down the bottom where they can save save colors and so on but if you go up to to this one up here this is where you can actually create your own so you can create your own different palettes for different things so I've just been getting into notion finally so I've got all the notion color swatches there or the color swatches for the notion but if I go to here and create a new one you could create a completely new palette and then give it a new name so keynote template now this isn't going to copy over for for you but for you there's something you can do on your cut your own Mac so if you've got your company colors you may want to come in here and just save your different colors and then you can just you know create whatever collection you want of different things so if we just drop this into here I could take that color I could take this color let's say and you can also go in and put in the you know the hex codes and so on so if you know the the the hex code you can go and put that in here like down there and that will create the color so something like that so that will create the color in there and then you can go back here and just drag and drop that in there or you can click the little plus to add it in that way as well so that's how you can sort of build out your own sort of custom palette so for the time being though let's just create something in I said we're going to do this in gray scale so I've got a few gray colors there so we'll start with with that so I mentioned about starting off with putting things where you want them to be when this is all sort of out on the screen as it were so what I'm going to do is I'm going to move my camera to where I want it which would be kind of more or less centered so that I'm kind of centered in that in that particular sort of frame over there on the side the next thing then is we want those little card shapes that come up so just referring back to this one I've got these sort of card things here that are going to going to pop up so those in my case I just created I use the shape tool again but in this case I use the rounded corner rectangle like that and then I just wanted these to be sort of cards that were standing out a little bit but I'm not completely filling that space so there is one of them and what I'll do in here is I'll go and give that a slightly lighter gray there we go back to let me change the background of this one dark like that and then we can add another one of those in like this and we could just go and make those you know whatever colors we wanted so if you want to obviously change these in fact that looks a little bit a little bit miserable doesn't it in that color so let me just go and why don't we make a notion themed one I can just put this as some of these notion colors how about the blue the yellow and orange it's going to make everything stand out a lot better isn't it there you go something like that so if we were making a notion that themed themed header we could do it like that so we got these three different cards here what I also did was added a drop shadow on them all so if we go over to here and then go to the format menu again and style then you've got the option for shadow so we can just add a drop shadow and that's going to add a shadow to the side of them which of course is not showing up too well because I've got this here you know it's always the same sitting do something myself I spend a lot of time on you know working on the colors and then whenever I just do the these demos it seems like my and my first attempt at it is absolutely terrible so you get the idea let's adjust the the angle of that so we've got the little bit of a shadow coming off the side so with the shadow you can adjust the the blur of it the offset and the opacity as well of the shadow so don't it too much just to add a little bit of of definition to it let me come back to this one so why don't we add in we could add in actually since we're talking about notion we could add in the notion logo and I'll go over here assets logos I'm just going to drag this in and then we've got a logo just up there and then let's say we want to put a title in so I'm going to add some text and let's call this notion just like that we can go over to the the text here and we can adjust the size of that so I hundred and put that there and then what we could do is we could group these things together or maybe we might want to make that let's try let's make that black instead nope I'm not having much look today honestly these things happen let's give that one a shadow though so if we go to here and go to arrange and very style and we'll go to drop shadow and just a bit of a subtle shadow there on that part so let's do the same on that one as well so what we could do is we could group these together so if you right click and go to group like that then those two things are going to then be stuck together in in that way that's where we can just sort of animate it on afterwards using that that magic move so let's come back and add some titles into these as well and let's see if I I'll just come in here I'll just copy this part here and we'll use this as a title in this particular part here so I just make this a little bit smaller I might actually take the shadow off that one so remove drop shadow and then what are we going to put in here so I could say what am I using notion for maybe content so that was why I started looking at notion actually I'll be doing I'll be doing some videos about notion I've gone down the rabbit hole this past a couple of weeks really but we've been looking at it for my content management but then once I started looking at it for content management I realized actually and by the way I'm just pressing the option key to option drag to duplicate I've realized that yeah actually it's it's also going to mean that I'm replacing my Omni focus with notion as well so Omni focus is what I use for all of my task management but it seems that if I'm managing content in there and creating tasks around that then there's no point duplicating it but I've also been then using it for a product and contacts database as well so let's say that these are kind of the primary things that I'm using this for so content tasks and contacts and well let's put notes because I'm also using it for that as well and it fits better okay so let's say that this is what I'm trying to build out this little presentation about and I might be going into the different aspects of each of those what these these titles are basically fixed so coming back to this one you can see that I've got those sort of titles there by the way the things there that I've got like the little sort of gold effect that was effectively just another shape but what I did was I created a shape that's basically just a long shape like that and then I went to the fill and instead of color fill I changed that to gradient fill and in fact I just did a regular gradient fill no no it was that one and then I changed this to basically some gold color so I've got this gradient for gold this is one of my things if I go to in here let's say we want to go from that color this color here another one in the middle the bright one and then this one like that this will make sense in a moment feel like my brain isn't fully functioning this morning by the way go back to that one and take that one down to transparent so what I'm doing here is I'm changing the opacity so we've got basically a color in the middle and then we've got a basically transparent at the end there and that is a gradient that's going from transparent to you know the color there and then transparent again and then if I come back out to here and we change the direction of it then suddenly we've got something that looks a little bit like like that so then I've just basically adjusted the size of that and that there on there is how I gave that effect of this this sort of gold color just like that there so let's assume we're going to leave that on as well since that's kind of a part of it it doesn't kind of work with these colors maybe I should change these back to black let me know what you think let's move this down there we go and then I'll put one on there as well so we've kind of got those things as we as we want them in that and let's go to and I tell you what I also did I also had one of those since I'm sort of trying to more or less recreate these things if I go to this one and let's just change the shape of this and have a big long one here obviously the gradient is the wrong way around now so let's go back to this one and change that to to 90 so we could add one of those on the side here just to give it a little bit of interest there we go so that is that we're now at the stage where I've kind of created this bit apart from the text that's going to come on each one I've kind of created that the gold definitely works better with the the black maybe we should try should we try just making this one a lot darker and then see how that that works I'll put one of these darker colors here oops this is one of the things that's bit frustrating about keynote is it's very easy sometimes to miss the thing that you are changing the color of because the thing you're changing the color of has to have this little little color wheel here illuminated now it's fine here because there's only one thing we can change but when you get into stuff where you've got different borders and things like that then yeah it's sometimes easy to sort of miss what it is you're trying to to change so so anyway we're at the stage now where we've got these cards kind of in the position we might want to put them so what I'll do is I will duplicate this slide oh no I won't do that first of all what I need to do is I need to group some things up together so what we can do is group the elements that should be together so like this shadow the highlight here the text and the card if I go to my view menu up here and what you want to do is enable the object list so show object list that's going to pop out this extra thing here which shows you basically everything that's on the screen and that's a lot easier than to organize things so here you can see the red rounded rectangle but we want to also combine that with this this little gold strip here and then the notes as well so you can see that as I highlight those things it's going to allow me to then group those three elements together now it's sort of brought those to the front which is where we want them but when I do these next ones here so I want to group that that and that and if I group this then actually it stayed in the not the right place that's unusual usually when you're doing demos these things screw you over there we go so whoops so I can highlight from here these three parts and we're going to group those together as well and that is the part of the background so I'll move that down there actually just here that's a right way around and we will group those together as well so now we've got basically this is a group for the the logo this is a group for the background and that little gold strip down the side and then we've got these three here what you can also do which you might find useful a little bit later further down the line is as you come into here you can change the name of these groups at the moment everything says group group group which is fine for when you're looking at things here but if I wanted to go in and animate anything manually and I click on add an effect to this thing here and let's say move in and then let's say I add an effect to this one fade in scale and this one we add another effect I'm just putting random things in here but if we actually then go and look at the build order it although it showed you a little preview of the thing everything's got the same name so they all say group don't me what would be better is if you could sort of identify what those things were so if I go in here and change this one to notes and I change this one to tasks and I change this one to content and this one we'll call logo and this one will call background now what that means is first of all you can clearly see what they are here I mean you can see from the little preview anyway but it makes it easier when you're working with animations to be able to see what those are because as you can see when when I change the names here it also updates them into into this one as well so as you start doing more complex animations it's just good to have them specifically named in that way so what I'll do now is I'll just duplicate this and we will then go back to the first slide and if I just just zoom out from this a minute so that's command shift and then the little arrow so we've got a bit more space here all I'm going to do is move these things off the screen and we could actually there's the starting point of these thinking about it the starting point of these is actually going to be kind of like down here just redo that the starting point is going to be down there and then the way it worked is these things sort of concertinaed up in that way the other thing that we could do is just if you select all of those make sure they're equally spaced so we can do that from the format menu and then in here you can see distribute and you can select distribute vertically and that's just going to make sure that they're all sort of evenly spaced so just to show you what's going on there if I put them like that they're not evenly spaced and then go to distribute vertically it's just going to nicely space them all out so now that they know that they are though let me put those back down there and then I will again duplicate it we'll get there eventually and what I'm going to do on this one then so we're back on the first slide I'm just going to move the logo sort of off over here I'm going to move this thing off to the side like that I'm also going to move my camera so that it's in the middle and I actually want this sort of so it's just off the screen basically and then these things here we can sort of move those out of the way as well now what that's going to do then is if we've got the magic move on so go to animate and we have got magic moves so we're at this stage now where when I press this button these things just all come on to the screen now actually the way that I did it in the other one is I wanted to bring these things on individually to sort of highlight the fact that these are individual cards so in that case what you could do is let's just duplicate this one again I'm actually going to eliminate these cards from here but then it's only going to animate on the the sort of notion logo and the background there but then in this one if I just highlight these three things here and we just go to a regular animation so we go to add an effect and I think I just had these moving in like this that but I changed the direction so we go bottom to top so they're going to move in from the bottom I don't like the the bounce thing and then the the speed of it is a little bit too too low as well so let's look at how this looks and then we've got basically when these things are going to animate on so if we do a little preview of those you can see they're going to come up from the bottom you could have them animating on one after the other and or you could have them animating sort of on click when you when you actually advance to the next next slide or next series of the animation so what that actually looks like then where we're up to is if I click on play then we've got the bar that sides out slides out from the side and then we've got the the one that slides up so when I advanced to the next slide so I'm talking about notion I'm going to be talking about how I use it for content how I use it for tasks and I'm just manually doing these and how I use it for notes so that would be like a way that you could use this to sort of introduce things so next we're going to go back to the magic move so this should be a lot quicker now to finish this off so all we're doing now is on the next slide basically what we want is we want to have this content tab slid up so we would put this up here and then we could go and add in a text blocks because the text block here is going to be something new so this is going to be it wasn't in the previous scene and so it will it would it will not sort of move anywhere in this one if that makes sense it will just use the animation now what I've done is because I've duplicated this slide we don't want to repeat the animation of these cards where they're you know doing that thing where they move up on click so I'm just going to go back into my animation and go to the build order and we just want to delete these animations of those cards because it's going to animate just by the magic move let me know if any of this isn't making sense but here we've got the things in this position here we've got the card there so the magic move is going to move that content card up so let's come to this text here then and I'm just going to say 0.1 0.2 0.3 let's keep it simple and hopefully this gives you an idea in fact what we could do is we could do this as regular bullet points like this yeah hopefully this just gives you enough to sort of work with if I go to format and we go to text there's an option to add in a bullet so let's put text bullets and then you can change that you can change the style of it why don't we put a star maybe a little bit different and then you can change things like the size of them and the indent of the text versus the bullet itself let's make this text a bit bigger so let's say 70 that might be a little bit too big actually compared to the other one let's do 60 and then we can change the the line spacing as well so we can make that a lot bigger you can play around obviously with how much text you put on here but for the time being I'll just do do it like this the principle here is is going to apply whatever whatever text you put in whatever spacing you use you can play around with that and then what we would want to do is let's just give that a bit more spacing what we'd want to do is then animate just these star points so these these points here that we've got so if I go into the animate menu again and then we will go here and we can change the the type of effect so maybe if you want to have something like this let's try that one in fact that's probably not good we want them to fly in let's say yeah that works but what we want to do is rather than them all come at once the delivery method you can have it by bullet and what's going to happen there is if I preview now it's basically going to come one and then the next and then the next so that's how that's going to come in maybe make that a little bit quicker so just let's see what we've got with that slide we've basically got the three headers come in and then when we transition to the next it's going to move that content up so that's magic move and then we've got those three bullet points that are individually sort of on click so whoops I came out of there a little bit too quick let me try that again I'll just duplicate that slide so yeah those things are basically going to come in like this point 1.2.3 and of course you can just go in and change these transitions to be whatever whatever you want now I'm going to actually copy that text group and we will go to the next slide and all we're going to do with the next slide is in fact let's just move these out of the way we can even just duplicate this because all we're going to do is move this up here where we want it and then these would be you know our next point point ABC related to that particular slide now you may think well isn't this going to be because we use the same text blocks text block isn't that then going to try to do some sort of magic move thing between this one and this one and although I said that it will move things from one place to another the exception of that is if there is an on slide animation effect so because there is an animation effect on this actually where it's gonna you know these bullet points fly in actually between this slide and this slide these ones will disappear completely and then these ones will come in let me show you rather than tell you what's the effect of that is so if I click on play and then we come have these come out like this then you see how those fade out this thing moves up and then we can just click to go to the next point again like that so let's then go to another one because there's one more to do in this and I will just do exactly the same thing move that to there move that up there and then we'll put these down here and we can leave it as point ABC it can be whatever you can see how you can just easily reposition that you can obviously format this text do whatever you want with it and then the final thing then is you would want this all to sort of get off the screen well we've got this slide set up here where everything was technically just off screen so all we need to do is copy that or duplicate it rather and then just move that down to the bottom I'm just gonna duplicate that one more time so let's look at the effect that we've created with this sort of run of slides here so I'll click on play we've got the first of all the the thing slides out then we've got an animation effect to bring up the the three cards that we're gonna talk about then we've got a magic move to move the content up then we've got a regular animation to bring in those three bullet points then we've got a magic move to move the tusks card up and a regular animation to bring out those bullet points again and then exactly the same process with this one so once these points are up though then we're going to use magic move to get everything off the screen and it'll all just animate out of the way that is the beauty of magic move is that a lot of the animation we've done there is not really using animation the animation tool as such in keynote so although you could do all of that with regular animations it would obviously just take a longer because you'd have to apply all those animations to individual components I'll go through now and build out two other variants of that and it should be a little bit quicker because we've gone through all of the the groundwork there but we'll see famous last words I'll just say a few hello's first hey Dan great to you here thanks for coming by and Eric as well great to you too David great to you as always love the gradient technique and having the color palette pre-configured yes a real time saver that is you know having your color pallets all save there for different use cases it's the same by the way with the font picker on Apple as well you can create sort of groups of fonts if there's fonts that you use specifically for different use cases then you can group those all together so having that together and also having your color pallets together saves a lot of time I'm sure you already knew this but I'm just a bit of it about this hey Florence great to see you as well and David in the house too all all the lovely people in today George too and and Wayne great to see you as well hi Bill great to see you here as well it's always great to see everybody anyway let's move swiftly on shall we to the thing now let me just where's my scene let me see you full screen see that's the one I know it's not it is where is it there's a scene I just created this one this is the one where I was sharing keynotes yes okay so if I come back out of this presentation and what I'll do is do something a little bit different with this next one not too different but a little bit different and I thought well maybe have something where instead of these cards like this you might want something that was more like a sort of tabbed effect of different sort of tabs that slide out and so let me show you what I mean by that so what I'm going to do is I'm just going to get rid of these things completely we'll just I'll maybe I'll keep the notion one let's keep on that notion theme I'll do a different color scheme this time though so what I thought was if we create some sort of tabs that we want to come out and we can make these like this I want to make them rounded but actually still filling the full height so you can always just get the height and things accurate by going to arrange we'll make the height I just want to make sure the height is 1080 basically 1080 and you obviously could change your aspect ratio to be 4k or whatever you want it to be as well but I'm just 1080 here so we've basically got a rounded rectangle slightly rounded corners there and let's go with a dark background so that did seem to work better but what we can do is we will create a let's we'll put a little board around this but I want to create this effect of a sort of tab just coming out so imagine like you've got a basically a stack of little tabbed parts here that are going to going to slide out that we're going to talk about so it could be that we're going to call this like a so if I go to text we'll add in a little text box text box even and let's just for the sake of simplicity just call them a b and c like this change the size of this text like that so we're going to have like a tab a tab b and tab c coming out and if I just come to this one like that just round that slightly the position of that you can always nudge things by just pressing the a little up and down arrows once you've selected something and I want to do this so that how about let's think how about we make the how we give this a border we'll stick with that we'll stick with our notion colors just for the just for the hell of it and what I'll do is I'm going to give this a border so I'll go into the style and we will go to border and we just want the the regular line border and then the color of that this is the thing I was talking about where I've just been playing around with the border and I've selected line so it's kind of your intuitively think oh well I'll just go and pick a color for that now but note that it's the full color fill that is selected so you just have to make sure you click on this one I always still miss that for some reason let's use let's use purple for this one and I'm going to make that a little bit larger and now because we've added a border what percentage we've done we've added a border so it's a little bit off the off the top of the screen I think we might want to do want to keep the border in at the top or crop off I think something like that and now if I make the the background of this tab make that same same purple and now we are selecting the fill and we'll make that purple and I want that tab to be kind of behind the rectangle so behind the tab so now you can see the effect we've got is actually not that clear let me just make this a bit clearer what I'm trying to do hopefully is I'm just going to temporarily stick this behind here so that you can see what I'm aiming for I've now got a tab basically where there is a color going on the the border and the tab are the same color can't speak or work today let's make that a little bit lower and let's also add a shadow now actually the thing about this is I want to add a shadow but if I add a shadow to just that one it's going to put a shadow over the tab but I do want to keep the tab and that's separate because otherwise they would if I combine those two shapes you can combine easily combine shapes I'll show you what I mean by that if we you've got two shapes here you can go into the arrange and then you can go into this one which is unite and it would join them together but what it will also do is it will merge their properties so there I've got a solid color which is not kind of what I want not quite what I want or although what I could do is I could kind of use that and I could align that back up again and if I drop this down to the back because what I'm trying to do is add a drop shadow so if I go to there and add a drop shadow then let's just give that a little bit more definition there offset make it more offset and like that so I want to just have a subtle drop shadow but if I added the drop shadow to just this top part the shadow would appear over the top of the tab as well which wouldn't work so so that's why I've ended up with these sort of basically three elements the the same so let's now create some other tabs as well and I will just duplicate all of this but now what we want to do is basically put these in slightly different positions so I want to get that all lined up there but now this is going to be basically tab B so I'm going to move that down here and we'll call this tab B and then we want to change the colors so I'll come here and change this to let's say blue we'll change the tab to blue as well oops I don't want to change there we go I've done exactly the thing that I said is very easy to do I changed the the background rather than the the border there we go so we now got our B tab and I need to do that thing again where I duplicate these things and then just merge them so I'll come over to here arrange and merge unite like that and then I'll add the drop shadow again so now that one's got a shadow and then let's just repeat that process one more time obviously you could make as many of these as you want I will just do three for the time being because it's I think enough to show the effect and then we want to move this here down like that and you see how I'm getting those little guides maybe you can't but those little yellow lines between them just up at the top it's kind of showing me that they're spaced equally so if I put this down here obviously that would be out of alignment but or not spaced the same but if I move up here you'll see there's a point where it's now showing me that the gap between the A and B is the same as the gap between the two B's and the two B's are soon to be a B and a C so I've changed the color of this one now let's pick one of these others maybe the green and then I'll come back to this one and change the line color to green in there so then what I can do is I've got to do that thing again where I just basically duplicate those two and I'm going to merge them like that and that is only so that I can apply a shadow which affects all of those so we've now got our three cards maybe you might want to have the the A at the top of the stack actually but if we come down to here we'll just group these things together so those four elements there are everything in the the C card so the background the tab and then the one that we're using for the shadow and then the letter C so if I just go to group like that I will group these ones here and then group those as well I'm not actually going to bother with the logo on this one because this is more of a each of these cards as individual I suppose I could add it into each individual card but I think I won't do that so so yeah let's just actually completely delete that original notion logo so now you can see we've got the same thing where everything's just called group group group so let's change that to this one is group C this one is group and and you could use it obviously I mean I just put a B and C here but you could use different logos or pictograms so if you were talking about specific aspects I mean what I could have done which I won't bother going back and doing now for the sake of time but if we were to use that previous example of notion like where I'm talking about content tasks and notes what I could have done is in here just gone in and picked out like from the shapes there's lots of other different pictograms in here as well so or I could have used emojis you know for for some sort of content emoji tasks and tasks planner you know and and notes I could have just used icons in here all you would need to do to edit this bearing in mind that this is available as a as a download all you would need to do to edit this is basically just go and you know go into one of these groups like group C and where you can see the C there you would just drop in a image or pictogram that you want to put in there so we've now got this situation where we've got these these tabs sort of sticking out onto the screen where we where we ultimately want them I mentioned before about putting everything in the right place for you know how it's going to be when everything's out so let's move these things out like this as well so that is kind of the final position let's duplicate this and what we could do is do the same sort of thing before where we did one part where we kind of introduced the different things that we're going to talk about so we might want to just sort of bring out these tabs onto the screen like this and I will just put that exactly back in the center so we could actually just sort of animate these onto the screen for this first this first slide so let me show you what I mean by that if I just come to here we've selected these three items if I go to animate and then add an effect let's just say move in I don't like the other bounce but we'll sort that out and then we'll just make it a little bit quicker and then we go to the build order so at the moment they're in the wrong order it's ACB we want ABC obviously whoops more selected right so what that's going to do is you know when we're introducing the things we're going to talk about we can just bring those in like that on a on a click and then the next slide whether we want them to to all move out like that perhaps we do actually maybe they move out like that to begin with now let me just think about the best way to do this how do we want them at the edge of the slide like this and then they kind of move out one after the other and the tops are kind of going to get in a way a little bit over there aren't they let me let me just think of my feet from it as to the best way to do this yeah why do we want to animate those we could have one just coming to the front actually so let's try that let me just I'll just try this to see how this looks if I duplicate this and then in here we just move the B up to the top let's see what this looks like when we do it it might give a bit of a weird effect actually it kind of works actually that does it does just sort of flick from one to the other so that does kind of work I'll do that again then here and we'll move C to the top and this would then be a case of you know any text that you've got in in these individual slides you know whatever that happens to be you could just put that all on here you might want to have different headings let's just for the sake of simplicity actually just copy these headings from here so if we put something like that in fact it was content tasks and what was the other one notes so yeah we could introduce that but those are the things we're talking about and then let's just do the same in here and then this one is we're going to duplicate this slide because this is the this is basically the starting position these things are going to come on screen then we've got these three magic move things where the things move out and then we're going to finish with the magic move taking these things back off screen again and we can take them so they just stay on the side in fact but what I need to do is if you remember I need to remove the animations that we've got on these things because we don't want them to build in we're just using the magic move so I go over to build order like this and then the other thing that we need to animate is on here we need to just add an effect on that or actually the magic move will take care of sort of fading that in so let's see how this looks so we'll start like this so we're using a regular animation to bring on these points as we're talking about them you know talking about whatever it was content tasks and notes then they move out you've still got this little sidebar thing going on here then the content appeared as part of the magic move so it kind of faded in because it wasn't there on the previous slide but it was there on this one and then we go through and talk about those points whatever it is and then all the magic moves is doing now in the next one is it's actually fading out the the block and bringing the B to the front so it's kind of going through the tabs in that way but it is clear though because we've got the the border on the the shape there and that this is tab B that we're looking at so we're kind of just using the color coding in that respect and then the next one is it's going to just bring the C to the front and then we've got that same effect just there and then the final magic move is going to take off those notes and then it's going to just move the tabs out to the side using the magic move so just like that and that's back to that that magic move effect and then obviously you could have another one which was just with those moved off if you want when you want to move them off the screen so what I mean by that is if I just duplicate this slide I'll do it a couple of times actually because I'll be using a blank one afterwards then what you could do is highlight these things and just slide them out of the way so that after that final magic move you might want those things to stay on the screen for a moment but then then have them when you click again they're just going to subtly move off the screen so that's another iteration of the same kind of thing we've got this one with these sort of cards that come up that way we've also got this one another one that could be an option would be where you want to actually sort of build out information to have the information stay on the screen so people say you know I'll keep keep information on the screen to a minimum when you're doing presentations and things like that actually there's a time when you need to have lots of information and lots of complex information potentially on screen as part of a bigger picture I've done plenty of things where you know you might look at the final slide and think like that looks a lot and I certainly don't advocate obviously just reams of text that's definite no no but as long as you build up to the content and so things are introduced onto the onto the screen bit by bit so that there is no confusion and so that people aren't also trying to second guess what you're talking about so even just as simple as these points here you know when you bring up bullet points onto the screen I always recommend that you actually bring the bullet points on as you're talking about them and introducing them because if I was going to talk about three different points on this slide but these things were already there people's minds would naturally be reading ahead and be thinking about what that could relate to or what that could mean so you always want to make sure that you're talking about whatever it is first and then the the content that's on the screen is in support of that but let's say you were talking about like a multi-step process where you wanted to talk about the you know the different parts of you know the different steps whatever then there would be a very good use case for having that all on screen at the same time but maybe you don't want it all up there to begin with so I thought well let's build out something that's the same kind of effect of this you know three cards whatever you want to call them on screen but where they sort of come out one after another in that effect so let's take a look at how we could do something like that I'm going to start just again with a with a blank slide and we will just zoom out from here a little bit let's get rid of this whole tab thing let's just actually start again and I will do this as um I kind of like that rounded rectangle actually the shape so let's just do another one with a rounded rectangle and what I'm ultimately looking to build out to and again I always think about you know how it's going to look when it's finished is something a little bit let's sort of split this more or less into quarters and I'll just start by putting a few things on screen to have a look at what it's going to look like with I often just use garish bold colors just so I can clearly see what I'm talking about um and we might want to have this in here so imagine we're talking about a three-step process but we want to have that those three steps um you know all displayed on screen what else I could do is um let's see if I um just in the interest of spacing these out I want to make sure I want to do a I want to let's get these at like quarter shall we split this screen into quarters so what I can do easily is I can put a a white line or let's make it red so that we can see the color of it I'm going to change from these colors by the way but what I'm doing is I'm just want to put a few guides on I could actually do this a lot easier with uh just working out the sizes of them and using the guides and spacing I'm just going to put these on like this uh and then if we know the position of all of these lines here uh on one of them's at one side one of them at the other uh and then I can go to a range uh and that distribute function so distribute horizontally it's just going to give me some guides as to where the sort of quarter spacing is uh that's actually a little bit squished isn't it maybe we want to do something like third there how big do we want that there we go that fits my somewhat fat head in distribute horizontally so all I'm doing here is I'm just putting these little red lines on just so that I can sort of get the the positions of these where exactly where I I want them and see how it looks so maybe yeah maybe something like that maybe a little bit put that out uh right I will distribute those ones I'll get rid of those lines now it was just for me to sort of play around so um yeah if we if we think that we've got these three different stages these three different cards actually you know what I'm not quite right there let's try that again yeah that's because I get it uh right sorry that's just me talking to myself as I often do I don't just talk to myself when I'm on camera it turns out right so what I'm trying to do is basically have a thing where these cards are going to come out initially sort of together but then we'll sort of expand them out one after another so let's think of this as maybe we call it step one step two and so on uh so this will all make sense in a moment I'm going to put a thing up here call this step one and we'll do the same kind of thing here where we want to sort of build out these different bullet points and I'm just copying and pasting in the interest of time and yeah this this might be you know various different things related to this step let's um uh let's stick with those I quite like the the dark background but what we could maybe do is something a little bit graduated so we'll stick with the uh notion colors I've just applied a color to the background I will go to the border add a line and let's just do the same kind of thing as we did before where we use some of those notion colors on that I'll give those a little bit of a thicker border and I'm going to add a drop shadow as well so format drop shadow you can't see at the moment against that background but it will come up afterwards and then what we can do is we can duplicate this so that's a rectangle and those things there uh duplicate and what I'm going to do is put the step one and the rectangle that can be grouped so group and we'll call that step one because this is the thing that's going to come out with we're going to animate with magic move and then they points themselves um are going to uh are going to just uh animate regularly on each slide but we're basically going to build out the sort of final position of this uh first of all so um let's uh come back to here we just delete these a minute I've got a few things going a bit weird okay so uh let's try that again if I uh duplicate and this time I want to uh move that behind the other one I want it sort of uh behind I need to do is put it in position first I'll put it there and then I will move it behind at that point it looks like actually uh this is not going quite up to the top uh step back stand away from keynote Alec let's try this again if I just see where the the top of this is it looks like it's not quite at the top that's why so the size of it position of it's not quite right that's now filling the screen otherwise I would have been left with a little gap there apologies for that one back in the middle um okay yeah that's that's looking all right okay so uh let me try that again I'm going to duplicate again sorry but this is doesn't make sense often these things might not make sense until I've got a little bit further with them um put that there uh so this is basically going to be what we can call step two hopefully you can start to see what's happening here step two and then um let's uh give this a different name we want to call this group step two as well just so that it's clear and then let's do exactly the same thing again I'm just going to drag that across to here and we can then move it to the back and then we can call this step three like that and then what else and then we can change the colors of these so we can go into these different things and maybe we want step one to be blue step two so now I've highlighted that rounded rectangle as part of step two and I'll change the color of the border to be uh let's say green uh we could also uh to be fancy we could change the color of the uh the text to match the thing as well so if I go to the the text of step two uh and go to text uh we could change that obviously to be the same green color uh and then this one step one we could change that text to be the blue color uh and then this one uh what color are we going to have for this uh rounded rectangle style the line color around the outside um let's say let's say we use the orange this time and then I can go to the text again up to the text at the top and then we've got the color selected for the text there and so change that so now we've got basically our three step uh process like that now I can get rid of those red lines that were just being used for helping me to see where things were um so this is basically the sort of finished position and as I say you know you could obviously add in whatever information you need in here you could change the titles add in pictograms do whatever um but for the time being that's um I would just leave it like this um so what we want to do now is sort of go work back from this to work to go from where you know none of this is on the on the screen so the actual starting position if I just duplicate this um the starting position could be that um we want these things uh we we don't want any of this text on so I'll just delete this uh but these three cards um maybe actually um we want them to sort of show something like this to indicate that there is maybe you know three steps to it um so if I just select all of these things we could have them that the the cards themselves kind of come onto the screen in this way to begin with uh in which case we can move our camera over like this um and then we could duplicate again and you might want to sort of animate these things uh on using magic move so if I move these things off the screen and actually if I move them off the screen um but I also align them all together so whereas they are um not aligned here you can see one sticking out further than the other um by putting them aligned just off the screen here um and then animating them all on together uh what happens is you get this sort of concertina effect let me show you like this so if I use the magic move you can see how because they they've got the same starting position but they've got different ending positions so they're going to sort of expand out from each other it's really subtle but it's just done with the magic move basically so maybe if that was a bigger different distance you would have seen it more but you get the ideas and just animating these things on so um the next thing we want to do then is um duplicate this slide a couple of times um and the first thing we want to do then is have we want to keep those distances the same as we've got in there actually so let's see how close they are together I'm actually going to eyeball this there's probably probably a lot to be said for uh actually being a little bit more accurate this but I just want to get those distances between uh you see how like the distance which distances between the edges of the cards for the sake of speed I am just going to completely eyeball that I want to put my camera so it's in the middle uh again so there is a little sort of uh the the marks on the edge there so I'm again I'm just sort of eyeballing this I've got these things in the background here so it makes it easier for me to kind of see as well how much of if that's equally spaced in the middle there um so that is the first iteration we've got the nothing on screen then these little tabs come out uh then we're expanding out basically the first one and now I'm going to repeat that to get to these points so if I go to here and duplicate this uh then this one would be where this is just over to uh to here maybe a little bit more further over uh and then the final one is going to be that so if you think about the magic move basically the magic move is going to move out all three of those tabs but this won't be on screen this is going to animate by bullet because we've got that animation now if we move on to the next screen um the step two is going to move out but we want to remove the animation on these particular bullets because they are just still there from the previous scene and the whole point of this was as I say to sort of build up where you've got actually a lot of information on screen but you're just doing it sort of step by step so in this case I'm going to go to these points here uh and then we're going to go to the animate and the build order and because they're selected on screen here they're also selected in here so I'm just going to delete those three uh oops famous last words I'm going to delete the three animations not the actual things there we go um so now it's only these ones that are animating uh this will all make sense in a moment and the same with this if I select these items here and remove the animation from those now we've just got this that is animating and then the final thing is having those things all move off the screen again so this slide that we've got here where everything is off the screen I'm just going to duplicate that and then bring that down to the bottom and I'll just duplicate that one more time so here is the effect let's see if this all works I think I've ticked all the boxes uh so the first thing is we've got these little things that slide out from the side to maybe indicate how many different steps there are and you would obviously talk through this um then you've got the the next thing so the camera moves over the step one pops out from the side there let me just switch to this one that's a bit cleaner uh I realized I was doing a screen share so we were getting the edge of the screen and then the uh the next thing is obviously those different bullet points come out for step one that's just an animation on screen and then we've got another magic move animation where the step two then slides out and the camera slides over camera position is a bit off there it's not really centered is it let me just go and fix that uh there we go I'll just move that back over there just ignore that slight technical hitch there um so then we've got the different points for step two and then finally we've got the last one there uh just about to squish my head and then we've got the different things that are coming out there and then finally if we're pressing to go and by the way all I'm doing is you could be pressing the arrow key to go to the next slide um or if you've got a presentation clicker you could be doing that um I'm just transitioning uh basically with um with stream deck wrong camera uh is that where is that it's looking in the wrong place basically but I'm just doing it with a stream deck so I've got a button on my stream deck to transition from one to the to the next um and then that stuff all just moves out with a final magic move just like just like that uh let's come in here there we go this is the one that I want um so all of that that I've just done there is obviously using magic move and the live video feature into uh keynote um and then what I'm doing is I'm just sharing my screen in ecam to bring that all into ecam if you are using obs you could do that as well technically you could just create things like this and record in in keynote as well I don't uh I don't record in in keynote because ecam just gives you the versatility of adding in all the other things and uh it's it's live production software so I sort of don't use uh keynote for live production and I don't use ecam for presentations I put the two of them together and use the presentation capabilities of keynote with the live production capabilities of ecam um so um uh yeah so the the other benefit of doing something like this where you've created the flow of the uh the slides and so on in um in keynote and then you're bringing that into ecam is it means that you've only actually got one scene in ecam that's just sharing keynote um and then similarly you've only got then a couple of buttons on your stream deck um that and in fact I've just noticed um hello great to see you uh tempi's guitar channel um uh yeah I've made a few on on presentation stuff and I always call these immersive presentations where rather than a person on one side and a slide deck on the other uh you're kind of a part of the slide deck um and yeah so anyway glad you're finding it useful but I've just noticed your other comment about can you show the stream deck setup for this um so uh yeah basically the stream deck let me get my stream deck up where is it let's just drag this right over the top uh this is my um uh my the stream deck that I'm using excuse me I just had to have a little cough there uh this is the uh the stream deck profile that I use so these are um uh all my ecam scenes for sharing different parts of the screen different camera angles top down shots over here um but essentially all I need for what I've been doing today is uh these two buttons here forward and backwards in in keynote um and then this one is just a scene that I've got in ecam that is sharing my keynote presentation um so uh literally I'm just advancing my slides to bring on the different animations by pressing this button and although I've created custom icons for this uh it's basically just the um uh the keynote plugin you've just got next slide so next slide goes to either the next slide or it will also just go to the next step in the animation so all of those different transitions you were seeing I'm basically just using this one button here um and then uh with um with ecam um then I've just got a scene where I'm sharing my entire keynote um and then that's mixed up with other ones so uh you know I've got scenes like this one I've got a uh screen share where I can share different parts of the screen I should probably say if you're interested in learning more about keynote I've got my keynote masterclass uh where you can find more about it at the link just dropped into the description and also uh in the in the chat as well and then that is basically 50 lessons covering all aspects of keynote so starting with an introduction to keynote uh introducing keynote basics of building a presentation looking at animations and transitions where I go into more details of the sorts of things we've talked about today uh but presentation best practices I've mentioned a couple of those today creating immersive presentations that's what I call these things where you are in the presentation so there's a section on that and then talking about different ways you can export keynote and then also how you can use stream deck within keynote both in the creation side of things so for example let me just bring up my uh keynote profile on stream deck uh and now that I've switched profile I can't switch scene let me try that again there we go uh this is my uh my keynote profile in stream deck and this is available on my store by the way um as uh I'll drop a link to that um this is intended to be promotional but there you go uh I do have a keynote icon pack on the store and basically this is what I use when I'm actually building these things so uh things like the shapes I use these shapes a lot the squares rectangles and and so on um and then what I do is I'm doing things like combining those so that thing where I merge those two shapes I've actually got a stream deck button to do that uh these are the tools for merge uh uh combine and all of those kind of things um those alignment tools and distribute um I've got shortcuts for all of those in there as well grouping and ungrouping flipping things round uh so these are just the tools that I use commonly there's a few more in there as well but these are the tools that I use commonly on uh on stream deck when I'm actually creating in keynote um but you get that as part of the the keynote course in any case uh now what I've got to do is get back to my my regular my regular profile um and uh yeah so that is the the keynote masterclass you can find out more about that in the in the description uh and then I also use talk about using keynote as a general graphic design tool so incidentally all of these icons I create all of my streamed stream deck icons in keynote as well so it's really uh uh you know an easy and simple thing to to create a simple graphics in I've got illustrator and photoshop and all that sort of stuff but sometimes it's easy to just create those things in in there um so that was uh I don't know if that answered your question the point was can you show your stream deck setup um it's really despite the potential complexity of my stream deck setup um here um actually it's it's only really two buttons and that is the beauty of creating these things in uh in keynote uh to be able to then um just sort of basically uh advance your uh your slides um so but all I am doing is I've just got I I've got I don't need I've got three stream decks on my desk there's another one just off to the side here and two stream deck pedals but actually for the purposes of this uh ecam sharing keynote and then just advanced slide to go to the next slide uh we'll uh we'll do it so so there you go uh let me just check in with the chat because I want to come back afterwards to talk about um this is using the live video feature into keynote but I mentioned um that um I mentioned that you can do it without having the live video if you just want to create graphics in here so I'll talk about that one in a moment let me just come back to here though um keynote in the cloud uh to answer this question hi hi Wayne um keynote in the cloud um yeah you can work collaboratively uh kind of uh collaboratively with other people um and have stuff updating and sync like that I don't think it can do um like remote control though as such um not that that's necessarily what you're asking but um it's not like um remotely playing a presentation or something like that um so so yeah but it it you can sync and you can collaborate on stuff um let's have a look um uh oh sorry I see what you're saying is keynote in the cloud I I've just seen david's response to that afterwards I thought you were asking about a feature of keynote but you are asking actually about keynote uh is keynote in the cloud can someone update the file remotely uh keynote is a desktop app for mac it's also free it's one of the apple sort of office type suite um I prefer keynote to powerpoint powerpoint um actually has a few more features um but I just prefer the way that keynote works and when I say it has a few more features uh whether they're not necessarily things that I use um it's it's it's as with a lot of Microsoft projects products I feel a little bit more bloated um so um so yeah I find that there's certain things that keynote does that powerpoint can't like up until recently the magic move was one of them uh but it just works more the way my my brain works I've used powerpoint for years previously as well so um they're both uh you can do what I've done here uh you can do that in powerpoint as well and you can export from powerpoint to keynote and and vice versa uh so it is a mac app um the rest of the mac uh office suite so there's um keynote is the powerpoint equivalent then they've got pages which is the word I'm not going to use equivalent because uh word I much prefer word it's far more powerful definitely and then they've got numbers which is their kind of spreadsheet tool um I'm a total excel geek I absolutely uh you know use that all the time I love it um I've used that for years as well and excel is just on a completely different level to um uh to numbers numbers is for me seems more like a you know if you just want to create a couple of little spreadsheets maybe you know for uh for home use or something like that but it's nowhere near as as versatile as keynote in terms of uh you know excel can link to databases and all this kind of stuff sql databases and so on so anyway that's just my view on that but I the the apple office suite is um uh something that's free if you've got a mac and keynote is the one out of all of those three that I just think is is really great uh but yes you can do all of this in uh in powerpoint uh but what I thought your question was keynote has a feature where you can sync things to the cloud and you can collaborate on stuff as well so uh that's what I thought your question was but it wasn't um and by the way I also get asked about canva because that's obviously a popular presentation tool um canva doesn't do the uh the magic move type thing as I understand it um and you can't bring your live video in there but you can certainly you know build out presentations you could certainly build out the uh the thing that I'm going to show next actually which is how you can do all of these without the live video feature but then just add it into your production after after the fact uh canva has an added benefit in that there is such a huge range of existing templates um direct access for downloading stock photos and all that kind of stuff so uh I know that canva is a great choice as well but I just um I'm sort of into the uh uh you know keynote's just a part of my workflow and I don't use the templates so much I just create my own stuff uh that was a long answer to a question that nobody asked but there you go um so anyway um hey paul great to see you here as well I'm glad you're liking this george um I don't know what that moment was but I'm glad there was a mind-blowing moment uh let's see um where are we am I up to date with these let me just check thank you for the uh the confirmation there paul indeed keynote is an awesome vector content creation tool it's so simple yeah I just broke something but I'm back I don't know if you can uh you can hear me now I think I should be back up that is a little bit weird but there we go I'm back I'm back uh okay let me just reset a few things my internet dropped but fortunately ecum allows you to just reconnect to your stream so uh right let's see where are we up to uh so I'm not quite sure where I dropped off there I think I was just up to this comment and saying I will go and do a little bit more of a demo to show you how you can do this if you're not using your um uh using the live live video so uh there we go um I did indeed break the internet right okay cool let's let's get back up and run it again then um so uh here we can go back into the the presentation and I will go to this screen this is the one that we were sharing um so if you wanted to do this kind of thing without using um uh the live video feature there are a couple of ways that you could do it first of all you could actually just sort of export this as as individual slides but obviously then you just and by that I mean sort of static but then you obviously lose the effect of it um but you can do this in ecum if you were to use their um the green screen screen sharing feature um so let's say that we wanted to um uh let's say that we wanted to do this one where these things pop out what I'm going to do is I'm just going to um duplicate all of these slides and I will stick them right at the top like this um and then all we're going to do is we're just going to delete the um it's a good job I didn't use green in this otherwise it would have completely screwed up this part of the demo uh I didn't actually think about it before but there you go I'm going to just remove um this completely um but what I'm going to do is I'm going to replace that with a uh just a basically a green background um I could actually let's do this the proper way I could actually go into the format uh and change the slide background um to color fill and then I could change that to uh green um and then if I go into here and I do the same with these ones so I'm just going to remove the uh thing from here like that and then I'll just do the same with these ones I'm just going to highlight them all and then I'll change the uh the fill to green just like that so now we've basically got the same animation effects of these things coming onto screen um but basically there's just this green background well now what I can do in ecamm is if I come back over here uh and let's just um do a sort of live demo here so there we go I'm showing my whole screen um if I uh go into my overlay's window in ecamm and I just add in a screen share overlay it's going to default to whatever um the primary display is but I can come in here and change that to uh be keynote if I say uh keynote this is going to look a little bit weird to begin with because I'm actually I'm not running it as a presentation uh in fact let's just do that then if I uh if I just click play presentation in keynote uh so no it's running like that you can see those bars that are at the top of the bottom and you might think why are those there well it's because the uh the where we're showing where we're doing a screen share it's actually defaulted to the shape of the primary display which is my macbook and so uh if I change that to 16 by 9 uh then it'll be the same aspect ratio as the presentation uh now you can see that we've got the first slide which was that completely green slide um but what we can do is click on the little uh pencil icon there um and then we've got this green screen key um and that's basically going to remove any uh green from the uh from the scene or from the overlay but what I first want to do is just get this to completely fill the screen first of all and then I will apply that now that I know that it's in the right position so now we've got basically keynote is playing over the top of of this um but it's uh completely keyed out and the effect of that is that if I go to my next slide in keynote um we still get the same animation you can see what I mean about it kind of like squashing me it means that I'm kind of uh you know not framed I should probably be over here uh that's why I like to use the animation of the video into uh into into keynote first because then it does that subtle sort of moving of uh of me on the screen I mean I could just do it myself couldn't I I could just I could just literally go here we go we're going to talk about this just move over uh but anyway uh there we go so this is just doing exactly the same things as we've uh we've uh looked at earlier um but all we're doing is we're just keying out the uh the the green part of the thing and just to show you that that is just there if I click on this pencil icon again and I just activate that green screen or deactivate it you can see that we've just got that green that's going across so that is actually another way that you can do it or the other reason why you might want to do it this way is potentially if um if you've got some issue where um I know that keynote doesn't recognize every camera um uh so depending on the camera you're using or the capture device you're using it might not be recognized in keynote you just might not be able to get the live video feature um the other reason why you might want to not use this approach use this approach rather than the the live video feature is because if you're bringing live video feed into keynote and you've also got a live video technically into ecamm with all of the cameras that you've got connected um what you uh what you might find is that you know it's it's very processor heavy or it is processor heavy but it might be exceeding you know what your processor is capable of so if you've got a lower powered computer or you find that you're having processor issues then that second option of just using the green screen method would be a a better way of of doing things um so uh hello Christopher great to see you I'm glad you're catching me live for the first time great to have you here um so if there's any questions about those things that I've created uh today or a keynote in general actually then feel free to ask um the the link is pinned to the top of the chat or it should be and also down in the description so as soon as I've finished here I'm going to just basically upload this template exactly as we've just created it uh it's this one so I'll upload the upload this template exactly as we've created it and you can just go in and play around and edit these obviously yeah it's just a case of going and changing colors if you want to change these to your company colors or whatever or play around with the sizes but all of those transitions will be in there so this is exactly what I'm going to upload immediately afterwards and yeah the link in the description will take you to the the the page to just enter your name and email and then you'll get it sent to you as soon as it's done any yeah any questions though do let me know and hope my internet holds out I'm now tethered to my this is funny uh I am now tethered to my iPhone 6s I'm not a phone guy but it's got really good high speed uh what do they call it uh no limit internet so I use it basically just for tethering my iPad too but this stream is currently being streamed to you via wirelessly via my iPhone 6s yes and it is 2024 um any questions though do let me know if not then uh then I will be welcome you to ask them in the discord we have got a community um so down in in the description you'll see a thing to say join the family I actually don't say join discord because I know people get put off by the idea of discord it is a thing um but yeah there is a video that will sort of give you a little onboarding to help you find your way around in there and then that's kind of the best way place to ask questions actually I don't really keep up with my comments on youtube I've just accepted that it's unsustainable um until I actually take somebody on to just go and answer them but I don't want to do that either because then that's not genuine at all is it so um but yeah it's uh the trouble with youtube comments for a tech channel is that you know often it is it's getting into uh consultation level questions and I just don't got time for you know so many of these in the day so I'm really bad at keeping up with my comments I sort of go in and try and keep up on top of some of them when I've got some time and then uh and then yeah a lot of them unfortunately fall by the wayside um but the discord is somewhere where you can come and ask whatever level of technical question you want in there and then it's not just me that will be able to answer but other people as well um and and also the beauty of that is that everyone gets to benefit from those uh those answers um as well now I've got a feeling when I switch to my end screen it's going to actually switch to another camera because I forgot to change it over from last week but if there are no further questions uh then I will wrap it up there and what I'll do is I'll leave a link to some other stuff over on the other side but when I switch to this scene uh look at that it's got the wrong camera in there never mind I hope you all have a wonderful day and I will see you all next time and thanks as always to my channel members and also academy members too have a wonderful day see you next time