Changing image and layer properties with timelines

In addition to moving layers with timelines, you can change the visibility, size, and stacking order of a layer; you can also change the source file of an image.

To change image and layer properties with a timeline:

1. In the Timelines panel, do one of the following:
   • Select an existing keyframe in the bar controlling the object you want to change. (The start and end frames are always keyframes.)
   • Create a new keyframe by clicking a frame in the middle of the animation bar and choosing Modify > Timeline > Add Keyframe. You can instead create a new keyframe by Control-clicking (Windows) or Command-clicking (Macintosh) a frame in the animation bar.
2. Define new properties for the object by doing one of the following:
   • To change the source file of an image, click the folder icon next to the Src text box in the Property inspector, then browse to and select a new image.
   • To change the visibility of a layer, select inherit, visible, or hidden from the pop-up menu in the Vis text box of the Property inspector. Alternatively, use the eye icons in the Layers panel. See Changing layer visibility.
   • To change the size of a layer, drag the layer’s resize handles or enter new values in the Width and Height text boxes in the Property inspector. Not all browsers can dynamically change the size of a layer.
   • To change the stacking order of a layer, enter a new value in the Z-Index text box or use the Layers panel to change the stacking order of the current layer (see Changing the stacking order of layers).
3. Hold down the Play button to see the animation.