Introduction to Keyframes - Apple Motion Professional Training 02 by AV-Ultra

My name is Stanislaw Robert Luberda and today we're going to be talking all about keyframes in Apple motion if you're brand new to Apple motion and you haven't really used it before I really recommend checking out my introduction to Apple motion video I have on YouTube in most basic terms a keyframe is a point of information that is assigned to a specific time so in my inspector here and in my rectangle at 0 0 my rectangle is occupying this X and this y coordinate and it has a keyframe on it you can see that is my timeline right here further along my timeline I've got another keyframe and if I scroll this back out you can see that my rectangle is moved between those and my x and y coordinates are different so between these two I have a change happening so anything that's moving or anything that's animated typically is done with either behaviors or keyframes and Apple motion so let's go ahead and get started I've got a video and I want to put some titles on this now the first thing that you're going to notice is that this is a 1080p screen here and my actual Shanghai video is much larger than that if I go ahead and I fit this so I'm just going to scale this out to maybe 50% you can see that my frame is much bigger than that now that's great for me because what I want to do is I want to scale this and kind of move the position in here so I'm going to go to the very beginning of my timeline here with my raw Shanghai and I'm opening up the inspector and I'm making sure that I'm in this specific group and this layer and I'm going to go ahead and add a keyframe on my position which is right here and my scale notice I've got a lot of different scales and different positions that I can open up and twirl down for our purposes right now I'm just going to leave the posi open and the scale as is and this video is going to end up being about maybe five to ten seconds so I'm thinking about how exactly I want this laid out so I'm going to go ahead and move to maybe the five-second mark and at this point I want this to be scaled up and I want this to be moved over now I have two different ways I can do this if I change anything in my inspector here that's automatically going to create a keyframe and you'll also notice that I have a motion path in here so what this means is now I have a keyframe I have this moving from one point to another point there all right I'm just going to undo that and let's go to my five-second mark or I can actually physically change this number here as well so notice I'm doing the same kind of thing if I move it this way or if I use this number it accomplishes the same thing I can also go ahead and scale this up and when I scale it up using the transform tools here you'll notice that it's also changing my X&Y coordinate that's not what I want in this case so I'm just going to undo and I want this to be scaled up here so I'm going to go ahead and make that at about a hundred and forty three percent so I'm really just kind of setting my scene here now if I play this back you would think that it's going to scale and move its position and the reason for that is because I had a keyframe starting and a keyframe ending here all right so far so good I'm going to refine this just a little bit more I'm just going to go ahead and throw a color correction filter on here so very brief introduction to filters I have another video talking all about these these are basically effects that I can play on here and I'm just going to go into my filters color correction and I'm just going to add a color balance to this I'm going to go in my inspector here and we're just going to adjust the shadows make them a little bit more red and make my mid-tones a little bit more blue let's work with that a little bit more and then my highlights I'll probably add just a little bit of a blue tint to that as well one last thing I'm going to do to this is I'm actually going to add a vignette I could search for all of these I'm just going to go to the very bottom here and just type in and yet and I'm going to plop that right on to my raw Shanghai as well all right so far so good so I've got my original scene here I have this kind of scaling up notice that the vignette is also scaling with it the reason for that is because the vignette and the color balance are actually tied to this particular layer and not the group so now I've got a nice clean surface here I'm going to select my rectangle here in my shape tools and I'm just going to freehand draw out a nice rectangle here and right away you can see that that's created a new group and it's made a new layer here called rectangle I'm just going to drag that back to the very beginning so that way it starts right there and what I want to happen is I want an outline of this to draw on so I'm going to have to go into my rectangle here and I'm going to turn off the fill and turn on the outline and to get that draw on look so I want this to drawn so I'm going to take this first keyframe here this first point offset and I'm going to make a keyframe with it at a hundred percent and we're going to take this down to about 15 frames here and drag that to zero so basically what that's doing is it is drawing that layer on you'll notice though however it starts at zero and I don't want it to start right away maybe I want to start at 15 frames instead of ending at 15 frames well how can I just these key frames well I could remove them so I can select one of them and actually hit delete and that will delete a key frame or what I can do is I can select both of them here and just drag them over so what this is doing is this is just offsetting the time in which that is animating so there we go now you can see that that is animating on perfect now I also want another line kind of animating in there so I'm going to go ahead and grab another shape tool and I'm just going to call it this one is just called line and I'm making sure that I'm in the same group in fact let's go ahead and name this call this shapes and I don't want to start at exactly the same time I'm going to go ahead and start it right about here and I'm just going to place a line to get a nice straight line I'm holding on to shift and there we go you'll notice that this line on my actual time line here has a rounded edge by default all of these different shapes will have a rounded edge if you want that to be squared like in my example we're going to go into the shape and style where we have our fill or outline and I can change the joint to square the start cap to square and the end cap to square and now you can see that that is made in nice square now that line is a little thick for me there too so I'm going to change that with to about a 5 and I'm just going to adjust the position of that that's just a little off to the side ok very good now if again I want this animating here I'm going to go ahead and go into the shape and go to the offset again make a keyframe and animate it you'll notice every time I'm kind of changing a value once I have a keyframe that is creating one for me I'm just offsetting this a little bit so that way I have my animations kind of staggered alright I'm going to go ahead and select my text tool just make some text and click and drag and that'll make a text box and then I in this text box I'm going to go ahead and put in my text and I'm going to just select that here make that a little bit larger and I'm going to just fix my alignment to the center here let's make that quite a bit bigger and I'll actually move the properties of that down here I'm going to go ahead and make this into a new group so the way I can do that is I'm just going to drag this off and as soon as I drag below all the rest of my groups it makes a new group and we're going to call this one here text title and in my example you saw that it was kind of animating from the this line here so it was actually invisible to be behind this line the way we're going to do that is with a mask so what a mask does is it kind of reveals something or hide something so in my example here I'm selecting my text title and I'm going to use this tool which is our rectangular mask and I'm just going to drag across here now what this does is anything within this box in this layer is going to show up so what exactly does that mean so let me go to my animating keyframes text here and I'm going to drop this below this mask so you can see this mask is right at this line I'm going to drop this animating keyframes right below here and it looks like it disappears the reason for that is because I have that mask there now if you're looking for more information about masks I have another tutorial all about masks so be sure to check that out in the future but for right now I just want this to be starting right here and then we're going to animate this moving forward so for beginning here make a keyframe in the Y transformation and we're going to move that up and I'm just eyeballing it here so if I play this back we can see there's our animating keyframes and I want that to happen a little bit earlier so I'm actually going to take this whole title here and just scoot it back I want this to pop up as that finishes drawing there so you can see that's right about there and I'm just going to make sure that my lair extends to the end there if I don't you know just it'll disappear I'm just going to go ahead and if I right-click I can force a new group right here and in this new group I'm just going to make another text box select that I'm going to make that just a little larger it looks like at the very end here I need another - and what I want to do with this one here is the same concept so I want this one to be you know kind of coming out from that top line again so I'm going to first create a mask so we've got that and just going to animate my Apple motion here so again I'm making sure that IMAX actually on the text layer and not the group so I'm just going to go ahead and move this guy straight up here so it's hidden behind that mask make a keyframe go a little bit further and scroll down and then once it's actually down here I'm going to add a second set of keyframes here and that's going to be under my text and that's actually going to be my tracking right so I'm using this keyframe as kind of a guide for my next one is going to be so I'm going to go ahead and make a tracking keyframe here and take this about four seconds and just kind of expand that just a little bit okay now we can play that back and let's see what that looks like so far I've got that scrolling in I've got my different shapes coming up and now my text there's just a couple things I want to do here really quick the first one is I want this text to stick out from this background a little bit you can see it's just a little hard to read and so what I'm going to do is I'm actually going to animate an opacity of this background box here so I'm actually going to create another rectangle here in fact what I'm going to do is I'm just going to duplicate this and then make this fairly dark and animate the opacity so that way we have a little bit of a black box here for this text to stand up in so going under my rectangle here and I'm going to just go to edit duplicate or command D and it's going to say rectangle copy I'm going to rename that right away and just call this black box and while we're in here let's go ahead and rename the rest of our other title so we'll call this one subtitle and I'm just going to collapse those I'm going to hit command left bracket to place it underneath so there we have our text title or subtitle our shapes and our background so everything's nice and tidy and I'm going to go under our black box which if you'll notice has that same animation that we had before from our style and our first point offset because it's a duplicate copy of that now I want to get rid of those key frames here because I don't need that in fact I could probably just turn off that outline and you'll notice that that's disappeared but if I wanted to get rid of these key frames here you'll notice that I could click right to the right side of our keyframe here and I've got this little pull tab and if I click on here I can disable the animation and so that's just taking all the animation off and instead what I want to do is I want to add a fill and I'm just going to add this Phil and we're going to make this fairly dark here and we're going to animate this opacity here so you'll notice I've got this opacity so first I'm going to have it start with nothing there wait for this text to start filling in so right about here we'll add a keyframe and as that text is coming in we'll make that just a bit darker in the background in fact let's make that really dark it's just like a solid black okay really good one more thing I want to add is just a little bit of music I'm going to go ahead and place this in my timeline I'm using a dim light from Paddington Bear and you'll notice if I put it into my timeline I don't see it here in my layers or in here what I have to do is I have to make sure that I have my audio turned on that's in this bottom right corner here you'll notice it says show/hide audio timeline and if I go ahead and click that now you can see there is my actual track now again I want this whole duration to only be about five seconds oh you'll notice this is my duration I can change this right to five seconds and now there is my total duration of five seconds and now that I've got this music track in here I'm going to go into the inspector for my audio track and I just want this to fade out right about four seconds so I selected my audio and I'm going to level create a keyframe and right from about four seconds to five I'm going to drop that down to negative infinity so when I play this back has the audio come in and then fades out now I want all this to fade in fade out too so one last thing I can do here is I can take all my different objects here so I have my different layers here so there's my shape my subtitle my text layer inside each one of those I've got all the rest of these different layers right but I just want this all collapsed right now so it's nice and clean and I'm going to take all of these background my shapes subtitle project and I'm going to right click and group and now that's put it all in one master group in fact I'm going to go ahead and call this master and what I'm going to do is under the properties of this master group I'm going to go over to the opacity and just create a key right away and drop it to 0% and no does that made my whole screen black it's because everything in this group now has its opacity turned down to zero because it is part of this master group taking it to about 15 frames and changing this to 100% where now it'll fade in and I can take this back to about 4 seconds and 15 frames make a another keyframe and then at five seconds drop this again to zero so now you can see my 4 keyframes here starts at 0 goes to 100 stays at 100 till here and then it from 100 to zero I'm just going to hit this loop button here so we can take a look at this and we have our animation here so I have the scaling up I've got my text coming in my lines animating my background animating now is that all we can do with keyframes no we can do a lot more with keyframes and to be honest normally I would work with these keyframes a little bit more all we've done here is specified point A to point B kind of changes what we can do is click on this button right down here in the bottom right corner and this is our keyframe editor what this lets us do is actually finesse and work with our keyframes a little bit more so I'm going to turn off this video and this audio timeline and I'm going to turn on this keyframe editor and what this does is it actually shows me my keyframes in time here so anything that actually has a keyframe I can view a little bit better so right now what we're looking at here is it's at 0% goes to 100 at 100 down to zero in a straight line if I go to let's say my original rectangle here you can see there is my outline from point A to point B I can right click on these and actually change the interpolation so if I ease this this has created a different kind of movement for this animation and what this lets us do is it kind of finesses our animation a little bit more so maybe we have something start out pretty fast and then speeds up over time if you found this useful be sure to subscribe to my YouTube page where I've got more tutorials and gear reviews for different pieces of production equipment again my name is Stanislaw Robert Luberda with AV-Ultra and hopefully you found this useful

Channel: AV-Ultra

Views: 104,832

Keywords: Apple Motion Keyframes, Motion Keyframes, motion apple, Apple Motion, Professional, Final Cut, FCPX, Motion Graphics, Tutorial, Stanislaw Robert Luberda, Video Production, Apple, training, apple motion tutorial, motion 5, AV Ultra, Apple Motion 5, Motion 4, Apple motion tutorials, Apple motion tutorial, Animation, apple motion keyframe, apple motion copy keyframes, apple motion show keyframes in timeline, apple motion stretch keyframes, apple motion keyframes

Id: iZmk01eG-IY

Length: 22min 18sec (1338 seconds)

Published: Fri Apr 15 2016