3FLASH逐帧动画形状补间动画和动作补间动画的设计.课件

1、第4章 制作形状补间动画 4.1 创建形状补间动画 4.2 用形状提示控制动画4.3 设 置 遮 罩 效 果4.4 实例海报扫描效果第1页，共38页。4.1 创建形状补间动画 4.1.1 什么是形状补间动画 形状补间动画是指在两个或两个以上的关键帧之间对形状进行补间的动画，从而创建出类似于形变的效果，使一个形状看起来随着时间变成另一个形状。也可以补间形状的位置、大小和颜色等属性。 第2页，共38页。4.1.2 产生形状补间的属性1形状本身属性2形状颜色属性3形状大小属性4形状位置属性5文字6综合属性第3页，共38页。4.1.3 制作步骤图4-5 设置形状补间选项 第4页，共38页。4.2 用形

2、状提示控制动画4.2.1 什么是形状提示在制作形状补间动画时，可以自动计算出两个关键帧中的形状补间动画。如果要控制复杂或罕见的形状变化，可以使用形状提示。也就是说，可以用形状提示来控制形状以什么方式渐变。形状提示会标识起始形状和结束形状中的相对应的点。第5页，共38页。4.2.2 添加形状提示应遵循的原则 为了使形状补间动画获得最佳效果，添加形状提示时应遵循以下原则： 在复杂的形状补间中，需要创建中间形状然后再进行补间，而不要只定义起始和结束的形状。因为还没有智能到可以变形任何形状的地步，动画制作者应该尽量提示如何进行变形。第6页，共38页。 确保形状提示是符合逻辑的。例如，如果在一个对象中使

3、用3个形状提示，则在原始对象和要补间的对象中，它们的变化顺序必须是一致的，也就是说，如果在第一个关键帧中是，那么在第二个关键帧中就最好也是，否则就可能出现奇怪的、不合常规的变化效果 。第7页，共38页。 按逆时针顺序从形状的左上角开始放置形状提示，它们的工作效果最好。 添加的形状提示不应太多，但应将每个形状提示放置在合适的位置上。第8页，共38页。4.2.3 设置形状提示图4-13 添加第一个形状提示 第9页，共38页。图4-14 在结束帧设置形状提示 第10页，共38页。4.2.4 对形状提示进行操作图4-15 形状提示的快捷菜单 第11页，共38页。4.3 设 置 遮 罩 效 果4.3.1

4、 什么是遮罩 遮罩效果，也叫做蒙版效果，是指一个图层中的对象以一定方式遮盖住另外一个（或多个）图层中的对象，或者说以一定方式透过一个图层中的对象去查看另外一个（或多个）图层上的对象。比如说，聚光灯效果、放大镜效果、百叶窗效果等就是一些常见的遮罩效果。 第12页，共38页。图4-16 在新图层上绘制作为遮罩的对象 第13页，共38页。图4-17 遮罩效果 第14页，共38页。4.3.2 创建遮罩效果 要创建和使用遮罩效果，至少要用到两个图层，它们按特定的顺序排列在时间轴上。其中，遮罩层肯定位于被遮罩层的上方。当然，如果多个图层都被遮罩，那么它们都是“被遮罩层”，都会受到遮罩效果的影响。第15页，

5、共38页。1创建遮罩效果的步骤2不同的遮罩效果 根据上面的说明可以看出，遮罩效果的作用方式有以下4种。 遮罩层中的对象是静态的，被遮罩层中的对象也是静态的，这样生成的效果就是静态遮罩效果；第16页，共38页。 遮罩层中的对象是静态的，而被遮罩层中的对象是动态的，这样就生成了第一类动态遮罩效果：透过静态的一个“孔”，观看后面的动态内容； 遮罩层中的对象是动态的，而被遮罩层中的对象是静态的，这样就生成了第二类动态遮罩效果：透过动态的一个“孔”，观看后面的静态内容；第17页，共38页。 遮罩层中的对象是动态的，被遮罩层中的对象也是动态的，这样就生成了第三类动态遮罩效果：透过动态的一个“孔”，观看后面

