网页设计与制作第十七章讲稿精品PPT课件

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