网页设计与制作 第十七章讲稿.pptVIP

《网页设计与制作教程》 作者：孟显勇 北京理工大学出版社 第十七章 Flash动画 Flash软件的三大基本功能是补间动画、绘图和遮罩，它们是Flash软件的基础。其中补间动画是Flash的核心功能，使用补间动画可以自动生成动画一些中间画面，简化了动画制作过程，提高了动画制作效率。 Flash动画主要分为逐帧动画和补间动画。 17.1 补间动画 补间动画是在起始帧和终止帧之间自动生成动画的一种动画制作方式。补间动画是一种计算机自动生成的动画。 补间动画分为动作补间和形状补间两种形式。  17.1.1 制作补间动画 【例17-1】制作了一个补间动画，创建补间动画过程如下： 首先创建一个新的Flash文档，选择菜单栏的【文件】→【新建】→【Flash文档】，点击确定创建。 用鼠标点击图层1的第一帧，表示选中图层1的第1帧，将要在此帧的舞台上添加对象。 17.1.1 制作补间动画 选择Flash绘图工具栏中的椭圆工具，然后在“椭圆”工具属性面板中设置“椭圆”工具的笔触颜色为黑色，填充颜色为蓝色。将鼠标移动到舞台中央绘制一个圆，按住shift键并拖曳鼠标即可实现。 选择Flash绘图工具栏中的“选择”工具，将鼠标移动到舞台并框选刚绘制的蓝色圆，然后选择菜单栏【修改】→【转换为元件】，弹出元件定义对话框，元件命名为“蓝色圆”，并设置为图形元件。 17.1.1 制作补间动画 将鼠标移动到图层1的第60帧，然后点击右键，选择“插入关键帧”，这时在第1帧与第60帧之间由Flash软件自动插入普通帧。 选中第1帧，然后将舞台上的蓝色小球移动到舞台的左侧，再选中第60帧，并将舞台中的蓝色小球移动到舞台右侧。 在第1帧到第60帧之间选择任意一帧，然后点击右键，选择“创建补间动画”，得到如图17-1所示的动画。 图17-1 补间动画 17.1.1 制作补间动画 选择菜单栏的【控制】→【测试影片】，可以看到一个蓝色的小球从左边移动到右边。上述动画制作过程中仅绘制两个帧的舞台内容，即起始关键帧和终止关键帧。其它中间的普通帧的内容由Flash软件自动生成。 17.1.1 制作补间动画 分解上述动画，小球起始位置在左侧，终止位置在右侧，要产生从左到右的动画效果，中间帧必须在舞台上绘制小球所处的一些中间位置，如图17-2所示Flash生成的第30帧位置。 图17-2补间动画第30帧舞台中小球的位置 17.1.1 制作补间动画 Flash可以制作各种类型的补间动画，补间动画是Flash主要的动画实现技术，下面我们讲到的形状动画、移动动画、旋转动画、引导线动画和遮罩动画，都可以使用补间动画这种动画制作技术来实现。 17.2 Flash动画制作 Flash按照实现动画技术可以分为逐帧动画和补间动画，按照动画的效果可以分为移动动画、形状动画、旋转动画、引导线动画和遮罩动画。 大多数Flash动画都会包括多种动画效果。 17.2.1 移动动画 移动动画就是指动画中的对象有位置移动的动画。制作移动动画的关键是确定起始帧舞台图形的位置和终止帧舞台图形的位置。制作移动动画的对象可以是线条、图形、文字或位图等对象。 下面制作一个移动动画，【例17-2】制作了一个文字移动动画，主要步骤如下： 17.2.1 移动动画 创建一个新的Flash文档，选择菜单栏的【文件】→【新建】→【Flash文档】，点击确定创建。 用鼠标点击图层1的第1帧，表示选中图层1的第1帧，将要在此帧的舞台上添加对象。选择Flash绘图工具栏中的“文本”工具，然后在“文本”工具属性面板中设置文本工具。设置文字大小为38，文字颜色为蓝色，字体为“华文琥珀”，文字加粗，水平布局选择左对齐。 17.2.1 移动动画 将鼠标移动到舞台中央输入文字“Flash移动文字”。 选择Flash绘图工具栏中的“选择”工具，将鼠标移动到舞台并“框选”刚输入的文字对象，然后选择菜单栏的【修改】→【转换为元件】，弹出元件定义对话框，元件命名为“文字”，并设置为图形元件。 17.2.1 移动动画 将鼠标移动到图层1的第60帧，然后点击右键，选择“插入关键帧”，这时在第1帧与第60帧之间由Flash软件自动插入普通帧。 选中第1帧，然后将舞台上的文字对象移动到舞台的右下角，再选中第60帧，并将舞台中的文本对象移动到舞台左上角。 在第1帧到第60帧之间选择任意一帧，然后点击右键，选择“创建补间动画”，得到如图17-3所示的动画。 图17-3 文字移动动画 17.2.1 移动动画 选择菜单栏的【控制】→【测试影片】，可以看到文字对象从右下角移动到左上角。 17.2.2 形状动画 形状动画是指动画中对象的形状有所改变的动画。形状动画的关键是定义起始帧舞台对象的形状和终止帧舞台对象的形状。 形状动画分两种类型： 一