flash 影片剪辑使用setMask 遮罩

遮罩是flash动画制作常使用的一种技术。它可形面一个空洞使被遮盖的对象能透过空洞成形为可见。在flash舞台上常使用遮罩层来实现这个技术。在AS中则常采用MC来实现遮罩。将遮罩对象和被遮罩对象均制作成MC,然后使用setMask()方法即可实现遮罩效果。

setMask()方法:

MC的setMask()方法,可使一个MC成为自已的遮罩。MC.setMask(另一个MC);

练习:在舞台上画一个矩形,将其转换为MC,实例名称为:jx_mc。再画一个小一点的园,将其转换为MC,实例名为yun_mc;将圆放到矩形上,打开动作面板,输入:

  jx_mc.setMask(yun_mc); 

  yun_mc.onPress=function(){ 

  this.startDrag(true); 

  } 

  yun_mc.onRelease=function(){ 

  stopDrag(); 

  } 

测试影片,园已成了矩形的遮罩。

遮罩设备字体文本:
  经常有人问,为什么我做的文本被罩后,点播放有遮罩效果,测试影片时,就什么都没有了呢?以前我们都教别人的做法是,将文本打散,因为文本打散后就是图象了,就可以有遮罩效果了。这样做是比较简单一些,但有个问题,打散后的文字有可能笔画会粘连在一起不好看。我们还是想为什么文本就不能被遮罩呢?这是因为你使用了设备字体。在flash中设备字体不能用遮罩层来遮罩,只能用MC来遮罩,也就是说只能用上面的方法实现。

练习:
新建一MC,用文本工具输入一句话(使用设备字体)。回到主场景,将文本MC拖到舞台上。实例名称为:wb_mc.在文本的左边画一个无笔触,任一填充的矩形,高同文本,宽10象素左右。转换为MC,实例名称为:zz_mc.双击它,进入编辑状态,在第40帧插入关键帧,用变形工具将它拖成与文本一样长,遮住文本,创建补间动画。回到主场景,新建一层,打开动用面板,输入:

  wb_mc.setMask(zz_mc); 

测试影片,我们要要的遮罩效果出现了。

关于Alpha 通道遮罩:

  我们常常看到一种效果,有人把它叫模糊遮罩,有人把它叫羽化遮罩。一眼看上去,聪明如我的家伙们就知道这是一种遮罩效果。这无非就是遮罩层透明度降低一些,或使用模糊滤镜。于是信心满满地就开始做了,结果是可想而知的,失败!

Flash把这种遮罩叫做Alpha 通道遮罩,使用这种遮罩可以设置遮罩元件的透明度,也可以使用滤镜效果。但使用这种遮罩必须注意两点:
1、Alpha 通道遮罩:不支持遮罩层的遮罩方式,只能使用MC来遮罩。
2、遮罩MC和被遮罩MC都必须使用“运行时位图缓存”。

下面我们来做个练习,进一步掌握本节所介绍的内容。

效果:

1. 新建一flash文档,导入一张背景图片和一张观音图片。
2. 先制作元件,新建一MC,取名为观音,将观音图片拖入,调整大小,居中对齐。
3. 新建一MC,取名为遮罩观音,将观音元件拖入居中对齐,打开属性面板,实例名称为:img_mc,在“使用运行时缓存”前打钩。在200帧插入帧,上锁。新插入一图层画一个无笔触任一填充色的椭园,如下图:

  


  将这个椭园转换为MC,实例名称为:zz_mc, 在“使用运行时缓存”前打钩。打开滤镜面板,为zz_mc添模糊滤镜,值为100.在第30 帧插入关键帧,回到第一帧,将椭园缩小到2像素,建立补间动画。在第90帧插入关键帧,在第120帧插入关键帧,将椭园缩小到2像素。在第200帧插入帧。上锁。新建一图层,取名为action,打开帧动作面板,输入:

  img_mc.setMask(zz_mc); 

4. 新建一MC,取名为“文本”,用文本工具输入,如下图的文字,使用设备字体。

  


  

 

5. 新建一MC,取名为“遮罩文本”,将文本元件拖入居中对齐,实例名称为:wb_mc, 在“使用运行时缓存”前打钩。在170帧插入帧,上锁。新插入一图层,画一无笔触线型填充色,左色标透明度为0,右色标透明度为100的矩型,矩型左边与文本右边对齐,如下图:

 

  将矩型转换为MC,实例名称为zz2_mc, 在“使用运行时缓存”前打钩。在第30帧插入关键帧,将矩型右边与文本右边对齐,建立补间动画。在第60帧插入关键帧,在第90帧插入关键帧,将矩型的左边与文本的右边对齐,在第170帧插入帧,上锁。新建一层,取名为action,打开帧动作面板,输入:

  wb_mc.setMask(zz2_mc);

6. 回到主场景,将背景图片拖入,打开对齐面板,相对于舞台,宽高匹配,居中对齐。在200帧插入帧。上锁。
7. 新建一层,将遮罩观音元件拖入,放于舞台中间上部,在200帧插入帧。
8. 新建一图层,在30帧插入关键帧,将遮罩文本拖入,放于舞台右边上部,在200帧插入帧。

OK,完成了。

本练习中的素材:

 

时间: 2024-08-30 11:01:32

flash 影片剪辑使用setMask 遮罩的相关文章

Flash影片剪辑工具Tanida Demo Builder安装使用教程

