After Effects - Animated Infographic Video & Data Visualisation

Animating TIP - Off set - two objects moving just after each other in After Effects

Daniel Walter Scott

Download Exercise Files Download Completed Files



We’re awarding certificates for this course!

Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Hi there, in this video we're going to look at Offsetting our Animation, so that two separate guys can follow each other in, and they kind of look like they have a cool little relationship. Super easy to do. Let's go and do that now in After Effects.

So to make the Offset happen what we're going to do is we're going to make a new Comp. But it's going to keep a separate form of animation here. It doesn't make much sense, this part. We've got one kind of animation technique going, our little Overshoot. Let's go 'Composition', 'New Composition'. This one's going to be called 'Offset'. And I'm going to make sure the back end color is black. Duration's only 5 seconds, that's fine. Let's click 'OK'. Let's bring in our Icon, so I'm going to double click in the area down here. I'm going to skip using Libraries at the moment. I've got them here, they're called Offset1 and Offset2. So then I bring in Offset1 first. It's this little clock in Offset2. I'm going to put them so they're overlapping a little bit. Using my arrow keys just to bunch them around because it is difficult dragging them with the arrow.

So I want them to be there, any means necessary. I'm going to drag it down a little bit, actually it's going to be over there. So, bit of overlapping going. And if the overlap is wrong and you got the other one on top of the other guy, what you can do is just make sure, here Offset1 is at the bottom, you can drag them around. Now he's on top, now he's at the bottom. We need to put in our two Keyframes on Position. What we're going to do is do some awesomeness where we do two at a time, because they are two separate objects, we want them moving separately. We're going to hit 'P' on our keyboard. We're going to set Keyframes for them. And we’re going to pull them off screen. I'm going to zoom out a little bit so I can see off screen. Then we might drag this. Just to make it a little bit easier. And after about-- the timing's hard to do at this stage. Drag him on.

So they kind of move on. Not very exciting. And we're not going to do the Easing, we could. Because I'm going to use the Expression that we had before. There it is there. I'm going to copy it. I can't apply the Expression to both of these at the same time. So I need to hold down the 'Alt' key. Click on the stopwatch for Position. Paste it in there. Do the same for this guy, paste it in there. Now there's this cool little thing going where it bounces around. I'm going to play around with these guys. Bring him in a little bit, a bit faster. I don't know why I'm that far out. And we're going to do the Overshoot by just playing around with the timing here. So that this one starts first and this one comes along just afterwards. They kind of look like they're kind of buddies, doing stuff together.

Just a little offset, it can be really good, just subtle stuff. We're doing a big obvious Offset here but it can be great where say you got a character and they kind of jump into the screen, they're here. Could be separate on a separate layer and they just got like a little bubble. Or any sort of loose clothing or anything. Just Offset it, and stuff starts looking quite cool. Other things to remember. Turn Motion Blur on, everything looks nice with Motion Blur. And that is Offset. On to the next video.