|
Creating a timeline animation
The first step to creating an animation in Dreamweaver is adding the object you're animating to the timeline.
To add a layer to a timeline:
Moving a layer
Adding a layer to a timeline automatically places the layer in a timeline and adds a beginning and ending keyframe. If you click each of these keyframes you'll see the object looks the same in both frames. To create a motion path for the animation, you must select the ending keyframe, then change the layers position in the document.
To set an animation path:
| 1 |
In the Timelines panel, click the end keyframe marker at the rightmost position of the animation bar. |
|
The playback head moves to the frame. |
| 2 |
In the Document window, move the layer to the position where you want it displayed when the animation ends.
 |
|
In the Document window, you see a line showing the animation path. |
| 3 |
In the Timelines panel, select Autoplay so the animation automatically plays when the page loads in the browser window. If a Play Timeline information dialog box appears, click OK. |
| 4 |
To preview the animation in the Document window, click the keyframe, and then drag the playback head to the right. |
|
The layer moves across the Document window following the path you set. |
| 5 |
Press F12, to preview the animation in a browser. |
 |
|
|
