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

Animating position

From: After Effects Apprentice 02: Basic Animation

Video: Animating position

Now that we know how to edit values, let's make an animation. The first thing I'll do is turn off the rulers in the Comp panel, just to tidy things up. I can also simplify the Timeline by not displaying all of the transformation properties. For instance, since I only want to animate position right now, I can press P for position. The first letter of each transformation name is its shortcut. For instance, press A for anchor point, P for position, S for scale and R for rotation.

Animating position

Now that we know how to edit values, let's make an animation. The first thing I'll do is turn off the rulers in the Comp panel, just to tidy things up. I can also simplify the Timeline by not displaying all of the transformation properties. For instance, since I only want to animate position right now, I can press P for position. The first letter of each transformation name is its shortcut. For instance, press A for anchor point, P for position, S for scale and R for rotation.

The out one out is opacity. O is the shortcut to jump to the out point, so pressing O will jump to the out point of the layer, and I, will jump to the in point. The shortcut for Opacity is T. You can think of it as T for transparency. I like to think of it as T as in Opacity. Now you might want to see more than just one property at a time. So if I press P for position and I also want to see scale, I add the Shift key and go Shift+S. If I want to see opacity, Shift+T. The Shift key also subtracts.

So Shift+T subtracts opacity, Shift+S subtracts scale. Now the advantage of using these shortcuts is not only to simplify the Timeline; it's that when you have a lot of layers, you just won't have the space in the Timeline to show every property all the time. So let's animate position. The first thing I want to point out is the Current Time Indicator. As you move the Current Time Indicator left and right, you are updating the current time of the composition.

The time updates at the bottom of the Comp panel, as well as at the left-hand side of the Timeline. Now the current time is very important to After Effects. As you change values for a layer, it's always made at the current time. So I want to make my first keyframe at 0. A handy shortcut, by the way, if you add another point in time to return to 0, press the Home key on the keyboard. To make my first keyframe, I'm going to toggle on the stopwatch.

The stopwatch is to the left of the word Position. As soon as I toggle it on, it creates the first keyframe at the current point in time with the current value. Now since I want my title to animate from below the comp into position, my first keyframe should position the layer below the comp. Don't forget, as you drag the layer down to add the Shift key, so you only move in the Y axis. You can also edit the Y axis only by scrubbing the value in the timeline.

Now, notice I turned on the stopwatch first and then edited the value. I could have edited the value first and then turned on the stopwatch. It actually doesn't matter which order you things in. But what you do want to watch is for the second keyframe that you move the Current Time Indicator to a later point in time. If you don't do that and you just change the value of the layer, you are just changing the value for the first keyframe. So I am going to undo and make sure I move to a later point in time.

Since I don't really know how fast I want this layer to move, I will just move it to 2 seconds for now. I can change the timing of the keyframe later. To make the second keyframe, all I need to do is to change the value for the current point in time. Again, I can do that by dragging the layer in the Comp panel, by scrubbing the value, or by clicking and typing a precise value. And notice I did not have to turn on the stopwatch or turn on the keyframe icon in the keyframe navigator or do anything else except change the value.

By changing the value, it automatically made a second keyframe for me. Once I have made two keyframes at different points in time with different values, you will notice a motion path appears between the two keyframes. This motion path is a series of dots. Each dot indicates where that layer will be at each frame in the Timeline. Now the motion path is only visible when the layer is selected. So if you deselect the layer, and you don't see the motion path, just select the layer again.

The spacing between the dots is also a good indication of how fast or slow your layer is moving. If the dots are very close together, it's probably moving pretty slow. If they are very spaced apart, it may be moving quite quickly. To preview the layer's animation, the first thing you might want to do is just drag the Current Time Indicator. That gives you a general sense of whether or not the layer is moving the way you intended. However, to see it moving in real time, you will have to initiate a preview.

There are two types of preview. The Standard Preview you initiate a clicking Play or by clicking the Spacebar. Now the Standard Preview shows you the motion path and the layer handles and there are a couple of other interface items, and that can be useful. But it's more usual to initiate a RAM Preview. At the right-hand side of the Preview panel, click the RAM Preview button. Since I had already done a standard preview; it didn't take After Effects anytime at all to do a RAM Preview. You will notice that it's a clean preview.

It doesn't show you the motion path, and it tends to be better optimized. Normally, the RAM preview will always play in real time, unless your composition is very large and your computer is very slow. If that's the case, it will display what frame rate it's currently playing back at. Now I can see that my animation is a little slow. I might like to speed it up. For instance, if I drag the second keyframe earlier in time, that will make the animation go faster. You will notice now when I RAM-preview, the first time it cached the frames it actually played faster than real time.

That's because it's a very simple animation. Normally, the first time you RAM-preview, it will go slower than real time as it's caching the frames. Now I feel it's going a little fast. As you are moving the second keyframe, there are two ways of knowing what time it'll be at. You can drag it and then in the Info panel, it will update the keyframe time. The method I like to use is to move the Current Time Indicator to the position I'd like the keyframe to be at.

And then as I drag the keyframe, I add the Shift key, and it will snap to the Current Time Indicator. The Shift key makes everything snap to everything else. For instance, the Current Time Indicator will snap to the keyframe if I add Shift. So I will RAM-preview again, and I think I like this tempo. Now, I also wanted to point out the keyframe navigator. This exists on the left-hand side, underneath the AV features column. The AV features is the video switch, audio switch, solo switch, and lock switch.

I like to drag this column to the right-hand side, so that the keyframe navigator appears right beside the keyframes. Now, why is this useful? Well, the keyframe navigator allows you to click an arrow to jump amongst your keyframes. You can go to the next keyframe or the previous keyframe. It's very important when you're editing values to make sure you're parked directly on the keyframe. If you just drag the Current Time Indicator and get a little sloppy and end up one frame off, when you edit this value, you will actually just create an extra keyframe that you don't want. Let me undo.

So another reason to add the Shift key is to make sure that when you land on a keyframe, you actually park directly on top of the keyframe. You will notice that when you are parked on a keyframe, the keyframe navigator will be lit up in yellow. When you're in between keyframes, it will be grayed out. So use the keyframe navigator to jump between keyframes and make sure you're parked directly on top of the keyframe before you edit its value. So now that I'm happy with my animation, I am going to save it, and we will move on.

In this case, I'll do Increment and Save. This will update version 2 to version 3, and will save the project in the same folder as version 2.

Show transcript

This video is part of

Image for After Effects Apprentice 02: Basic Animation
After Effects Apprentice 02: Basic Animation

29 video lessons · 31879 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 02: Basic 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 preferencesfrom 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.