Dreamweaver 也能做动画(下)

步骤4：

　　在工具栏上选择Draw Layer按钮（如图8），

图8

　　拖曳鼠标绘制一个层，在层中任意位置单击鼠标后在工具栏上选择Insert Image按钮，在弹出的对话框中选择图片Ball.gif，点击ok按钮。

　　步骤5：

　　鼠标右键单击绘制的层，在弹出菜单中选择Add Timelines（如图9），

图9

　　这样就添加了一根时间线。我们能够在下方的Timelines面板中看到（如图10）。

图10

　　步骤6：

　　我们在Timeline上的最后一帧（第15帧）按下鼠标并拖拽，将最后一帧拖拽到第35帧（如图11）。

图11

　　确认您现在选择了第35帧（假如没有，请用鼠标单击第35帧），然后鼠标拖曳绘制好的层向球门方向运动，并放置在球门上（如图12）。

图12

　　您能够看到一条线段将Ball.gif的起始位置（第1帧的位置）和终点位置（第35帧）连接起来，这就是他的运动轨迹。

　　步骤7：

　　下面来为运动轨迹增加弧度，鼠标右键单击第10帧，在弹出菜单中选择Add Keyframe即可在这一帧添加关键帧（如图13）。

图13

　　确认您现在选择了第10帧，然后鼠标拖曳绘制好的层向球门防线运动，我们能够看到运动的轨迹将按照我们拖曳的位置不同而改变。将图片并放置在合适位置，放置的时候适当考虑球的速度和轨迹。（如图14）。

图14

　　假如想更夸张或更精确的控制运动，能够使用同样的方法添加关键帧并拖曳移动位置即可。

　　步骤8：

　　将Timeline面板的AutoPlay选项和Loop选项后的选择框选中，启动Autopaly选项能够使浏览者一进入页面就看到动画效果（如图15），无需其他事件激活，Loop选项能够使动画循环播放。

图15

　　好了，我们完成了动画效果的制作，您能够按下键盘的F12键来检测动画效果，做进一步的修改。看，漂亮的弧线，球进了！

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有