Flash网页设计教程 教学课件 作者 王爱红 石琳 6.ppt

《Flash网页设计教程 教学课件 作者 王爱红 石琳 6.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、本章简介：在FlashCS3动画的制作过程中，时间轴、帧和层起到了关键性的作用。读者通过学习要了解并掌握如何灵活地应用帧、时间轴和不同性质的层，并根据设计需要制作出丰富多彩的动画效果。本章将介绍动画中帧、时间轴以及层的使用方法及应用技巧，读者通过学习要了解并掌握这些的强大功能，为自己的动画设计作品增光添彩。第6章　掌握FlashCS3强大的动画制作功能课堂学习目标帧与时间轴帧动画形状补间动画动作补间动画色彩变化动画层、引导层与运动引导层的动画遮罩层与遮罩的动画制作分散到图层时间轴特效与场景动画6.1帧与时间轴帧的概念帧的显

2、示形式时间轴面板绘图纸（洋葱皮）功能在时间轴面板中设置帧医学证明，人类具有视觉暂留的特点，即人眼看到物体或画面后，在1/24秒内不会消失。利用这一原理，在一幅画没有消失之前播放下一幅画，就会给人造成流畅的视觉变化效果。所以，动画就是通过连续播放一系列静止画面，给视觉造成连续变化的效果。在FlashCS3中，这一系列单幅的画面就叫帧，它是FlashCS3动画中最小时间单位里出现的画面。每秒钟显示的帧数叫帧率，如果帧率太慢就会给人造成视觉上不流畅的感觉。所以，按照人的视觉原理，一般将动画的帧率设为24帧/秒。6.1.1帧的概念

3、6.1.2帧的显示形式空白关键帧在时间轴中，白色背景带有黑圈的帧为空白关键帧。关键帧在时间轴中，灰色背景带有黑点的帧为关键帧。动作补间帧在时间轴中，带有黑色圆点的第1帧和最后1帧为关键帧，中间蓝色背景带有黑色箭头的帧为补间帧。形状补间帧在时间轴中，带有黑色圆点的第1帧和最后1帧为关键帧，中间绿色背景带有黑色箭头的帧为补间帧。包含动作语句的帧在时间轴中，第1帧上出现一个字母“a”，表示这1帧中包含了使用“动作”面板设置的动作语句。帧标签在时间轴中，第1帧上出现一只红旗，表示这一帧的标签类型是名称；第1帧上出现两条绿色斜杠，表

4、示这一帧的标签类型是注释；第1帧上出现一个金色的锚，表示这一帧的标签类型是锚记。“时间轴”面板由图层面板和时间轴组成。“时间轴”面板6.1.3时间轴面板一般情况下，FlashCS3的舞台只能显示当前帧中的对象。如果希望在舞台上出现多帧对象以帮助当前帧对象的定位和编辑，FlashCS3提供的绘图纸（洋葱皮）功能可以将其实现。在时间轴面板下方的按钮功能如下。6.1.4绘图纸（洋葱皮）功能“帧居中”按钮：单击此按钮，播放头所在帧会显示在时间轴的中间位置。“绘图纸外观”按钮：单击此按钮，时间轴标尺上出现绘图纸的标记显示，在标记范围

5、内的帧上的对象将同时显示在舞台中。“绘图纸外观轮廓”按钮：单击此按钮，时间轴标尺上出现绘图纸的标记显示，在标记范围内的帧上的对象将以轮廓线的形式同时显示在舞台中。“编辑多个帧”按钮：单击此按钮，绘图纸标记范围内的帧上的对象将同时显示在舞台中，可以同时编辑所有的对象。“修改绘图纸标记”按钮：单击此按钮，弹出其下拉菜单。6.1.5在时间轴面板中设置帧插入帧选择“插入>时间轴>帧”命令，或按F5键，可以在时间轴上插入一个普通帧。选择“插入>时间轴>关键帧”命令，或按F6键，可以在时间轴上插入一个关键帧。选择“插入>时间轴>空白关

6、键帧”命令，可以在时间轴上插入一个空白关键帧。选择帧选择“编辑>时间轴>选择所有帧”命令，选中时间轴中的所有帧。单击要选的帧，帧变为深色。用鼠标选中要选择的帧，再向前或向后进行拖曳，其间鼠标经过的帧全部被选中。按住Ctrl键的同时，用鼠标单击要选择的帧，可以选择多个不连续的帧。按住Shift键的同时，用鼠标单击要选择的两个帧，这两个帧中间的所有帧都被选中。移动帧选中一个或多个帧，按住鼠标，移动所选帧到目标位置。在移动过程中，如果按住Alt键，会在目标位置上复制出所选的帧。删除帧用鼠标右键单击要删除的帧，在弹出的菜单中选择“

7、清除帧”命令。选中要删除的普通帧，按Shift+F5组合键，删除帧。选中要删除的关键帧，按Shift+F6组合键，删除关键帧。6.2帧动画帧动画逐帧动画课堂案例——制作逐帧动画第1帧6.2.1帧动画第5帧第9帧第12帧时间轴面板中设置关键帧的状态第1帧6.2.2逐帧动画第2帧第3帧第4帧时间轴面板中设置关键帧的状态第5帧使用添加关键帧命令和创建补间动画命令制作动画。使用变形面板改变图形大小。效果图6.2.3课堂案例——制作逐帧动画6.3形状补间动画简单形状补间动画应用变形提示课堂案例——制作下载条如果舞台上的对象是组件实例

8、、多个图形的组合、文字、导入的素材对象，必须先分离或取消组合，将其打散成图形，才能制作形状补间动画。利用这种动画，也可以实现上述对象的大小、位置、旋转、颜色及透明度等变化。6.3.1简单形状补间动画形状补间动画变化过程使用变形提示，可以让原图形上的某一点变换到目标图形的某一点上。应用变形提示可以制作出各