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

Using Keyframes

All animations are controlled by keyframes. Keyframes are the pivotal instances that define what happens in the animation. After you place a layer on the timeline, you use keyframes to control the movement of that layer on the page. A keyframe marks a point in the animation when a change is made to specified properties (such as position or size) for the layer. Dreamweaver interpolates values—that is, it creates the values needed for all frames between keyframes in order to come up with the path of the layer. The path line that is automatically generated between the keyframes is based on the values and locations of the layers at the keyframes.

By default, there will always be a beginning keyframe and an ending keyframe, which are indicated by open circles at the beginning and end of the animation bar. An animation with only these two keyframes will move in a straight line. To create an animation that doesn't move in a straight line, you need to add keyframes at other frames in the timeline.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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