第04章第 4 章制作形状补间动画 (2).ppt

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