今天小编发现了一个非常不错Flash影片剪辑工具--Tanida Demo Builder,使用起来很简单,小编就粗略的做了些图文教程~ 运行Tanida Demo Builder主程序 一直下一步就行,无任何插件 英文版本的,我们有汉化程序,点击Demo Builder 9 汉化补丁.EXE 运行就成. 无需大家寻找路径,直接就能完成汉化 如何创建新的影片? 新建一个空白影片文件 录制屏幕视频,导入图像 导入视频文件 如何编辑视频?小编就点击中间的列子 给大家做个演示 双击视频就能进行编辑了.

用Flash影片剪辑复制做“鼠标跟随”特效

思路:以前各种教程中都用startDrag去产生鼠标跟随的效果,在这里我用别的方法去跟大家show一个鼠标跟随的效果. 其实鼠标跟随说白了不就是要求对象的位置和鼠标位置一样吗?可是如果我还想让它产生一些更炫效果,以避免跟随更单调,又该怎么办呢?我首先想到了影片剪辑的复制,因为一些效果我可以在影片剪辑中比较容易地制作出来.用我复制出来的影片剪辑做作为跟随鼠标的东东,也就是说复制出来的影片剪辑的位置和当前影片中鼠标的位置一样,这样不就可以实现鼠标跟随了吗? 步骤: 1. 先制作出跟随鼠标的那个东东的

Flash基础知识:设置影片剪辑的属性

设置影片剪辑的属性,是在Flash AS中应用范围比较广的一条语句.在[动作]|[[全局函数]|[影片剪辑控制]中,我们可以通过setproperty来进行设置.通过setProperty我们可以设置影片剪辑的位置,大小,可见度等等. 1.首先我们全面地了解一下setProperty的功能.我们打开as面板,在[影片剪辑控制]下找到setProperty语句,双击,在右侧会出现它的参数面板.如图所示 图:proProperty参数面板 2.在参数面板中一共有三个选项,我们来看看他们的具体的功能.

Flash技巧:影片剪辑实例名的几点注意

技巧 如果一个影片剪辑实例,在开始的时候没有命名实例名称,而以后的某一帧命名了实例名称.那么影片剪辑将会从第一帧到影片结束一直使用系统默认的实例名称,形如:instanceXX,XX是不重复的. 如果一个影片剪辑从它出现的那一帧就被命名了实例名称,那么以后将一直使用这个实例名称,直到给他赋予了新的实例名称. 如果一个影片剪辑(实例名称是MY_MC)的实例出现在第N帧,而在第N+1帧这个影片剪辑被复制了,或者又从库中拖出了相同的影片剪辑.而且这两个影片剪辑的实例名称都被命名为MY_MC,那么在设计

Flash AS 3.0菜鸟学飞教程:载入库中的影片剪辑

学习AS3.0菜鸟起飞之-载入库中的影片剪辑 在Flash创作环境中,可以从库中拖拽影片剪辑到舞台上,使它们出现在SWF文件中.当使用ActionScript 来添加影片剪辑时,实际上也是将影片添加一个实例到时间轴上.帧是时间轴的一部分,你可以使用动作面板将as代码与帧关联.因此时间轴成了用as代码添加的显示对象的父容器,除非另一个显示对象被指定. 添加一个影片剪辑到当前时间轴: 下面的例子从.fla库中导入一个名为"鹰"的影片剪辑 1.新建Flash文档(AS3),存盘. 2.打开&

flash基础教程-影片剪辑元件、按钮元件、图形元件

本教程为大家介绍flash中最基本的三种元件:影片剪辑元件.按钮元件.图形元件. 1. 概念 元件是指在Flash中创建且保存在库中的图形.按钮或影片剪辑,可以自始至终在影片或其他影片中重复使用,是flash动画中最基本的元素: 影片剪辑元件--可以理解为电影中的小电影,可以完全独立于主场景时间轴并且可以重复播放. 按钮元件--实际上是一个只有4帧的影片剪辑,但它的时间轴不能播放,只是根据鼠标指针的动作做出简单的响应,并转到相应的帧.通过给舞台上的按钮实例添加动作语句而实现flash影片强大的交

flash 调整影片剪辑的滤镜属性效果

创建一个新的 Flash 文档,并将其保存为 adjustfilter.fla. 将下面的 ActionScript 添加到时间轴的第 1 帧: import flash.filters.BlurFilter;  代码如下 复制代码 this.createEmptyMovieClip("holder_mc", 10); holder_mc.createEmptyMovieClip("img_mc", 20); holder_mc.img_mc.loadMovie(&

flash as3.0 改变影片剪辑的颜色方法总结

AS3.0 动态改变影片剪辑的颜色  代码如下 复制代码 var a:ColorTransform = new ColorTransform(); a.color = 0x000000; mc.transform.colorTransform = a; stage.addChild(mc); 改变mc的颜色 ColorTransform () 构造函数  代码如下 复制代码 public function ColorTransform(redMultiplier:Number = 1.0, gr

请高手一定要帮忙啊!flash多个影片剪辑拖拽后,在影片剪辑键间实现端点到端点间的连线如何实现?

问题描述 请高手一定要帮忙啊!flash多个影片剪辑拖拽后,在影片剪辑键间实现端点到端点间的连线如何实现? 将几个元件拖拽到主区域后,能够在接线柱间通过拖拽鼠标实现线路连接,并且能判断电阻位置的正反连接. 由于本人,编程底子较差,研究了一个星期也没做出来,请高手一定要帮忙啊.