形状补间动画- PowerPoint 演示文稿.ppt

* * 第五讲 形状补间动画 文字变形 这一节我们将通过字符的变形动画来认识形体渐变动画的作用。对于这类变形动画，只能用形体渐变来实现，用运动渐变是做不到的。 1、 新建一个文件，使其宽度和高度均为100，背景为蓝色。选择绘图工具栏中的文字工具 ，选择好字体，字号，设定颜色为黄色，输入字母F，选择箭头工具，我们把这个字母放大到和上面动画中字母大小差不多。 2、在时间轴的第12帧点鼠标左键，按F6插入一关键帧，这一帧的内容和第1帧一样。双击这一帧中的字母F，进行字符编辑模式，我们把字母F替换成字母L。用同样的方法，分别在第24帧，第36帧，第48帧，第60帧插入关键帧，并把相应的字母变成A，S，H，F。 3、因为要制作的是形体渐变动画，我们首先要把已经集合了的字符打散成形体。选择第1帧，按Ctrl-B把字母F打散。然后依次选择第12，24，36，48和60帧按Ctrl-B把字母L，A，S，H，F分别打散。现在就可以做动画了，在第1帧上单击鼠标左键，在帧属性面板中补间标签，选形状，回车确定。然后分别对第12帧，24帧，36帧及48帧如此操作。最后的时间轴窗口应如下图所示： 这个动画我们还可以在变形的过程中加上位置和颜色的变化。 在每一个关键帧上把相应的字母向右拖动一段距离，并使用油漆桶工具用不同的颜色填充就行了。 图形的变形 图形的变形效果很好，制作起来也非常的简单。 1、建立一个文件。使其宽度为400和高度为300，背景为白色。 2、画一个圆，然后染色，圆无边界。然后再第10桢处定义一个关键桢，重新画一个方形，把圆形删除，同样，在第20，30桢处定义关键桢，重新画一个新的图形后把原先的图形删除掉。在第40桢处把第一桢复制，然后在第40桢处贴上。（复制的方法为，在第一桢处点击鼠标右键，选择复制帧，然后在你希望的桢处点击鼠标右键选择粘贴帧。最后，在每一个关键桢处，在属性面板中设置补间为形状，好了，一个连续变形的flash就做好了。其中每个关键桢处的图形的颜色你可以自己选择你喜欢的，变形的速度也可以用增加桢数或者减少桢数来调整。 图形如下： 时间轴结果如下： 有弹性的小球 这一节做一个弹性很好的笑脸球。先让我们来分析一下。在前面一节中，我们也是做球的运动，那么为什么它们看上去就没有这么明显的弹性效果呢？仔细观察上面的示例，我们发现这个示例之所以给人很好的弹性感觉， 因为一来它的色彩搭配比较好，也就是在光影效果上更象橡皮球，不象前面我们用到的颜色都是金属质感的。二来，在球触地以后，有一个明显的挤压过程，使得看上去好象是由于惯性作用的结果，让人深刻感觉到球的弹性。 1、新建一个文件。将属性改为300 px X 300 px的黑色背景，播放速度改为每秒24帧。 2、按Ctrl-F8新建一个图形类图符，起名为ball1，先来画这个笑脸球。进入图符编辑画面，选择椭圆工具，在参数修改器中改变它的填充色。新建一种中心渐进色，如图所示 做好后的笑脸球如下图所示 3、回到主场景，按Ctrl-L打开图库，把ball1拖到工作区中放在稍稍偏上一点的位置，作为球运动的起始点。在第17帧按F6键，把场景中的球用向下的方向键移到工作区中偏下一点的位置，这时球体着地。为了实现弹性的效果，我们需要在随后几帧里把球压缩再恢复，最后再向上弹起。在第21帧按F6键，把球体在稍稍压扁一些（上下端点距离缩短，左右端点距离加大）。注意球在压扁的过程中，保持触地点位置不变。 4、接着点击第17帧，按Ctrl+Alt-C复制这一帧，再点第25帧，按Ctrl+Alt-V把第17帧的内容复制到这一帧。在这一帧上，球恢复正常状态，并准备弹起。同样，我们把第1帧的内容复制到第41帧上，这一帧球将完成一个跳动的循环。 为了使动画更有趣一些，我们把球着地后压扁再恢复的动画稍稍改一下。按Ctrl-F8再新建一个图形类图符，起名为ball2。在ball2的编辑画面中，将ball1元件用Ctrl+Shift-V把粘帖回原处。然后把笑脸改成如图所示的样子就行了。 5、现在为每一关键帧加上运动渐变。为了更有重力效果，我们在第1帧把简易改为－50，在第25帧把简易改为＋50，这样下落的时候球加速，上升的过程中球减速。 现在弹性球的效果已经出来了。 6、下面我们再加入一个小光影，使得动画更逼真一些。新建一个层，并把这个层拖到最下面。按Ctrl-F8新建一个图形类图符，用椭圆工具，选不带边线的黑白中心渐进填充色 ，按住Shift键拉出一个正圆来，如下图左所示。由于背景是黑色的，所以球体看上去很朦胧。 如图所示，现在我们来把这个黑白渐进色球的上下压得扁一些，左右适当放宽。在调节的过程中我们可以在图库的预览窗口中看到目前这个小光影的样子，调好后的光影如下图所示。 回到主场景，在下面层中的第1帧，把小光影拖到笑