Flash MX2004入门与进阶实例:3.6 引导路径动画
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
动时的路径，选择引导图层的第100帧，按F5键，使图层中的帧延伸到第100帧。在被引导层中拖入库中名为“游鱼”的元件，用【任意变形工具】调整“游鱼”元件实例的大小，选择第100帧，按F6键，插入关键帧，分别调整第1帧和第100帧中的“游鱼”元件实例到引导线的两端，在第1帧建立补间运动动画，其位置如图3-6-26所示。
图3-6-26 鱼在第1帧和第100帧的位置
上一页??[1]?[2]?[3]?[4]?[5]?[6]?[7]?下一页??
第三章 动画基础 第六节 引导路径动画(6) 在【属性】面板上，选中【路径调整】、【同步】和【对齐】复选框，如图3-6-27所示。 
图3-6-27 设置属性
下面我们来创建海底实例中“水波荡漾”效果所需的元件。
步骤6 创建“海底”元件
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“海底”。选择第1帧，然后再执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“海底.bmp”的图片导入到场景中（“海底.bmp”图片位置：光盘\example\part3\***\图片\海底.bmp）。
?
步骤7创建“遮罩矩形”元件
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“遮罩矩形”。在场景中画一个500×4的无边矩形，因为“遮罩层”中的图形在播放时不会显示，所以设置颜色为任意。
复制并粘贴这个矩形，向下移一点位置，使其变成二个，再复制并粘贴这二个矩形，再向下移一点位置，使其变为四个，如此循环，在粘帖过程中，选中所有矩形，在【属性】面板中查看图形高度，直至创建出一个500×540的矩形，如图3-6-28所示。
?
图3-6-28 遮罩矩形
步骤8创建“水波效果”元件
??? 水波荡漾的效果是用遮罩动画的手法做的，看着挺漂亮，实际制作却很简单，只用三层就完成了，里面有二个小技巧，在下面的讲解过程中会着重介绍。
执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“水波效果”，如图3-6-29所示。
?
图3-6-29 创建“水波效果”元件
从【库】面板里将名为“海底”的图形元件拖放到场景中，在【属性】面板上设置元件的【X】值为0，【Y】值为0，在时间帧上单击右键，在弹出菜单中选择【复制帧】，在第100帧添加普通帧。
然后新建一个图层，在这层的第1帧上单击鼠标右键，在弹出菜单中选择【粘贴帧】，就把刚才的元件粘到第二层中了，选中该层中的实例，在【属性】面板上设置它的【X】值为0，【Y】值为1，【Alpha】值为80％。
注意：这里是一个技巧：第二层图片与第一层图片的位置差决定水波荡漾的大小！位置差越大，水波越大，其【Alpha】值的大小决定水波的清晰程度，【Alpha】值越大，水波越清晰，反之越模糊。
图3-6-30是第一层和第二层中，两张图片在X，Y轴的位置对比。
图3-6-30 两张图片在场景中的位置对比
要实现水波荡漾，光有二层图片是不行的，还要用遮罩动画实现光线的明暗变化才行,这样，才能产生水的流动感。
新建一层，在第1帧上拖入【库】中名为“遮罩矩形”的元件，注意下面的边缘对着“海底图片”的下边缘。在第100帧上添加关键帧，拖动“遮罩矩形”元件实例，使其上边缘对着“海底图片”的上边缘，在第1帧创建补间动作动画，如图3-6-31所示。
?
图3-6-31 遮罩层中矩形元件的位置
右击该图层名称，在弹出的快捷菜单中选择【遮罩层】命令。至此，这个动画所需的基本构件已经制作完成，接下来还必需在场景中把各个构件“组装”起来。
单击时间轴右上方的【编辑场景】按钮，选择【场景1】切换到主场景中。在主场景中一共需要5个图层，我们由下而上一层一层地叙述，请随时参考图3-6-34。
上一页??[1]?[2]?[3]?[4]?[5]?[6]?[7]?下一页??
第三章 动画基础 第六节 引导路径动画(7) （3）创建动画 步骤1 创建背 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于Flash MX2004入门与进阶实例:3.6 引导路径动画的所有评论
