中级动画7.pptVIP

Flash 中级动画 情境二：高级动画 单元2：遮罩效果 主讲 何武超 Flash 中级动画——代码篇 复习提问： 1.解释下列代码的意义： if (xPos != mousex || yPos != mouseY) { duplicateMovieClip(mc, mc + i, 16384 + (1889 + i)); setProperty(mc + i, _x, mouseX); setProperty(mc + i, _y, mouseY); setProperty(mc + i, _rotation, random(360)); ++i; Flash 二维动画——代码篇 课程引导： 在网络动画中，我们动态的遮罩效果，这位我们的网络界面增添了很多活力。接下来的几节课我们主要介绍动态遮罩的制作方法。 Flash 二维动画——代码篇 单元目标： 能够利用图层遮罩和ActionScript脚本制作出动感遮罩的效果。 能够制作双重遮罩且拖动的效果。 Flash 二维动画——代码篇 基础知识： 遮罩是flash动画制作常使用的一种技术。它可形面一个“视窗”使被遮盖的对象能透过“视窗”成形为可见。在flash舞台上常使用遮罩层来实现这个技术。在AS中则常采用MC来实现遮罩。将遮罩对象和被遮罩对象均制作成MC，然后使用setMask（）方法即可实现遮罩效果。 Flash 二维动画——代码篇 基础知识 setMask（）方法： MC1的setMask（）方法，可使一个MC2成为自已的遮罩。 MC1．setMask（另一个MC2）；  Flash 二维动画——代码篇 基础知识： Flash 二维动画——代码篇 基础知识： Flash 二维动画——代码篇 典型案例： 1.动态遮罩。 Flash 二维动画——代码篇 典型案例： 2.双层遮罩 Flash 二维动画——代码篇 案例分析： 动感遮罩： 技术点睛：利用图层遮罩和ActionScript脚本，制作出动感遮罩的效果。 步骤： 1.新建文件。新建名称为“遮罩”的影片剪辑元件，在第2帧插入关键帧，使用“矩形工具”，在场景中绘制宽度和高度均为40的矩形。在第15帧插入关键帧。选中第2帧上的元件，修改其大小为2乘以2像素。 Flash 二维动画——代码篇 案例分析： 2.设置第2帧上的补间类型为“补间形状”，新建“图层2”，在第15帧插入关键帧，分别在第1帧和第15帧上添加“stop（）；”脚本语言。返回场景。 3.将素材1导入到场景中。新建图层，将素材2导入到场景中，并且将该图像转换为名称为“花”的影片剪辑元件。设置属性面板中的“实例名称”为image。 Flash 二维动画——代码篇 4.新建图层3，将“遮罩”元件从设置“库”面板拖入到场景中。将属性面板中的“实例名称”修改为ring1.分别将“遮罩”元件从库中拖入到场景中并将其排列好，一次将实例名称命名为“ring2~ring54”。 注：场景中的所有“遮罩”元件都在一个图层中。此处元件的个数，记为实例名称的编号数，编号数要与后面添加的脚本语言中的数字相对应。 Flash 二维动画——代码篇 5. 依次选中各个元件，在“动作-影片剪辑”面板中输入如下代码： onClipEvent (enterFrame) { if (this._currentframe == 1 random(5) == 0) { this.gotoAndPlay(2); } // end if } Flash 二维动画——代码篇 6. 新建图层4，在动作-帧面板中输入如下代码： _root.onEnterFrame = function () { image._visible = false; var i = 1; while (i = 54) { duplicateMovieClip(image, image + i, i); ++i; } // end while var i = 1; while (i = 54) { this[image + i].setMask(this[ring + i]); ++i; } // end while }; Flash 二维动画——代码篇 7.保存作品，测试影片。 小结：Flash中可以通过多种方法实现遮罩动画的效果，本例主要使用ActionScript脚本代码中的setMask（）函数来实现动感遮罩的效果。读者在制作过程中应熟练掌握该函数的应用的方法