Please subscribe to watch this video

Sign Up

Contents

Comments

Video transcript

All right, how did it go? If you found it a little bit frustrating, that's totally fine at this stage. I'm hopefully going to, if you did have some problems, I'll show you what happened, if you didn't have any problems, and you're going pretty good, probably watch this video anyway. Just, yeah, can be handy sometimes. 

I'm going to get my Keyframe or at least my Playhead where I want it to start. I grab my 'Type Tool', I'm going to start with that. I'm going to click over here. I'm going to type in 'Sign up', I'm using a slightly bolder font. I'm going to grab my move tool, 'Selection Tool'. Get it to where I want, avoiding the Anchor Point. I want it to be about there, and I'm going to do-- I'm not going to add the background, you might have done this, and added the background color, that's fine. I'm going to do mine separately, just to be fancy, and I want to have it off screen. 

Now with your Selection Tool you can actually drag it pretty close off the screen, there you go. You can zoom out a little bit, or you can use the position, and this is where some of you might have had the problem, is that there are a bunch of positions, vector motion has position. The text, look at this - close down the Source Text, - has a position as well, there's another position under Motion, you're like, "Oh, my goodness." It's because, remember we're going to have text and a rectangle in here, which we want to animate the position separately. 

So you actually-- we're going to work on the position of this. If you didn't plan on that it wouldn't matter which one you do. Basically if you use either one of these, say this one here, this is going to move the-- animate the position, of both the text and the box, all together. It's kind of like an overall wrapper. Thinking of bad two-pack jokes there, but let's just stick to the plan. Let's add our rectangle, or add our animation actually, I haven't actually animated it yet. So starting at the beginning, holding 'Shift' so it snaps, I'm going to start it off screen, and I'm going to set my keyframes for position, then after some time I just hit 'Spacebar', hit 'Spacebar' again, that feels like a good timing, is probably a bit long. Then I'm going to animate it up. 

I can't really see it so I'm just going to use this one, 'Position', there he is there, get him up to about there. Enough room so I can put a box around it. So two key frames, one at the bottom, one at the top. Bit slow, don't spend too long on timing until you got your easing done. Now you don't have to animate this easing on this first one really, because it's off screen. You don't actually see a lot of the fun that goes on, you can do it though, just because. 

Let's go to 'Temporal Interpolation', 'Ease Out'. This one here, 'Temporal Interpolation', 'Ease In', or you do the right one, test it, hit undo, do the other one, or do both. So we've got some easing. That sounds nice, it doesn't sound nice, it looks nice. All right, let's add the rectangle. I'm worried my voice has gone a bit weird. It's not you, it's me, I'm not sure what's wrong with it, gone a bit croaky this afternoon. 

So to add our rectangle we are going to hit the little 'New Layer' button. Make sure it's got-- you've got your clip selected. Let's go to 'New Layer', let's go to 'Rectangle', Shape 01's fine for me. I'm going to move it, not dragging the Anchor Point, I'm going to change the position so it's underneath, and I'm going to get it so it's kind of like this. You can pick the same color, pick a different color, it's up to you. 

I'm going to pick the same color, and going to animate mine differently. So I'm going to use not the position of this, or the position of motion-- vector motion. I'll just show you what it means, because watch this, if I change the position, they both go along for the ride, you're like, "It's not what I want." So that might have been a troublesome bit. So under 'Shape', I want to find 'Position'. I'm going to get to the beginning here, holding 'Shift' to snap, start the Keyframes. 

It doesn't really matter if you start the keyframes and then move it. Where do we come in? We went from the bottom, so I'm going to go from the side. It doesn't matter if you turn it on first, or move it first, it doesn't really matter. The second one though, I'm going to hold 'Shift', so it snaps to the same point, and I'm going to move it back in. Which one? That one there. There we go. That feels about good. Let's add our easing. So there we are there, don't really need that one so I'm going to ignore it. We're going to ease into that keyframe. Ooh, nice. 

Let's check our homework, I think I nailed it, what have we got, Sign Up text. Animate left, right, easing, optional animated background, share my photo. Not going to share it with myself, but I might turn the opacity down just a tiny bit on the old shape one. Where is it, opacity, just down a little bit so I can see through it. Not sure why? Looks cool, that's why. 

That is your class project done. If it's gone horribly wrong, what you can do, probably easiest is just to grab this whole thing, delete it, and start again. Trying to patch up keyframes that are all a bit weird. It can be tough, it can be just easy to start again, be very deliberate. If you are still finding it hard, and you're like, "Man, that explanation didn't really help me that much," don't worry, we're going to do a bunch more keyframing and animation throughout the course. So hopefully you'll become a little bit more natural. On to the next video.