flash动画制作08.ppt

3、制作镜片拼图的效果。 （1）返回主场景，将【库】面板中的影片剪辑元件“心形遮罩”拖动到“心形遮罩”图层上，在【属性】面板中设置其参数如图8-50所示。 本案例使用影片剪辑做遮罩层，可以形成多个图层被当做遮罩层的效果 。 图8-50 【属性】面板 （2）将【库】面板中的影片剪辑“拼图遮罩”拖动到“拼图”图层上，在【属性】面板中设置其位置坐标x、y分别为“63.6”、“27.9” 。 （3）在【滤镜】面板中单击按钮，在弹出的下拉列表中选择“投影”效果，并设置参数如图8-51所示，此时场景中的效果如图8-52所示 。 图8-51 【滤镜】面板 增加了投影效果的“拼图遮罩”元件 图8-52 拖入影片剪辑“心形遮罩”和“拼图遮罩”后场景中的效果 （4）将图层“心形遮罩”转换为遮罩层，完成镜片拼图的效果。按键盘上的Ctrl+Enter?快捷键，测试影片，则可以观看到镜片拼图的效果，如图8-53所示 。 拼图开始时的效果 拼图结束时的效果 图8-53 拼图效果 （5）在“拼图”图层的第70帧处插入关键帧，并选中场景中的“拼图”元件，在【滤镜】面板中单击 按钮，删除“投影”滤镜效果 。 （6）在第85帧处插入关键帧，并在第70帧～第85帧之间创建“动画补间”，【时间轴】状态如图8-54所示 。 图8-54 【时间轴】状态五 4、制作“清晰水月图”影片剪辑元件。 （1）鼠标右键单击在【库】面板中的影片剪辑元件“拼图遮罩”，在弹出的快捷菜单中选择【直接复制】命令，在弹出的对话框中修改影片剪辑名称为“清晰水月图”，单击确定 。 （2）进入“清晰水月图”影片剪辑元件的编辑模式，重命名“拼图遮罩”图层为“心形遮罩”图层，并删除“心形遮罩”图层上的图形，【时间轴】状态如图8-55所示 。 图8-55 【时间轴】状态六 （3）将影片剪辑“心形遮罩”拖入场景，在【属性】面板中设置其宽高为“422.6px×375.6px”，位置坐标x、y分别为“-212.8”、 “-187.8”，如图8-56所示 。 图8-56 【属性】面板 直接复制“拼图遮罩”影片剪辑元件并且重命名为“清晰水月图”的目的是使得图片的被遮罩层“水月”大小和位置不发生变化，减少重复手动调整的麻烦。 5、制作渐变影像和发光边框的效果 。 （1）返回主场景，在图层“清晰水月图”上第70帧处插入空白关键帧，将影片剪辑“清晰水月图”拖入主时间轴上的场景，在【属性】面板中设置其位置坐标x、y分别为“62.4”、“37.0”，【Alpha】值为“0%”，如图8-57所示。 图8-57 【属性】面板 （2）在【滤镜】面板中选择添加“发光”效果，并设置参数如图8-58所示。 图8-58 【滤镜】面板 （3）在第85帧处添加关键帧，修改【属性】面板中的【Alpha】值为“100%”，同时修改【滤镜】面板中的【颜色】为黄色，其他设置如图8-59所示 。 图8-59 设置滤镜参数 （4）在第70帧～第85帧之间创建动画补间。 （5）在所有图层的第100帧处插入帧。 （6）场景中的效果如图8-60所示 。 第70帧处效果 第85帧处效果 图8-60 渐变影像和发光边框的效果 （7）保存测试影片，一个唯美的“镜花水月”遮罩动画制作完成 。 8.2.3 课堂练习──制作“断桥遗梦 ” 请同学们使用经典案例“镜花水月”中制作影片剪辑遮罩动画的类似方法，制作一个“断桥遗梦”的场景。在动画中，一面镜子映出一座古桥流水的画卷，被突然下落的石头砸中，产生裂纹，最后散为碎片，只留下梦境一般的一座古桥留在记忆的画面中。其效果图如图8-61所示 。 1、打开教学资源中的“素材\第8讲\断桥遗梦\断桥遗梦-模板.fla”文件，【库】面板及场景效果如图8-62所示 。 图8-61 效果图 播放影片，可以观看到图形元件“镜片光泽”和“碎镜石”的动画，以及最后出现的如模糊的梦镜一般的影片剪辑元件“古桥”和“断桥遗梦”的字样 。 【库】面板 场景效果 图8-62 模板主界面效果 2、在图层“光泽遮罩”上，将【库】面板中的“古桥.jpg”拖入到场景中，相对舞台居中对齐，并将图层“光泽遮罩”转化为遮罩层，完成“光泽”的遮罩动画效果，如图8-63所示 。 遮罩前场景效果 遮罩后场景效果 图8-63 图形元件“光泽”被遮罩后的效果 3、新建一个影片剪辑元件“裂纹生长”，并进入其编辑模式。将【库】面板中的影片剪辑元件“裂纹”拖入场景中。然后新建一个“图层2”，并绘制一个圆形填充，使用“形状补间”制作其逐渐变大的效果，同时将“图层2”转化为遮罩层，形成“裂纹生长”效果，如图8-64所示 。 圆形填充的“形状补间”时间长度