• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 16. Animating with Timelines > Adjusting the Keyframes

Adjusting the Keyframes

Keyframes give you precise control over the movements of your layers. In this exercise, you will use them to make the ship image go through a series of movements and pauses.

1.
Drag the last keyframe of the ship animation bar to frame 40. Hold down Command (Macintosh) or Ctrl (Windows) and move the pointer over the animation bar until it changes to a circle and click the ship animation bar to add new keyframes at frames 10, 15, 20, 25, 30, and 35.

These keyframes are points of change in the movement of the ship layer.

2.
Select the last keyframe in the ship animation bar at frame 40. Drag the ship layer in the document window near the coastline just above the white layer.

This is the ending position of the ship layer.

Your document window should now look similar to the example shown here.

3.
Select the keyframe on the ship animation bar at frame 35 in the Timelines panel and drag the ship layer in the document window just to the right of the white layer. Look at the Property inspector and make a note of the resulting value in the L and T text fields.

This is the fourth position (the seventh keyframe) of the ship layer.

4.
Select the keyframe on the ship animation bar at frame 30 in the Timelines panel, select the ship layer in the document window and change the value in the L and T text fields on the Property inspector to match the value you made a note of in step 3 for the position of the ship layer at frame 35.

The block of five frames between frame 30 and frame 35 will cause the ship layer to pause in the fourth position (the sixth and seventh keyframes).

5.
Select the keyframe on the ship animation bar at frame 25 in the Timelines panel and drag the ship layer in the document window just to the right of the red layer. Look at the Property inspector and make a note of the resulting value in the L and T text fields.

This is the third position (the fifth keyframe) of the ship layer.

6.
Select the keyframe on the ship animation bar at frame 20 in the Timelines panel, select the ship layer in the document window and change the value in the L and T text fields on the Property inspector to match the value you made a note of in step 5 for the position of the ship layer at frame 25.

The block of five frames between frame 20 and frame 25 will cause the ship layer to pause in the third position (the fourth and fifth keyframes).

7.
Select the keyframe on the ship animation bar at frame 15 in the Timelines panel and drag the ship layer in the document window just to the right of the black layer. Look at the Property inspector and make a note of the resulting value in the L and T text fields.

This is the second position (the third keyframe) of the ship layer.

8.
Select the keyframe on the ship animation bar at frame 10 in the Timelines panel, select the ship layer in the document window and change the value in the L and T text fields on the Property inspector to match the value you made a note of in step 7 for the position of the ship layer at frame 15.

The block of five frames between frame 10 and frame 15 will cause the ship layer to pause in the second position (the second and third keyframes).

NOTE

You may want to create a smoother animation, in which the ship does not move in such an angular fashion. To do so, you would need to create more keyframes and adjust the position of the ship layer at each keyframe, as you did when you made the red ship move in a more freeform line earlier in this lesson.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint