荔园在线
荔园之美，在春之萌芽，在夏之绽放，在秋之收获，在冬之沉淀
[回到开始]
[上一篇][下一篇]
发信人: Mill (����), 信区: Homepage
标 题: 编写多媒体网页的精灵Dreamweaver(8)<CBINEWS>
发信站: BBS 荔园晨风站 (Thu Dec 24 18:29:34 1998), 站内信件
一般的用户只需要了解怎样在时线上设置和修改项目就可以完成不错的动画了。
图一中有两个项目，分列于两栏，表明这两个项目是同步的。如果想要一个项目在
另一个项目执行指挥执行，简单的方法是将项目用鼠标拖动到另一个的后方，当然
也可以用同样的方法将一个项目拖动到另一个的下方使之与另一个并列。项目条是
淡紫色的，选择整个项目后项目条会变成灰紫色。选整个项目的时候不要点项目条
上的圆点，这些圆点是项目的关键帧，我们可以设置关键帧来完成整个动画。要改
变关键帧的位置，可以用鼠标直接拖动这些圆点。要使整个项目执行的时间长一些
就要向右拖动最后一个圆点，这时整个关键帧的位置都会改变。如果需要还要对各
关键帧的位置重新调整。另一种定量改变项目长度的方法是点击右键选择“Add Frame”
来增加项目长度，选“Remove Frame”来缩短项目长度。如果要改变一个项目开始
的位置可以拖动这个项目的第一个关键帧，这时项目会缩短，如果不想改变项目的
长度可以点住整(缺一段)"dd Object”和“Remove Object”命令。所有这些命令
都可以在“Modify”菜单中找到。
下面我通过一个简单的例子展示用时线编辑动画的具体步骤。为了使动画更生
动，我选择了一幅GIF动画（当然也可以用时线一帧一帧地做图片动画，这里选择
了一幅现成的图片，另外用时线面板做的动画文件要小，因为一般情况下可以用
jpg图片串接成一幅动画），然后指定其运动的路径来达到动感十足的页面效果。
首先建立一个层，在这个层中加入选中的GIF图片，在用Dreamweaver编辑的时候，
GIF的动画是不会动起来的，最后的效果要在浏览器中modify菜单的“Add Object
To Timeline”命令）。这时的时线面板增加了新的项目，并且这个项目被选中，
如图三。这时只有两个关键帧，要做一幅完整的动画是不够的，所以还要加入新
的关键帧。我们再按照上面的方法加入四个关键帧。然后选中整个项目，将层移动
到初始位置。下面我们为这幅图片设置运动路径。首先选择最后一个关键帧，将图
层移动到动画dreamweaver的时线面板制作动画，调节时间就方便多了。如果感觉
动画不够连贯可以增加每秒的帧数。完成以后会发现天鹅飞到目的地后又跳回到起
始位置重新开始，如果让天鹅绕一个圈飞回来效果会好一些。因此我又使用Adobe
ImageReady 将原始动画一帧一帧地翻转过来构成新的动画。然后回到Dreamweaver
中增加一些关键帧，使飞行路线成为一条封闭圆滑的曲线。还有一个问题需要解决，
使天鹅飞到左边后改变动画文件源，接下来的飞行使用新做的GIF动画。我们可以
这样做，选中图层中的GIF图片，选Modify菜单阕⌒孪钅渴蛊湓诔跏嘉恢每肌Ｈ缤剂Ｐ?
南?
目有两个关键帧，对这幅动画已经足够了。将第二个关键帧的位置调整到层的第六
帧，也就是图层运动到最左边的位置。选中这一帧，在属性面板中将图片的源位置
(“src”)改为刚刚做的GIF动画名。整个动画完成。最后的时线面板如图七
--
--
__________ 欢 迎 光 临 黑客版 ◤
┏━━━━━━━━━━━━━┯┓
┃ 弃我去者,昨日之日不可留, ┕┫
┃ 乱我心者,今日之日多烦忧。 ┃
┗━━━━━━━━━━━━━━┛
※ 来源:．BBS 荔园晨风站 bbs.szu.edu.cn．[FROM: 192.168.0.143]
[回到开始]
[上一篇][下一篇]
荔园在线首页 友情链接：深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店