1、第 4 章 制作形状补间动画,4.1 创建形状补间动画 4.2 用形状提示控制动画 4.3 设 置 遮 罩 效 果 4.4 实例海报扫描效果,4.1 创建形状补间动画,4.1.1 什么是形状补间动画形状补间动画是指在两个或两个以上的关键帧之间对形状进行补间的动画，从而创建出类似于形变的效果，使一个形状看起来随着时间变成另一个形状。Flash也可以补间形状的位置、大小和颜色等属性。,4.1.2 产生形状补间的属性 1形状本身属性 2形状颜色属性 3形状大小属性 4形状位置属性 5文字 6综合属性,4.1.3 制作步骤,图4-5 设置形状补间选项,4.2 用形状提示控制动画,4.2.1 什么是形状
2、提示 在制作形状补间动画时，Flash可以自动计算出两个关键帧中的形状补间动画。如果要控制复杂或罕见的形状变化，可以使用形状提示。也就是说，可以用形状提示来控制形状以什么方式渐变。形状提示会标识起始形状和结束形状中的相对应的点。,4.2.2 添加形状提示应遵循的原则为了使形状补间动画获得最佳效果，添加形状提示时应遵循以下原则： 在复杂的形状补间中，需要创建中间形状然后再进行补间，而不要只定义起始和结束的形状。因为Flash还没有智能到可以变形任何形状的地步，动画制作者应该尽量提示Flash如何进行变形。, 确保形状提示是符合逻辑的。例如，如果在一个对象中使用3个形状提示，则在原始对象和要补间的
3、对象中，它们的变化顺序必须是一致的，也就是说，如果在第一个关键帧中是abc，那么在第二个关键帧中就最好也是abc，否则就可能出现奇怪的、不合常规的变化效果 。, 按逆时针顺序从形状的左上角开始放置形状提示，它们的工作效果最好。 添加的形状提示不应太多，但应将每个形状提示放置在合适的位置上。,4.2.3 设置形状提示,图4-13 添加第一个形状提示,图4-14 在结束帧设置形状提示,4.2.4 对形状提示进行操作,图4-15 形状提示的快捷菜单,4.3 设 置 遮 罩 效 果,4.3.1 什么是遮罩遮罩效果，也叫做蒙版效果，是指一个图层中的对象以一定方式遮盖住另外一个（或多个）图层中的对象，或者
4、说以一定方式透过一个图层中的对象去查看另外一个（或多个）图层上的对象。比如说，聚光灯效果、放大镜效果、百叶窗效果等就是一些常见的遮罩效果。,图4-16 在新图层上绘制作为遮罩的对象,图4-17 遮罩效果,4.3.2 创建遮罩效果要创建和使用遮罩效果，至少要用到两个图层，它们按特定的顺序排列在时间轴上。其中，遮罩层肯定位于被遮罩层的上方。当然，如果多个图层都被遮罩，那么它们都是“被遮罩层”，都会受到遮罩效果的影响。,1创建遮罩效果的步骤 2不同的遮罩效果根据上面的说明可以看出，遮罩效果的作用方式有以下4种。 遮罩层中的对象是静态的，被遮罩层中的对象也是静态的，这样生成的效果就是静态遮罩效果；,
5、遮罩层中的对象是静态的，而被遮罩层中的对象是动态的，这样就生成了第一类动态遮罩效果：透过静态的一个“孔”，观看后面的动态内容； 遮罩层中的对象是动态的，而被遮罩层中的对象是静态的，这样就生成了第二类动态遮罩效果：透过动态的一个“孔”，观看后面的静态内容；, 遮罩层中的对象是动态的，被遮罩层中的对象也是动态的，这样就生成了第三类动态遮罩效果：透过动态的一个“孔”，观看后面的动态内容。这时，遮罩对象和被遮罩对象之间就会进行一些复杂的交互，从而得到一些特殊的视觉效果。,3形状补间动画与遮罩效果 遮罩层中的对象是静态的，而被遮罩层中是形状补间动画； 遮罩层中是形状补间动画，而被遮罩层中的对象是静态的；
6、 遮罩层与被遮罩层中都是形状补间动画。,4.3.3 实例探照灯文字本节结合使用形状补间动画和遮罩技术实现一个探照灯文字的效果（探照灯左右移动，且其中心的亮度大于四周），步骤如下。（1）新建一个电影文件，设置文档背景颜色为“黑色”。（2）在时间轴上单击“图层1”，将其命名为“文字遮罩”层。,（3）单击工具箱中的“文本工具”，在属性检查器中设置字体、字号及颜色，然后在舞台正中间输入文字“计算机动画技术”。（4）新建一个图层，并将其命名为“探照灯”层。单击工具箱中的“椭圆工具”设置笔触颜色为无色、填充为灰白放射状渐变填充，在文字左侧绘制一个圆形，如图4-18所示。,图4-18 绘制探照灯,（5）在“
7、文字遮罩”层第50帧单击鼠标右键，选择“插入帧”命令。（6）单击“探照灯”层，在第25帧插入关键帧，用选择工具将渐变的圆形移动到文字右侧（注意选中“视图”菜单“对齐”子菜单中的“贴紧对齐”命令）。（7）在该层第1帧上单击鼠标右键，选择“复制帧”命令，在第50帧上单击右键，选择“粘贴帧”命令。,（8）在“探照灯”层第1帧和25帧之间、第25帧和50帧之间设置形状补间动画。 （9）把“文字遮罩”层拖动到“探照灯”层上方。 （10）在图层区的“文字遮罩”层上单击右键，选择“遮罩层”命令，将该层设置为遮罩层，而“探照灯”层自动被设置为被遮罩层，同时这两层也被锁定，此时的时间轴窗口与场景如图4-19所示
8、，动画制作结束。,图4-19 探照灯文字效果的时间轴和舞台,（11）按“Ctrl+Enter”键测试动画。,4.4 实例海报扫描效果,本实例结合使用形状补间动画和遮罩技术实现海报的扫描效果：先是一条亮线由左到右扫描灰暗的海报，然后是由上到下扫描整个海报，最后显示出完整的彩色海报，如图4-20所示。,图4-20 海报扫描效果,实现该效果的参考步骤如下。（1）新建一个Flash电影，将图层1的名称更改为“背景”。（2）按“Ctrl+R”键导入要作为背景显示的黑白位图文件（该位图文件事先由Fireworks处理好，最简便的办法是执行Fireworks的“命令”菜单“创意”子菜单的“转换为灰度图像”命
9、令），将其调整为舞台大小。,（3）在当前图层上方插入了一个新图层，命名为“图片”，并按“Ctrl+R”键导入要扫描显示的彩色海报位图文件，将其调整为舞台大小。（4）插入一个新图层，将图层名称更改为“遮罩”。选中该图层，在舞台（也就是导入的位图）左侧绘制一个笔触颜色为无色，填充颜色为某种纯色的矩形，如图4-21所示。,图4-21 在舞台左方绘制长方形,（5）在“遮罩”层的第15帧插入关键帧，这时长方形被自动复制到该帧，按住“Shift”键用选择工具将其摆放到舞台的右侧。（6）在时间轴“遮罩”层第1到第15帧之间任意位置单击，然后在属性检查器中将“补间”选项设置为“形状”。（7）选中“遮罩”层第2
10、0帧，按“F5”键插入相同帧。,（8）选中“遮罩”层第21帧，按“F7”键插入空白关键帧，在舞台上方绘制一个长方形，如图4-22左图所示。,选中第35帧，按“F6”键插入关键帧，这时长方形被自动复制到该帧，用任意变形工具将长方形的大小缩放到与图形大小相一致，如图4-22右图所示。,（9）在“遮罩”层第21到第35帧之间创建形状补间动画。（10）把“图片”层和“背景”层的内容都延续到第35帧（在该帧按“F5”键）。（11）在“遮罩”层上单击鼠标右键，选择“遮罩层”命令。此时的时间轴如图4-23所示。,图4-23 设置了遮罩的时间轴,（12）为了使效果更逼真，可以在“遮罩”层上方插入一个新图层，命名为“声音”。 （13）选择“文件”菜单“导入”子菜单的“导入到库”命令，分别导入两个声音文件。 （14）选中第1帧，然后在属性检查器的声音选项中选择导入的一个声音文件，此时该帧上将出现声音的波形。,（15）选中第21帧，按“F7”键插入空白关键帧，然后在属性检查器的声音选项中选择导入的另一个声音文件，最后完成时的时间轴如图4-24所示。（16）按“Ctrl+Enter”键测试电影。,图4-24 完成后的时间轴,