6、的动态内容。这时，遮罩对象和被遮罩对象之间就会进行一些复杂的交互，从而得到一些特殊的视觉效果。第18页，共38页。3形状补间动画与遮罩效果 遮罩层中的对象是静态的，而被遮罩层中是形状补间动画； 遮罩层中是形状补间动画，而被遮罩层中的对象是静态的； 遮罩层与被遮罩层中都是形状补间动画。第19页，共38页。4.3.3 实例探照灯文字 本节结合使用形状补间动画和遮罩技术实现一个探照灯文字的效果（探照灯左右移动，且其中心的亮度大于四周），步骤如下。 （1）新建一个电影文件，设置文档背景颜色为“黑色”。 （2）在时间轴上单击“图层1”，将其命名为“文字遮罩”层。第20页，共38页。 （3）单击工具箱中的

7、“文本工具”，在属性检查器中设置字体、字号及颜色，然后在舞台正中间输入文字“计算机动画技术”。 （4）新建一个图层，并将其命名为“探照灯”层。单击工具箱中的“椭圆工具”设置笔触颜色为无色、填充为灰白放射状渐变填充，在文字左侧绘制一个圆形，如图4-18所示。第21页，共38页。图4-18 绘制探照灯 第22页，共38页。 （5）在“文字遮罩”层第50帧单击鼠标右键，选择“插入帧”命令。 （6）单击“探照灯”层，在第25帧插入关键帧，用选择工具将渐变的圆形移动到文字右侧（注意选中“视图”菜单“对齐”子菜单中的“贴紧对齐”命令）。 （7）在该层第1帧上单击鼠标右键，选择“复制帧”命令，在第50帧上单

8、击右键，选择“粘贴帧”命令。第23页，共38页。（8）在“探照灯”层第1帧和25帧之间、第25帧和50帧之间设置形状补间动画。（9）把“文字遮罩”层拖动到“探照灯”层上方。（10）在图层区的“文字遮罩”层上单击右键，选择“遮罩层”命令，将该层设置为遮罩层，而“探照灯”层自动被设置为被遮罩层，同时这两层也被锁定，此时的时间轴窗口与场景如图4-19所示，动画制作结束。第24页，共38页。图4-19 探照灯文字效果的时间轴和舞台 第25页，共38页。（11）按“”键测试动画。第26页，共38页。4.4 实例海报扫描效果 本实例结合使用形状补间动画和遮罩技术实现海报的扫描效果：先是一条亮线由左到右扫描

9、灰暗的海报，然后是由上到下扫描整个海报，最后显示出完整的彩色海报，如图4-20所示。第27页，共38页。图4-20 海报扫描效果 第28页，共38页。 实现该效果的参考步骤如下。 （1）新建一个电影，将图层1的名称更改为“背景”。 （2）按“”键导入要作为背景显示的黑白位图文件（该位图文件事先由处理好，最简便的办法是执行的“命令”菜单“创意”子菜单的“转换为灰度图像”命令），将其调整为舞台大小。第29页，共38页。 （3）在当前图层上方插入了一个新图层，命名为“图片”，并按“”键导入要扫描显示的彩色海报位图文件，将其调整为舞台大小。 （4）插入一个新图层，将图层名称更改为“遮罩”。选中该图层，

10、在舞台（也就是导入的位图）左侧绘制一个笔触颜色为无色，填充颜色为某种纯色的矩形，如图4-21所示。第30页，共38页。图4-21 在舞台左方绘制长方形 第31页，共38页。 （5）在“遮罩”层的第15帧插入关键帧，这时长方形被自动复制到该帧，按住“”键用选择工具将其摆放到舞台的右侧。 （6）在时间轴“遮罩”层第1到第15帧之间任意位置单击，然后在属性检查器中将“补间”选项设置为“形状”。 （7）选中“遮罩”层第20帧，按“F5”键插入相同帧。第32页，共38页。 （8）选中“遮罩”层第21帧，按“F7”键插入空白关键帧，在舞台上方绘制一个长方形，如图4-22左图所示。第33页，共38页。 选中

11、第35帧，按“F6”键插入关键帧，这时长方形被自动复制到该帧，用任意变形工具将长方形的大小缩放到与图形大小相一致，如图4-22右图所示。第34页，共38页。 （9）在“遮罩”层第21到第35帧之间创建形状补间动画。 （10）把“图片”层和“背景”层的内容都延续到第35帧（在该帧按“F5”键）。 （11）在“遮罩”层上单击鼠标右键，选择“遮罩层”命令。此时的时间轴如图4-23所示。第35页，共38页。图4-23 设置了遮罩的时间轴 第36页，共38页。（12）为了使效果更逼真，可以在“遮罩”层上方插入一个新图层，命名为“声音”。（13）选择“文件”菜单“导入”子菜单的“导入到库”命令，分别导入两个声音文件。（14