形状补间动画课件

1、Flash 二维动画设计教育技术学专业陇东学院信息工程学院教学目的和要求理解形状补间动画的概念掌握形状补间动画的制作条件掌握形状补间动画的制作形状提示符的使用第7单元 形状补间动画陇东学院信息工程学院教学重点和难点逐帧动画的制作条件逐帧动画的制作形状提示符的使用第7单元 形状补间动画陇东学院信息工程学院主要内容 理解逐帧动画的概念掌握逐帧动画的制作条件掌握逐帧动画的制作形状提示符的使用第7单元 形状补间动画陇东学院信息工程学院形状补间动画跟运动补间动相似，但它们最大的区别是：运动补间动画主要是指对象位置的移动，而形状补间动画是指对象形状的变化。7.1 形状补间动画概述陇东学院信息工程学院制作形

2、状补间动画需要具备以下三个条件：（1）至少有两个关键帧。（2）两个关键帧中包含必要的矢量图形、打散的文字和矢量化的位图等元素。（3）设置了“形状补间”的动画方式。对于要进行形变处理的实例、组合、文本块或位图，必须先单击菜单“修改-分离”命令，使之变成分离、打散的图形，然后才能进行变形。7.1.1 形状补间动画陇东学院信息工程学院（1）在时间轴窗口单击图层名称，使其成为活动图层，然后选择一个空白的关键帧作为动画开始帧。（2）在动画的第一帧上创建或放置插图（图形对象或者分离的组、位图、实例或文本块）。要获得最佳效果，帧中应当只包含一个项目。（3）在开始帧后面的若干帧处插入一个空白关键帧，把它作为变

3、形的第2个关键帧，这一帧一定要与起始帧在同一图层上。7.1.2 创建形状补间动画步骤陇东学院信息工程学院（4）在第2个关键帧中创建变形后的图形，可执行以下操作之一：修改插图的形状、颜色、不透明度或位置。删除该插图，然后在第二个关键帧中放入新的插图。（5）在时间轴上单击第1关键帧，然后在属性检查器的“补间”下拉列表框中选择“形状”选项，如图7.1.1所示。图7.1.1 选择“形状”选项后的属性检查器7.1.2 创建形状补间动画步骤陇东学院信息工程学院（6）选择一个“混合”选项，有以下两种选择：（7）拖动“缓动”滑块或在文本框中输入一个值，以调整补间之间的变化速率。默认情况下，补间帧之间的变化速率

4、是不变的。缓动可以通过逐渐调整变化速率创建更加自然的变形效果。7.1.2 创建形状补间动画步骤陇东学院信息工程学院形状提示符是一个有颜色的实心小圆，上面标志着小写的英文字母，用于识别起始形状和结束形状中相对应的点。它的工作原理是，在变形的初始图形与结束图形上分别指定一些形状提示点，并使这些点在起始帧中和结束帧中一一对应。7.1.3 使用形状提示符陇东学院信息工程学院在Flash中最多可以使用26个形状提示点，分别用字母az表示。起始关键帧上的形状提示点是黄色的，结束关键帧的形状提示点是绿色的，而当不在一条曲线上时，形状提示点为红色。7.1.3 使用形状提示符陇东学院信息工程学院使用形状提示符的

5、操作步骤如下：（1）打开一个变形过渡动画，选择第1个关键帧。（2）选择“修改-形状-添加形状提示”命令，这时在舞台中将出现一个红色的形状提示点，标识字母为a。（3）将形状提示点移到希望标记的位置。7.1.3 使用形状提示符陇东学院信息工程学院（4）选择变形过渡动画的最后一个关键帧，可以看到在最后一帧的图形上也有一个红色的标为a的形状提示点。（5）把这个形状提示点移到相应的位置，形状提示点将变为绿色。这时如果单击第1帧，可以看到形状提示点变为黄色。（6）播放动画，可以看到在起始关键帧中标记的点，变形后是在结束帧中标记的位置。（7）重复以上步骤，根据需要添加其他形状提示点。7.1.3 使用形状提示符陇东学院信息工程学院7.2 形变补间动画应用实例7.2.1 实例一：太阳变月亮1创建电影文件。2绘制太阳和月亮。3形变动画的制作。4保存并测试电影文件。陇东学院信息工程学院7.2.2 实例二：XYZ变换1创建电影文件。2制作字母“X”变“Y”的形变效果。3制作字母“Y”变“Z”的形变效果。4保存并测试电影文件。7.2 形变补间动画应用实例陇