Flash_复杂动画制作

第10章复杂动画制作第10章复杂动画制作10.1遮罩层应用10.2引导层应用10.3图层应用本章主要介绍万花筒、电影字幕效果、轴画手写字、小球运动、蝴蝶飞舞、三农小广告、音乐动画等实例制作方法。主要使用遮罩层、引导层、元件创建等。第10章复杂动画制作10.1遮罩层应用本节主要是应用遮罩层，介绍万花筒、电影字幕效果、轴画手写字3个实例动画制作。【例10.1】制作“万花筒效果”动画。通过本实例的创作，使学生掌握图像的导入方法、元件的创建及使用方法、遮罩层的使用方法、声音插入的方法等。本实例主要应用元件的创建和使用。通过对图层属性的设置，实现遮照效果。通过导入声音文件实现声音的插入。第10章复杂动画制作10.1遮罩层应用【操作步骤】（1）新建Flash文档。（2）将背景图导入到库。（3）新建图形元件“万花筒-元件”。（4）新建图形元件“三角形-元件”。（5）新建影片剪辑元件“万花筒-影片剪辑”，“万花筒-元件”拖入场景，设置其大小及位置如图。第10章复杂动画制作10.1遮罩层应用•（6）在第30帧处，插入“关键帧”，“创建补间动画”，设置如图10.2所示。为防止误操作，对“图像”图层进行锁定。•（7）新建“三角遮罩”图层。并设置“遮罩层”，如图所示图10.2对万花筒元件创建补间动画的属性设置图10.3三角形元件实现遮罩的“时间轴”第10章复杂动画制作10.1遮罩层应用（8）拖入4个影片剪辑元件“万花筒-影片剪辑”。设置的最终效果如图10.5所示。图10.4万花筒效果图第10章复杂动画制作10.1遮罩层应用•（9）导入声音到“库”。•（10）设置声音属性如图10.5所示。•（11）按“Ctrl+Enter”组合键，就可以检测影片了。图10.5万花筒背景声音属性设置第10章复杂动画制作10.1遮罩层应用【例10.2】制作“电影字幕效果”动画。通过本实例的创作，使学生掌握文本工具和颜料桶工具的使用方法。理解遮罩层的含义及使用方法。本实例主要是应用文本工具实现在场景中输入文字，应用颜料桶工具实现对背景色的调整，通过对图层属性的设置实现遮罩效果。第10章复杂动画制作10.1遮罩层应用【操作步骤】（1）新建Flash文档。（2）将“背景”设置为“蓝色”（#0000FF）。（3）编辑“混色器”，设置渐变效果。（4）画出“矩形”图形，将其“逆时针”旋转180度。（5）复制“矩形”，将其“顺时针”旋转180度。最后效果如图10.1所示。图10.1两矩形最后效果图第10章复杂动画制作10.1遮罩层应用（6）新建图层“文字层”，在场景中，输入文字信息如下：“古典主义创作方法产生于十七世纪的法国，随后风靡于整个欧洲，十七世纪的法国，资本主义有了相当的发展。当时，法王路易十四压制了政治上的反对派，实行中央集权的君主专制统治，同封建割据状态作斗争，经济上实行重商主义，促进了工商业的进一步发展。古典主义便是在这种封建社会向资本主义社会过渡时期的社会意识形态在艺术上的反映。古典主义以迪卡尔的理性认识的唯一来源......”。“字体”设置为“黑体”，“字号大小”设置为“26”。图10.13文本框属性设置图第10章复杂动画制作10.1遮罩层应用图10.10混色器属性设置图（7）在“文字层”第100帧处，按F6键，插入“关键帧”。（8）在“文字层”上，单击鼠标右键，在弹出的快捷菜单中，选择“遮罩层”命令，最后的“时间轴”设置如图10.2所示。（9）按“Ctrl+Enter”组合键，就可以检测影片了。图10.2“时间轴”窗口第10章复杂动画制作10.1遮罩层应用【例10.3】制作“轴画手写字”动画。通过本实例的创作，使学生掌握图像导入的方法、元件的创建及使用、遮罩层的使用方法、声音的插入方法及使用橡皮擦实现手写字效果的方法。本实例主要是应用橡皮擦工具实现手写字效果，通过对图层属性的设置实现遮罩效果。图10.13文本框属性设置图第10章复杂动画制作10.1遮罩层应用【操作步骤】（1）新建Flash文档。（2）背景图导入到库（3）新建图形元件“背景”。将图像“背景1”拖入场景，设置其大小及位置。（4）新建图形元件“画轴”。使用“矩形工具”和“椭圆工具”，绘制“画轴图案”。（5）新建图形元件“蒙版”。（6）新建图形元件“卷标c”。在图层1中，单击“矩形工具”按钮，绘制“画符底图”，在图层2中，单击“线条工具”按钮，画出“线条”，起到美化作用。图10.13文本框属性设置图第10章复杂动画制作10.1遮罩层应用（7）新建影片剪辑元件“卷标”。在第50帧，插入“关键帧”。（8）新建图层“蒙版”，将图形元件“蒙版”拖入场景，在第50帧插入“关键帧”，将图形元件“蒙版”扩大。在1－50帧之间创建补间动画，并设置该层为“遮罩层”。（9）新建图层“画轴1”，在第50帧插入关键帧，将图形元件“画轴”移动到新的位置，在1－50帧创建补间动画。图10.13文本框属性设置图图10.1“蒙版”元件扩大后属性设置图10.2“画轴”元件的初始属性设置第10章复杂动画制作10.1遮罩层应用图10.10混色器属性设置图（10）新建图层“画轴2”，图形元件“画轴”设置如下。在1－50帧创建补间动画。图10.3“画轴”元件的初始属性设置图10.4“画轴”元件的终端属性设置第10章复杂动画制作10.1遮罩层应用（11）在第50帧处，打开“动作”面板，输入stop();。最终影片剪辑“卷标”第50帧如图10.5所示。图10.10混色器属性设置图图10.5“卷标”元件的最终图形（12）新建影片剪辑元件“手写字”。在场景中，输入“将进酒”，并两次分离。（13）在图层1中，在第128帧处，插入“关键帧”，在“动作”面板中，输入stop();。用“橡皮擦工具”，将“酒”的最后一笔部分擦除。第10章复杂动画制作10.1遮罩层应用图10.10混色器属性设置图（14）同样，在第127帧，插入“关键帧”。将“酒”的最后一笔的剩余部分擦除。图10.6“手写字”效果图——第一笔图10.7“手写字”效果图——第二笔第10章复杂动画制作10.1遮罩层应用图10.10混色器属性设置图（15）采用同样的方法，依次在前面的帧上，将“将进酒”这几个字，从最后一个字的最后一笔逐笔画的擦除，直到第一帧。（16）重命名图层1为“背景”，在第235帧，插入“帧”。（17）导入“片头音乐”到库。（18）新建“music”图层，导入声音，在235帧插入“帧”。（19）新建“卷标”图层。（20）新建“手写字”图层。图10.8“背景”元件的属性设置图10.9“高级效果”对话框第10章复杂动画制作10.1遮罩层应用图10.10混色器属性设置图（21）“轴画手写字”时间轴设置如图所示。（22）按“Ctrl+Enter”组合键，可以检测影片了。图10.10“时间轴”窗口第10章复杂动画制作10.2引导层应用图10.10混色器属性设置图本节主要是应用引导层，介绍小球运动与蝴蝶飞舞2个实例的动画制作。【例10.4】制作“小球运动”动画。通过本实例的创作，使学生掌握颜料桶工具和文本工具的使用方法。理解引导层的含义及使用方法。本实例主要是应用文本工具，实现在场景中输入文字，应用颜料桶工具，实现对小球的色彩调整，通过对图层属性的设置实现引导层效果。第10章复杂动画制作10.2引导层应用图10.10混色器属性设置图【操作步骤】（1）新建Flash文档。文档的属性均采用默认值。（2）将“背景”设置为“黄色”（#FFFF99）。（3）图层1重新命名为“back”。在场景中画一个“空心椭圆”。图10.1“空心椭圆”图10.2“空心椭圆”的属性设置第10章复杂动画制作10.2引导层应用（4）将“椭圆”下半部分剪切,在第60帧插入“关键帧”。（5）新建一个“front”图层，实现相同位置“粘贴”。在该图层的第30帧插入“关键帧”。（6）新建一个“big_ball1”图层，设置“混色器”，画出正圆。（7）在“big_ball1”图层中，第30帧插入“关键帧”。（8）新建一个“small_ball”图层，画出一个“小圆”，颜色为红色。将“小球”转换成图形元件，命名为“red-ball”。（9）选择“添加引导层”（10）在“small_ball”图层上，设置“小球”在第1帧和第60帧上的位置。图10.3大球“混色器”属性设置第10章复杂动画制作10.2引导层应用图10.10混色器属性设置图（11）新建“big_ball2”图层。（12）新建“front2”图层。（13）新建“word”图层，使用“文本工具”，写入“小球运动”，“字体”设置为“黑体”，“字号大小”设置为“26”。最后的“时间轴”设置如图10.4所示。图10.4“时间轴”窗口第10章复杂动画制作10.2引导层应用图10.10混色器属性设置图【例10.5】制作“蝴蝶飞舞”动画。通过本实例的创作，使学生掌握运动引导层动画创建的方法。本实例主要是应用导入透明的GIF图像，将其转换为影片剪辑。创建运动引导层后，使影片剪辑沿画出的线条运动。【操作步骤】(1)新建Flash文档。(2)导入“背景”图像和“蝴蝶.GIF”到“库”中。(3)创建“影片剪辑”元件。图10.1蝴蝶图10.2缩小蝴蝶第10章复杂动画制作10.2引导层应用图10.10混色器属性设置图(4)将图层1重命名为“背景”。新建图层2，将其重命名为“蝴蝶”。将“库”中的“蝴蝶”元件拖放到右边的花朵上。(5)添加运动引导图层图10.3画运动路径第10章复杂动画制作10.2引导层应用图10.10混色器属性设置图(6)设置“关键帧”。图10.4将元件拖放到曲线的第1个端点（7）创建补间动画。第10章复杂动画制作10.2引导层应用图10.10混色器属性设置图(8)分别在“蝴蝶”和“引导层”的第100帧处，插入“帧”。如图所示：(9)按“Ctrl+Enter”组合键，就可以看到蝴蝶在花丛中飞舞。图10.5“时间轴”窗口第10章复杂动画制作10.3图层应用图10.10混色器属性设置图【例10.6】制作“三农小广告”动画。通过本实例的创作，使学生掌握利用图层创作动画的操作方法。从网上下载3张图像，再制作3个文字的元件，合理地安排在不同的图层，通过动画补间，形成小动画。第10章复杂动画制作10.3图层应用图10.10混色器属性设置图【操作步骤】（1）新建Flash文档。（2）导入图像到库。并将三个图转换为元件如图所示。图10.1“图1”图10.2“图2”图10.3“图3”第10章复杂动画制作10.3图层应用（3）创建图形元件“关心农村”。（4）使用“标尺”调整大小。再建立5个图层。在图层4创建补间动画。图10.4第1帧的图形第10章复杂动画制作10.3图层应用（5）设置图片的Alpha属性，并调位置。图10.5第15帧的图形图10.6第40帧的图形第10章复杂动画制作10.3图层应用（6）以同样方法处理“关注农业”和“关爱农民”。最后，“时间轴”设置如图10.7所示。（7）按“Ctrl+Enter”组合键，可以检测影片了。图10.7“时间轴”窗口