Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Coordinating keyframes

From: After Effects Apprentice 03: Advanced Animation

Video: Coordinating keyframes

Next I am going to use the Graph Editor to coordinate animation across multiple layers, and also to coordinate keyframes with a video. Now in this case I have my Snowflake.mov all nicely easing, and I've got nice animation on it. But I've been neglecting Snowstorm title, which ends at a different point in time. I can Shift+Click to try to see both of them, but sometimes you get into trouble by deselecting a layer accidentally. So the far better way to go is to go ahead and enable Show Graph Editor Set, which means always show a particular parameter whether or not that layer is selected.

Coordinating keyframes

Next I am going to use the Graph Editor to coordinate animation across multiple layers, and also to coordinate keyframes with a video. Now in this case I have my Snowflake.mov all nicely easing, and I've got nice animation on it. But I've been neglecting Snowstorm title, which ends at a different point in time. I can Shift+Click to try to see both of them, but sometimes you get into trouble by deselecting a layer accidentally. So the far better way to go is to go ahead and enable Show Graph Editor Set, which means always show a particular parameter whether or not that layer is selected.

Now turn on the graph editors set for all of the properties I am interested in. Now it doesn't matter whether or not they are selected, I am going to see them. It becomes very easy for me to see that this second position keyframe for Snowstorm Title is landing a bit earlier than all the other ones. If I want to coordinate them, I'll just pick it up and start dragging. I'll add the Shift key to constrain so it keeps a constant speed, and now they end at the same point in time. Now the other thing I've done with all these always keyframes is I've eased them into their final value. Now when you are coordinating multiple animations, it's good that they all have the same interpolation if you want them all to seem to move together and have the same type of movement.

So with this second position keyframe selected, I can either ease in to it, or I can just go ahead and drag it down until its speed is at zero. Again, I might want to do a little bit of playing to keep just a fairly steady state speed across this animation, make sure that it keeps a constant speed starting out, and just lands into its final place. Let's press 0 to RAM preview. Now every one lands together, eases together, a nicely coordinated animation. But while I have been focusing on these layers I've been animating, I haven't really been paying attention to the video, to what's going on there, and there's some very strong action going on.

There is this guy shoveling on the right, but even more important, there is this snowboarder on the left. It'd be really cool if my landings coordinated with that snowboarder. I could do a couple of different things. One, I could slide the snowboarder layer in time so that he lands at the same time that these keyframes are. And actually there is a later lesson in this series that goes over editing layers. Or I can put the Current Time Indicator at the point where the snowboarder hits the ground and then move my keyframes to match that. So let's go ahead and drag the current time indicator and look to see when that snowboarder hits the ground.

I need to zoom out a little bit here in time to see that more, and he seems to kind of start landing right around there, and that's when he really crunches in. So I'd say he is fully hit at about this frame. The next thing I want to do is stretch my animation to go ahead and end at this point in time. Now if I only had two keyframe animations, a starting keyframe and an ending keyframe, I would just need to marquee my ending keyframes and drag them out to this point in time. However, the position has an intermediate keyframe as well.

So this is where I want to take advantage of the trick I showed you earlier, of animating all the keyframes for a particular property as a group. I'll just go ahead and marquee all of these, make sure I've got this one selected and there I have got the whole group now. Now I just press my cursor over the nubbins of this bounding box and drag the whole group out to end at the Current Time Indicator. So about right around there, and it looks like all my curves kept in nice shape. As soon as I clicked off, my display auto-zoomed. I notice I've also got this rotation keyframe, which is now landing early.

I'll drag him out, too. I hold the Shift key after I start dragging to keep same value, and now they are aligned with my Current Time Indicator. I'm going to go ahead and press Shift+1 to place a marker at point in the Timeline, just to remember where that guy landed. 0 to RAM Preview, and now everyone kind of comes in. But you know, it looks like all the layers are landing before the snowboarder is, and there is a good reason for why they don't seem to line up, even though their timings are all the same, and it has to do with interpolation.

The snowboarder is hitting the ground pretty hard. You could say he, in essence, has very little interpolation or very little influence, because we just suddenly whacks in that final value, rather than easing into it. However, all the other layers are gently slowing down to that final keyframe, so they appear to reach their final position much sooner relative to the snowboarder, just because they are slowing down as they get to that last frame. There is a couple of ways of curing this. One would be to shorten the influence handles for all these animations, just to make them hit their final position much harder, like the way the snowboarder is hitting his final position much harder.

Opacity and let's go ahead and edit scale while we're at it. Hold the Shift key to constrain, so I am on a straight path and maybe even tighten this up a little bit, too. There we go. The other thing to do would be to grab those ending keyframes and just nudge them a little bit in time. Now, since they seem to be landing early, I can go ahead and move them as a group later in time to compensate for the fact that they have more ease-in than the snowboarder does.

Let's go ahead and preview that. Now, they all come, boom! I could tweak this further in a couple of different ways. I can continue to work on the influence, for the way that the snowflake lands into position, to better echo the way the snowboarder lands into his final position. Or I can go ahead and cheat the timing a little bit, move it a frame or two earlier or later in time, until it has the right feel, and that's an important thing about animation. Don't get your head locked into numeric perfection when animating layers.

You ultimately have to preview it and see what looks right and what feels right, because things will give you different impressions depending on how they are animating, where they're coming from, and their type of movement. Tools like the Graph Editor are great to get you close, but use your intuition and your gut feeling to get it the rest of the way there.

Show transcript

This video is part of

Image for After Effects Apprentice 03: Advanced Animation
After Effects Apprentice 03: Advanced Animation

32 video lessons · 23045 viewers

Chris Meyer and Trish Meyer
Author

 

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed After Effects Apprentice 03: Advanced Animation.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.