海浪逐沙灘的制作原理与方法.docVIP

` 海浪逐沙滩的制作原理与方法 ??? ??? 教学目的：通过本节教学了解和掌握遮罩的制作、运用，补间动画、Alpha创建与设置，进而应用上述之原理制作海浪冲岸的效果。 　　教学对象：本教材是针对有一定动画制作基础和对工具箱、属性面板有所了解的朋友们编制的，因此省略了一些步骤，还望谅解。 ??? 教学要点：遮罩、动画补间、Alpha。 ???? 作前准备：准备一张规格为550*400大海沙滩图片，经过制图软件（ps、fw）处理后保存到指定的文件夹待用。??? 　　 制作步骤 ??? 1.启动FLASH8 软件。 ??? 2.确立文档属性 设置动画尺寸为550*400，其它默认,点击确定，进入场景1。 如图1所示： 图1 ??? 3.创建图形元件 ??? （1）选择“插入－新建元件”，建立一个名为“海滩”的图形元件，点击确定，进入元件编辑区。就一个图层。选择图层1第一帧，导入已准备好的海滩图片到舞台，规格为550*400。全居中。如图2所示： 图2 ??? （1）选择“插入－新建元件”，建立一个名为“大海”的图形元件，点击确定，进入元件编辑区。就一个图层。选择图层1第一帧，从库中拖出海滩图形元件到舞台，全居中。将其打散后，用最小的橡皮擦擦去大海以外的部分，只留下大海。如图3所示： 图3 ??? 4.创建影片剪辑元件 ??? 选择“插入－新建元件”，建立一个名为“海浪”的影片剪辑元件，点击确定，进入元件编辑区。添加一个图层，共两个图层。下层为大海，上层为遮罩。 ??? （1）选择大海图层第一帧，从库中拖出大海图形元件到舞台，全居中。在第160帧插入帧。上锁。 ??? （2）选择遮罩图层第一帧，用矩形工具在舞台拖一个规格为670*6的，无边线的长条矩形，然后复制、粘贴若干，总高度约为大海的一倍。选中全部实例，并将其转换为图层元件。如图4所示： 图4 用任意变形工具选中该实例，再将鼠标放到左上角的变形块上，待出现环形箭头后向下拖一个角度，在用选择工具将其左下角对齐大海的左下方，如图5所示： 图5 在第160帧插关键帧，再将该实例的右上角对齐大海的右上角。如图6所示： 图6 点击第1帧，创建本区域间的补间动画。右键该图层名称处，设置该图层为遮罩层。 ??? 5.编辑制作场景 返回场景1，添加两个图层，共三个图层。自下而上命名为海滩、海浪、大海。 ??? （1）选择海滩图层第一帧，从库中拖出海滩图形元件到舞台，规格550*400，全居中。在第160帧插入帧，上锁。如图7所示: 图7 ??? （2）选择海浪图层第一帧，从库中拖出海浪影片剪辑元件到舞台，右对齐、下对齐，和海滩中的大海完全重合。然后用方向键在将该实例向右移动一个像素，再向下移动一个像素。在第160帧插入帧，上锁。如图8所示; 图8 ?? （3）选择大海图层第一帧，从库中拖出大海图形元件到舞台，右对齐、下对齐。用任意变形工具选中该实例，并将其注册点移到右上角，然后缩小其规格为150*90，在属性面板设置其Alpha0％，如图9所示： 图9 在第80、160帧插入关键帧。选中第80帧上的实例，并将其放大规格为450*310，在属性面板设置其Alpha50％，如图10所示： 图10 分别依次点击第1、第80帧，创建这两个区域间的动画补间。上锁。 ????6.本作业完成后时间轴显示如图11所示： 图11 　　7.测试存盘 ??? *说明：　 ??? 1.你制作时可以在添加一个大海图层，制作多层海浪依次冲岸，其效果更佳。 ??? 2.在放入几只海鸥戏水，那就更为生动，更为壮观了。 　 最终效果显示： /domName/hsb345/200931523272183385.swf 全屏下载