您现在的位置： 星云电脑教程 >> 电脑教程 >> 网页制作 >> Dreamweaver >> 正文
时线制作的简单的例子Dreamweaver
下面我通过一个简单的例子展示用时线编辑动画的具体步骤。为了使动画更生动，我选择了一幅GIF动画（当然也可以用时线一帧一帧地做图片动画，这里选择了一幅现成的图片，另外用时线面板做的动画文件要小，因为一般情况下可以用jpg图片串接成一幅动画），然后指定其运动的路径来达到动感十足的页面效果。首先建立一个层，在这个层中加入选中的GIF图片，在用Dreamweaver编辑的时候，GIF的动画是不会动起来的，最后的效果要在浏览器中才能看到。在建立的层中插入图片后的效果如图b二。然后我们选中这个层将它加入时线中（使用Modify菜单的“Add Object To Timeline”命令）。
这时的时线面板增加了新的项目，并且这个项目被选中，如图b三。这时只有两个关键帧，要做一幅完整的动画是不够的，所以还要加入新的关键帧。我们再按照上面的方法加入四个关键帧。然后选中整个项目，将层移动到初始位置。下面我们为这幅图片设置运动路径。首先选择最后一个关键帧，将图层移动到动画终结的位置上，这时出现一条动画运动的路径，如图b四所示。然后选择倒数第二个关键帧将图层移动到相应的位置上，这时运动路径也会跟着变化。接着我们依次对倒数第三、倒数第四个关键帧做类似的设置。如果感觉路径的形状不理想，可以选中有关的关键帧重新设置。完成以后的路径和时线面板如图b五，图中显示的是第三帧。这时的效果是天鹅沿选定的路径飞行，飞行的速度可以通过改变时线面板上的项目长度进行调整，以使天鹅展翅的速度和飞动的速度相一致。如果用Dreamweaver的时线面板制作动画，调节时间就方便多了。
