Creating Motion Graphics in Adobe® Premiere Pro

Keyframing Position

Your browser needs to be JavaScript capable to view this video

Try reloading this page, or reviewing your browser settings

This video segment shows how to add keyframes to change the Position over time and create a simple animation.

Keywords

  • premiere pro
  • adobe
  • motion graphics
  • animation
  • keyframes
  • moving
  • panning

About this video

Author(s)
Navin Kulshreshtha
First online
31 January 2019
DOI
https://doi.org/10.1007/978-1-4842-4465-4_3
Online ISBN
978-1-4842-4465-4
Publisher
Apress
Copyright information
© Navin Kulshreshtha 2019

Video Transcript

[Audio Starts at 00:00:00]

Kulshreshtha: So we are going to start by animating position and I have selected the compass clip here in the timeline and that will reveal its properties in the effect controls panel and we are going to create something called key frames and all of that is going to happen in the effect controls panel in a timeline that’s actually inside of the effect controls panel. Now if for some reason you’re not able to see this timeline I sometimes call this the mini timeline. If I move the play head here in the mini timeline you’ll see that it’s linked to the main timeline. If for some reason you’re not able to see it then in the top right corner of the effect controls panel there is a little triangle called show hide timeline, you can click on that and that should reveal the timeline.

I’m also going to expand the timeline a little bit because I don’t need that much room for the properties. Now just to simplify the timeline a little bit I am going to zoom out and the top four clips here in the timeline I am going to move them out of the way and then we’ll bring them into the animation one clip at a time. This is going to simplify things. Also to begin with the background which is on track one is still at the beginning of the timeline and I’m going to do something very simple I’m going to right click the very beginning of the clip to apply the default transition which is a cross dissolve and that’s simply going to fade in from black.

Now we’re going to animate the compass clip next and I would like this to begin in the timeline at exactly one second and so I’d like to move my play head to one second and of course I could do this manually by dragging or using my arrow keys but I find the most precise way of doing it is to click the play head position and then typing in one dot. This will take me to exactly one second. Now if you just type in one if you click here and type in one it will take you to one frame which is not what we want so to go to one second you can type in one dot or some people like to type in 100 or even 1:00 but I find the easiest way is just to do one dot that will take me to exactly one second and now I can take the compass clip and move it in the timeline so that it snaps to the play head. When the compass clip is selected I can see its properties in the effect controls panel.

Now what we’re going to do with the compass, with the word compass is that it’s going to start off screen so above the screen and then move into position. So we need to animate the position property and the way it all begins is by clicking the toggle animation button so this little stopwatch is how you start animating a property. So I’m going to click here. When you click on the stopwatch button Premiere Pro will automatically create a little diamond inside of the mini timeline.

This little diamond is called a key frame and in order to have an animation there needs to be at least two key frames so this key frame represents the starting position of the word compass and as I mentioned I want it to be off-screen so I am going to change the y position or the vertical position of the word compass and I’m going to be doing this manually and I’m going to move it just off-screen so it’s around minute four so this key frame represents the starting position of the word compass and now I want to move ahead exactly ten frames and of course I could do this manually by dragging the play head but there’s a little trick.

If I go to the play head position I’m going to click on this number again and if I type in plus ten and then if I hit return or enter on my keyboard it will advance me exactly ten frames and take me to one second and ten frames so this is great. Now back here in the effect controls panel I want to create a second key frame and there’s a button for that. It’s a little diamond button that’s called the add/remove key frame button so when I click it it’s going to add another key frame. Now this key frame actually has the same value as the first key frame which is minus four which means that the word compass is still off-screen. Now I need to bring it back to its original position. If I remember the original position I could just manually type it in but I don’t remember it so the fastest way to bring it back to its original position is simply to click on the reset button.

When I click on the reset parameter button it’ll bring the position value back to 540 and now the word compass is back on screen and now if I play between the two key frames you’ll notice that Premiere Pro has created a smooth animation. All I had to do was to create a starting key frame and an ending key frame and then Premiere Pro does the rest. And so now we are going to animate the word travels in a similar manner so down here in the main timeline I’m going to go to exactly two seconds by typing in two dot then I’m going to bring the travels layer or the travels clip into the timeline so that it snaps to the play head. When the travels clip is selected we’re able to see its properties in the effect controls panel. Now we’re going to be animating this in a slightly different manner because the word travel is going to start off-screen and then move onscreen from below.

To start animating I’m going to click on the toggle animation button, the little stopwatch icon that’s going to create the first key frame which represents the starting position of the word travels which is off-screen so I’m going to change the y position and I’m going to just kind of manually move it off-screen so that it’s just off-screen. The value happens to be around a thousand and forty. Now I want to move ahead ten frames so I’m going to click on the play head position and I’m going to type in plus ten then hit return and now I need to create a second key frame here in the effect controls panel and I need to bring it back to its original value.

There’s actually a really great shortcut that will do both steps at one time. If you manually change or if you change the y position Premiere Pro is going to automatically create a key frame for you and so if I just click on the reset parameter button it’ll reset the value back to its original and it’ll create a key frame for that value so now I have my starting position, my ending position inside of the two key frames and Premiere Pro will create a smooth animation between the two of them so now if we take a look at the animation it’s a very good start.