Moving a layer using a timeline animation
The most common kind of timeline animation involves moving a layer along a path.
Timelines can move only layers. To make images or text move, create a layer
using the Draw Layer button on the Insert bar and then insert images, text,
or any other type of content in the layer (see Creating layers on your page).
Timelines can also change other attributes of layers and images; for more information, see Changing image and layer properties with timelines.
To animate a layer using a timeline:
Move the layer to where it should be when the animation begins.
Choose Window > Others > Timelines.
Select the layer you want to animate.
Make sure you have selected the desired element. Click the layer marker or the
layer selection handle, or use the Layers panel to select a layer. For more
information, see Manipulating layers. When a layer is selected, handles appear
around it as shown in the following illustration.
Clicking inside the layer places a blinking insertion point inside the layer, but it does not select the layer.
Choose Modify > Timeline > Add Object to Timeline or simply drag the
selected layer into the Timelines panel.
A bar appears in the first channel of the timeline. The name of the layer appears
in the bar.
Click the keyframe marker at the end of the bar.
Move the layer on the page to where it should be at the end of the animation.
A line appears showing the path of the animation in the Document window.
If you want the layer to move in a curve, select its animation bar and Control-click
(Windows) or Command-click (Macintosh) a frame in the middle of the bar to add
a keyframe at the frame you clicked, or click a frame in the middle of the animation
bar and choose Add Keyframe from the context menu.
Repeat this step to define additional keyframes.
Hold down the Play button to preview the animation on the page.
Repeat the procedure to add additional layers and images to the timeline and
to create a more complex animation.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100