《动画制作大学教程——Flash 教学课件 ppt 作者 陈海 林宇 王学军 08》由会员分享，可在线阅读，更多相关《动画制作大学教程——Flash 教学课件 ppt 作者 陈海 林宇 王学军 08（80页珍藏版）》请在金锄头文库上搜索。
1、第8章 创建形状补间动画,除了上一章介绍的动画补间动画之外，Flash还可以创建另一类动画，称为形状补间动画，就是使对象的形状随时间变化。 在学习这一章的时候，一定要分清楚形状补间动画和上一章中动画补间的区别：形状补间是针对“形状”发生的变化；而动画补间是针对一个元件的实例的属性发生的变化，例如“大小”、“位置”等都是一个实例的属性，动画补间就是通过改变这些属性产生的动画效果。,8.1 创建形状补间动画,形状补间动画的创建方法与动画补间动画的创建方法相似，都可以选中起始帧，然后在“属性”面板中设置补间属性。 不同的是，动画补间动画可以用鼠标右键单击起始帧，在弹出菜单中选择“创建补间动画”命令，
2、而形状补间动画却不可以。,8.1.1 创建形状补间的方法,制作形状补间动画的步骤如下。要补间形状，需要在同一个图层中设置两个放置有矢量形状的关键帧。 第1个关键帧作为起始帧，第2个关键帧作为结束帧。选中起始帧，打开“属性”面板，如图8.1所示，将“补间”设置为“形状”就可以了。,图8.1 创建“形状补间”动画,图8.2 补间动画起始帧的属性,在“缓动”文本框中输入一个值或单击右侧的下拉箭头并拖动滑块来选择，以调整补间帧之间的变化速率。 0为匀速，正数为减速，负数为加速。 然后在“混合”下拉列表中选择适合的选项，它有以下两种选择。, 分布式：使创建的动画的中间形状更为平滑和不规则。 角形：使创建
3、的动画的中间形状保留明显的角和直线。 它只适用于具有锐化转角和直线的混合形状。 如果选择的形状没有角，那么效果和“分布式”补间形状是一样的。,图8.3 开始时的形状,图8.4 结束时的形状,图8.5 使用了“分布式”的中间过程,图8.6 使用了“角形”的中间过程,图8.7 挤奶油,8.1.2 实践与练习：挤奶油,图8.8 绘制面包,图8.9 第1帧上奶油的形状,图8.10 第20帧上奶油的形状,图8.11 第50帧上奶油的形状,图8.12 选中部分帧,图8.13 选择补间类型,图8.14 第10帧的效果,图8.15 第35帧的效果,图8.16 第23帧的奶油形状,图8.17 第50帧的奶油形状
4、,图8.18 第80帧上的奶油形状,图8.19 “奶油2”的变形动画,图8.20 测试动画之一,图8.21 测试动画之二,8.1.3 实践与练习：滴墨水,本例通过滴墨水动画的制作，着重练习制作形状变形和颜色变形动画。 整个滴墨水的动画过程是：墨水从钢笔中渗出来，墨水滴变大，再变大得快要滴落下来，接着墨水滴到纸上，在纸上渗透开来。 这其中有颜色变化，也有形状变化，动画测试的效果如图8.22所示。,图8.22 滴墨水,图8.23 信封图形,图8.24 钢笔图形,图8.25 第1帧的墨水形状,图8.26 第5帧墨水的颜色,图8.27 第25帧的墨水形状,图8.28 第30帧的墨水滴落的形状,图8.2
5、9 第60帧的墨水滴到纸上的形状,图8.30 第75帧的墨水渗开的形状,图8.31 时间轴,图8.32 测试效果之一,图8.33 测试效果之二,8.2 使用形状提示,要控制更加复杂的形状变化，可以使用形状提示。 形状提示会标识起始形状和结束形状中相对应的点。,8.2.1 形状提示的效果,如果要补间一张正在改变表情的脸部图画，可以使用形状提示来标记每只眼睛。 这样在形状发生变化时，脸部就不会乱成一团，每只眼睛还都可以辨认，并在转换过程中分别变化。,图8.34 未使用形状提示的变形过程,图8.35 使用了形状提示的变形过程,为了获得更好的效果，使用时应遵循以下几条准则。 在复杂的补间形状中，需要创
6、建中间形状然后再进行补间，而不要只定义起始和结束的形状。, 确保形状提示是符合逻辑的。 例如，如果在一个三角形中使用3个形状提示，则在原始三角形和要补间的三角形中它们的顺序必须是一致的。 它们的顺序不能在第1个关键帧中是abc，而在第2个中是acb。 如果按逆时针顺序从形状的左上角开始放置形状提示，那么它们的工作效果最好。,8.2.2 形状提示的添加方法,添加形状提示的方法如下。 （1）选择补间形状序列中的第一个关键帧，选择菜单栏中的“修改形状添加形状提示”命令。 起始形状提示会在该形状的某处显示为一个带有字母a的红色圆圈。 （2）将形状提示移动到要标记的点。,（3）选择补间序列中的最后一个关
7、键帧。 结束形状提示会在该形状的某处显示为一个带有字母a的黄色圆圈。 （4）将形状提示移动到结束形状中与标记的第一点对应的点。,（5）再次播放动画，看看形状提示是如何更改补间形状的。 移动形状提示，对补间进行微调。 重复这个过程，添加其他的形状提示，所显示的字母紧接之前字母的顺序（b、c等）。 可以选择查看所有的形状提示，也可以删除形状提示。, 要查看所有的形状提示，应选择菜单栏中的“视图显示形状提示”命令。 只有包含形状提示的图层和关键帧处于活动状态下，“显示形状提示”命令才可用。 要删除一个形状提示，应将其拖离舞台。 要删除所有的形状提示，应选择菜单栏中的“修改形状删除所有提示”命令。,图
8、8.36 投信,8.2.3 实践与练习：投信,图8.37 绘制信箱柱子,1绘制图形,图8.38 绘制信箱,图8.39 绘制信封,图8.40 以轮廓形式显示信箱图层,2制作打开信箱和关上信箱动画,图8.41 第1帧上盖子的形状,图8.42 第10帧上盖子的形状,图8.43 第20帧上盖子的形状,图8.44 第30帧上盖子的形状,图8.45 变形效果,图8.46 添加形状提示点,图8.47 移动形状提示点,图8.48 再添加两个形状提示点,图8.49 第10帧中自动出现提示点,图8.50 第10帧中的形状提示点变为绿色,图8.51 第1帧的形状提示点变为黄色,图8.52 第11帧上的形状提示点,图
9、8.53 第20帧上的形状提示点,图8.54 复制动画,图8.55 在第41帧插入的3个形状提示点,图8.56 第50帧上的形状提示点,图8.57 第51帧上的形状提示点,图8.58 第60帧上的形状提示点,图8.59 “信封”元件实例,3制作投信动画,图8.60 第1帧中信封的位置,图8.61 第30帧上信的位置,图8.62 动画属性,图8.63 测试影片,小 结,在这一章中介绍了“形状”补间动画的创建方法。 动画制作者要能够了解在什么情况下使用形状补间。 此外有两点需要注意，一是在变形过程中通过适当地使用“提示点”来设置形状变化的过程，二是合理地拆分形状补间的过程，例如在制作上面的“投信”动画中，信箱的盖子翻转的动画过程就需要分为3段形状补间来完成，如果仅通过一段补间过程就无法实现这个效果了。,
