网页制作基础教程 第2版 作者 邓振杰 第13章.pptVIP

第13章 美化网页　 本章学习目标 13.1　Flash动画概述　13.2　Flash CS3简介　 13.3　利用Flash CS3制作网页动画　 13.1 Flash动画概述 动画的一些基本概念 1．帧（Frame） Flash在制作动画时，是由若干个帧来组成一个动画效果的。帧是装载Flash作品内容、进行Flash作品播放的基本单位，也是Flash动画的基本组成元素。Flash的时间轴面板上的每一小块代表一帧。帧的类型有：关键帧、静止帧和中间过渡帧，其含义如下。 ① 关键帧 ② 静止帧 ③ 中间过渡帧 2．组件（Symbol）与实例（Instance） 组件只是一种人为的规范，它指的是动画中一些出现频率较高的物件对象。组件通常存放在图库中，使用时再把它从图库中拖曳出来。有人把组件形象地比喻为存储起来的演员，随时可以调出来扮演角色。 把组件从图库中拖曳到舞台工作区中，就得到了组件的一个实例。可以把组件想象成一个源文件，它的实例就是它在不同地方的复制。 3．层（Layer） 层是为了方便操作者制作复杂的Flash动画作品引入的一种手段。 4．场景（Scene） 一个Flash作品可以由若干个场景组成，每个场景都分别拥有各自独立的动画内容。每个场景中的层和帧均相对独立。 5．影片（Film） 一个或几个场景就可以构成一个影片。 13.2 Flash CS3简介 13.2.1 Flash CS3的新增功能 1．Adobe界面 2．丰富的绘图功能 3．Photoshop和Illustrator导入 4．将动画转换为ActionScript 5．其它方面 13.2.2 认识Flash CS3界面 1．启动Flash CS3 启动Flash CS3，打开开始页，如图13-1所示。单击“Flash文档”超链接，即可进入Flash CS3工作界面. Flash CS3的界面由以下几个部分组成： （1）菜单栏。除了绘图命令以外的绝大多数命令都可以在菜单栏中实现。其使用方法与Windows的菜单栏的使用方法基本上相似. （2）常用工具栏。 （3）控制工具条。 （4）工具栏。 （5）舞台。 （6）属性面板。 （7）时间轴面板（也称时间线面板）。 时间轴面板包括两个区域：图层操作区和帧操作区。 2．Flash CS3中的一些基本操作 （1）帧的操作。 ① 改变帧的播放速率。 ② 帧的选择。 ③ 插入各种类型的帧。 ●插入静止帧。 ● 插入关键帧。 ● 插入空白关键帧。 ④ 复制帧。 ⑤ 删除帧。 （2）图层的操作。 ① 插入图层。 ② 图层的重命名。 ③ 调整图层的顺序。 ④ 删除图层。 （3）场景的操作。 ① 插入场景。 ② 场景的更名。 ③ 当前场景的切换。 ④ 删除场景。 13.3 利用Flash CS3制作网页动画 13.3.1 Flash动画的类型 Flash动画分为两种类型：逐帧动画（frame-by-frame animation）和补间动画（tweend animation）。 逐帧动画是由位于时间轴上的同一动画轨道上的一个连续的关键帧序列组成。对于该序列中的每一帧中的内容都可以单独地进行编辑。在播放时，按顺序逐帧地进行播放而产生动画的效果。 补间动画又称过渡动画，这种动画类型只需要用户绘制有限的关键帧，关键帧之间的过渡帧（即“间”）是由Flash CS3自动生成的（即“补”）。补间动画有两种类型：动作补间和形状补间。 13.3.2 Flash动画的制作 1．创建补间动画 Flash CS3制作滚动字幕的方法，具体操作过程如下 （1）在Flash CS3窗口中执行主菜单中的“文件”→“新建”命令，打开“新建文档”对话框，选择类型为“Flash文件（ActionScript 3.0）”单击“确定”按钮；或单击常用工具栏上的“新建”按钮，建立一个的新动画。 （2）在文档属性面板中单击“大小”右侧的“文档属性”按钮（图13-8所示），打开“文档属性”对话框。设置电影“标题”为text“尺寸”为600像素×25像素；设置“背景色”为白色（＃FFFFFF）；设置动画的“帧频”为8 fps（值越小动画播放越