FCPX green screen overlays and keyframes

so this is a brief tutorial on how to import green screen assets overlay graphics on top of my green screen footage pre-recorded in the TV studio I've already got my assets organized in a folder under week 4 which has both an example of green screen footage that I've picked up online it's also there on canvas for you to use as a training material there's a couple of exported slides that I've created with keynote and there's just a screencast which I've done with QuickTime and using some Google graphics that I've created and some keynote graphics as well so once you've got all the assets ready during your footage that's presentation footage and the various overlays you want to use the first step is to go ahead and open or start a new library file new library Green example mmm I'll save this in the same folder where all my assets are and now I've got a new library called green screen example and then the next step is to import the media if you're not sure which Tyburn you're in and you don't want to navigate to it using the regular menus you can hit command tab and go back to finder or click on finder down and go back to your window where all the assets are organized where all these files are organized and just grab the whole folder and simply drag it on top now we're at the red at the right folder I'll go ahead and import all all the stuff that I'll need for this tutorial I'm now going to go ahead and start a new project by clicking on the new project tab here I'm gonna call it green screen example the video format is 480p mm which is sorry one ATP which is 1920 by 1080 25 P the rendering is always on Apple ProRes 4 to 2 and stereo 48 kilo Hertz and I hit OK and now I've now got a new project called green screen example which is also open down here if you're not sure you can double click it to make sure you're working on the correct project hmm now once you've got all your assets within the project the first thing to do is to take the green screen footage and lay it here as the basis for your presentation if you've got certain areas certain places where you'd like the green screen to sorry would you where you'd like slides to appear you could do a few things you could either create a marker by pressing M which gives you a marker and you could give it a name if you like it's like one for example or you could already go ahead and cut the footage at this point and there'll be a command B I'm using command B which might make your life a bit easier because the areas where you cut the footage will correspond directly to the areas where you will put in your background overlays background assets so one of these some of these clips that you have prepared so in this case I've got a few locations where I'd like to put a background footage in little comments I always keep I always use and I try and repeat to you guys as well when I recommend using stock snapping when you when you work makes your snapping is on snapping helps your locator kind of glue on to areas where you've where there's a cut where just a piece of footage is starting or ending which can greatly improve the synchronicity in which you work so to make sure you put things in the right place so they're synchronized so the first thing I'll do is use a regular slide as you can see these slides about here are TIFF formatted TIFF has a not only RGB values red green and blue for each pixel but it also has an alpha layer which is a transparent layer so if you place a TIF on top of your footage you'll already be able to see both the powers of both the video and the slide overlaid as you can see so this the background of this slide is completely transparent this is a this is an easy way to overlay keynotes graphs you export them as a tips and make sure the background is transparent I'm going to show how to do that in a different tutorial but for this tutorial because we're using chroma key what's called chroma key which is green screen or it could be any other color really we're going to use slides that do not have this transparency overlaid behind them and also some footage which is also not transparent so the first thing to do is take your footage or your slide it doesn't matter that treat exactly the same we're going to take a piece of video and place it underneath the image you want to use so in this case the footage the green screen footage is on top and the screencast footage is in the back you see the screen crafts screencast I've created it just has a map the scan over now what I'll do now actually put these cuts in the wrong location so I'm going to readjust the footage to make it all in one wanna go and I'll get rid of this little marker here like control clicking the market the marker will get this menu and you can choose to delete it now you got clean footage on top so we've got two video pieces and again this could be and this could be a an image as well here's a still image afterwards as well just for you to see they're treated exactly the same next thing we'll do is we'll have to apply an effect on to the green screen footage called key here take here if you look at your effects menu key which is fine found here there's a section called key in which has a new look here look here we're going to specifically use the keying the key here and you just put this on top we already see the backgrounds changed to the image what the keyer does is recognize the color green and make it transparent applies a a transparency layer instead of a green part so in this case because the video is filmed very well very good because the green is even evenly distributed and the and the lighting is good there's good separation between the figure and the background then you can already see that the the overlay happened quite seamlessly and the results are already quite good okay same with the image if I switch to the image the overlay came out quite well another thing you might like to do is work with the images with a background image change changing some of its properties if you double-click on the background image on the background video let's work with the video first cuz we've started with that let's say we wanted the video to be a bit larger and a bit diagonal as it is on the BBC's cost so the first thing we can do is double click it to go to the screencast area and scale its scale use the scale bar to scale the video there's of course a limit to how much you can scale it because this is the limited to the size of your screen right so this is a full screen size it's why right here black box insurance so the preview might not look like a like a full screen here but it is a full screen that's because we have 50% of zoom on this window can also use fits and then we can see it in full screen now in order to change something about the background we could use rotation for example it's probably most cases you would not like to do but you could also do some scaling for example well that as we just did before you could scale the whole thing you could scale just one axis which would make the footage skewed typically it's not a very good idea to scale just one axis can also move the footage from side to side or can put this at the center as it was before so just by going back to the same value as the Y is 294 in this case not put Y back into X walk back into 0 hmm could also use distort which kind of bends things around and I guess in the example from the BBC that you saw you could easily use distort in order to animate this clip so for example there's a distort value for bottom left bottom right top right top left and both of them are from got an x and y distort element so if we distort the X it'll go this way if we distort the the why did it go that way to create a simple screen within a screen effect you could probably distort the X on the bottom left and on the top left so in the same value 176 now we've got a screen that's a little bit more skewed here and then if we find it a bit more Y on both sides sorry bit more Y on both sides you sort of create an effect of geometry happening within the frame so as you can see Y goes up where as long as it can I'm gonna take it up all the way and the other the bottom right why so the bottom like that'sthat's the wrong one let's take the bottom right why and move it downwards cuz we want to make it to longer and stretch it all the way to the end of the screen you go you've got both the up and the down going to the same value as you can see I've shifted this corner up here by 100 to 102 pixels up and the corner down here which is the bottom right I've shifted downwards by - honeybee 2 pixels now if you want to work with this corner as well the top left in the top and the bottom left these two corners we can use their Y factor and their FX factor as well so if I push their x factor the bottom left in the bottom right once again bit further let's say 272 to 70 and there's 217 in this corner as well now we've got a diagonal screen in the background now what I'll do is I'll mmm I'm going to make a little animation automation animation to make to try and illustrate an effect where the screen is coming out from being being fertile is being shifted away to be coming to agony so I'll decide what is the point where I want the screen to become to be diagonal and I'll make it this point this is the point where I went to the screen to become diagonal where's the beginning in the beginning I would like it to be straight and let's say I'd like it to start shifting towards diagonal here so it just made two markers using the letter the key in the keyboard letter M to create these markers so put myself on the first marker hmm sorry I put myself on the second marker and then I'm going to create a keyframe add a keyframe for all the values that I'm going to that I've changed so all of those values if you look at the background video highlight the background video go into the settings here and you'll see the values that have changed so there's a scaling element I'm going to create a keyframe in this side here there's a distort element so all of the all of the different dimensions are being distorted and that's it so these are this seven elements have changed to six rather then I'm gonna go back to the first indicator with the first mark left foot in and I'll change the footage back change those parameters back to where they were initially before the distortion happened which is in this case zero so zero zero in the case of a scaling right now it's at 94% after it back to 100% okay so that's a hundred percent scale and a zero percent distortion look at this briefly man's complaint how the company you are with can see that the screen seems to be shifting away so once again let's look at this without the money without the speech scheme is shifting back okay so we've created a backdrop which is animated ever so slightly we've also added several types of footage we've got a slide here kind of a few slides different ones once again importantly the footage has to be underneath the green screen footage of course with the slides we might want to change their location you can fiddle with their position their scale their size if you want to make smaller slides for example a you can scale back and in this case if I want to locate them on her left and maybe a bit higher so it's all quite easy to to do in this case I've shifted the position - for in the forty point four pixels to the left mmm changing the position here you could literally just drag your mouse click and drag on top of the number and 100 196 takes us through that to the top and the scale is fifty-six percent of the original size of the slide you'd do the same with the rest of the slides so just copy those numbers in for 40.4 196 56 - 40.4 tips 414 . 456 sorry um that was 196 that's the Y position and 56% of the scale if you use exactly the same numbers then you'll get a similar a seamless transition between slides we'll do the same with this one - mm one for 4.4 and then 196 56 that's the wrong one of course wrong values so that's for 40.4 rather than 1 4 4 4 4 0.42 the negative of course so now all slides are aligned in the same location and you can see this background footage as well mm-hmm now let's say the background right now is quite dark let's say we wanted to add some kind of a kind of renal identity background for the whole video so I'm going to go ahead and import another another piece of footage which is just the Reno identity package so file import media and I'm back in our folder I've got a we know intro graphics and the ready now add that in and I'm going to put this video in the background behind everything else I'm just going to go ahead and flip it right so this way what and of course yeah make sure you get rid of the volume is there's some music in the background there now what we've got is a dual layered video with the window graphic in the background and the screencast we created before with a map in the middle and we've got a bunch of keynotes keynote slides coming in as well and eventually reverting back to just a little graphic we can also if you wanted at some point for example to fade the presenter into the background we could say we wanted to do that right now so this is at 1 minute 13 into the cost you once again use key you say sorry use the keyframes in order to do that so what we're looking into is you're going to double click on the video itself and you've got within the compositing area you could change different blend modes first that can look quite funny this is a normal blend mode but you can also change the opacity when you change the opacity you change the transparency you have the person of this of this footage so what I want to do is create a fade out and rather than using an effect for fade out I want to control more control over the fit fade out what cookies so I'll make a marker here but I want to fade out to start and a another marker I wanted to finish well somewhere doesn't really matter here when you switch back to the first marker and go to oh we don't need to care anymore if you hide that going to the composting menu and add a keyframe at this point 400 percent opacity which means it'll stick a point here where the opacity has to be 100 percent the motivated point and then we switch back to the second marker and we'll change the opacity to zero then we put another keyframe sorry we keep the keyframe there just gonna make sure it not have here two mistakes here sorry just but just put the opacity back to zero you don't need to press the keyframe again so you've got one keyframe here and which ends here so where she is waiting out this is quite a long trade so I might only undo what I just did edit undo a pass if you change and I'll make the opacity change a bit quicker by changing it here you don't have to have those markers those markers I'm using just for convenience so here we go back to zero and I can delete these two markers let's see what's happening presenter is slowly disappearing in the background once again there we go we can I'm just nicely weather we know we're gonna take all take solace okay so this is a quick tutorial about these about how to do a chroma key and how to change the background overlays so that they seem like an interactive set of graphics in the background one last thing I would probably do to make this seem a bit more smooth is to learn a little bit the infographic out the intra graphic out kind of being fine to do that if you look into into the blur section here in the effects so once again affecting your thumb yeah and this thing here let me go into the blur area and just usually took the Gaussian blur this one and I'll just put that on top of the you know intro graphics and for as long as there for as long as the window intro graphics are not are in the background of something else when we go back to only using you know intro graphics then we can also we can have them less blood the other thing is if you notice the when I'm in terrific so quite quick quite fast the other thing you could do is change their speed or the background so speed wait time so that's called retime in Final Cut Pro so let's use real time to slow down by to slow down to 50% okay so that's a longer longer clip well you know copy that again and then to loop this the clip in this speed as you can see if now yeah we've now got a software version of the of the intro graphics I might retime this clip we've got a software version of the intro graphic going more slowly in the background let's look at it slightly slower which makes things a bit less painful um yeah bit less attention grabbing okay in the maps the map becomes more the center of things then once all the graphics are done you can go back and see the regular little footage I think I'll slow down the speed of that footage as well so every time it you make it slower by 50% as well and I'm going to cut away the numbers bit and just use the graphic specs leading towards the logo you can see whether you like you know to put on some loin over this one as well it's up to you when you're done you never eat when the work is done go to share master file or he could hit command a command come on come on eat so mine II have a quick browse see that your footage looks alright go into the settings make sure they're correct 1920 by 1080 is the standard you know resolution video and audio should be exported and it's at Apple ProRes for 2 to 5 it next you go to your go to your folder and click on green screen example in this case I make it to because I've already exported it once save and you'll see the progress wheel here changing when the sharing is taking place I've already done this so I'm going to go ahead and cancel but that is the way to share your your clip this is the resulting video go ahead and plate in this case I reduced and moved avoid the volume the sound from mmm the readers narration because it's got frankly nothing to do with you know but as you can see the overlaying work quite well there's a slightly soft edge to it which is a feature of well how it's specifically being set up we can also work with a cure to create a straighter and more sharp edge but we'll do that in another tutorial at some point that's it

Channel: Winchester Journalism

Views: 1,402

Keywords:

Id: Bio8f6Q9T4g

Length: 31min 51sec (1911 seconds)

Published: Mon Feb 05 2018