注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

清风的博客

我为人人,人人为我。

 
 
 

日志

 
 

flash---简单遮罩的组合做法  

2013-11-12 21:41:10|  分类: 【flash教程】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

一、简单制作实例
1、准备好4张图片

(分别命名为“图片1”、“图片2”、“图片3”、“图片4”),将图片的大小修改一致。

 打开FLASH软件,新建FLASH文档,将场景大小设置得与4张图片一致。
2、将图层1改名为“背景图”。

 在“背景图”图层的第1帧,选择“文件”菜单下的“导入”,再选“导入到舞台”,将图片1导入到编辑场景中

(如果出现“此文件看起来是图像的组成部分。是否导入序列中的所有图像?”对话框,选择“否”),并利用对齐面板,将图片1对齐编辑场景中心。
3、在“背景图”图层的第10帧插入关键帧,在第30帧插入普通帧(即点右键选“插入帧”)。
4、插入图层2,在该图层的第10帧插入空白关键帧。将图片2导入到编辑场景中,并利用对齐面板,将图片2对齐编辑场景中心。
5、插入图层3,改名为“遮罩”。
在该图层的第10帧插入空白关键帧。选择工具栏中的矩形工具,在编辑场景中,画一个无边框的矩形,填充色任意,设置其大小,使矩形能恰好遮盖住编辑场景中的图片。 在第30帧插入关键帧。回到第10帧(并选中矩形),打开“窗口”菜单下的“变形”面板(或按“Ctrl+T”键打开),在“约束”上打勾,将高度或宽度设置为1%,打回车确定。点中第10帧,在下面的属性面板中,将补间设置为“形状”。在时间轴面板该图层的“遮罩”文字上,点鼠标右键,选择“遮罩层”(即设该图层为遮罩层,图层2为被遮罩层)。这时,遮罩层和被遮罩层自动处于被锁定的状态。
6、在“背景图”图层的第31帧插入空白关键帧。按F11键调出库面板,将里面的位图“图片2”拖拽到编辑场景中,并利用对齐面板,将图片2对齐编辑场景中心。在第40帧插入关键帧,第60帧插入普通帧。
7、解除图层2的锁定,并在它的第31帧和第40帧插入空白关键帧。在第40帧,将图片3导入到编辑场景中,并利用对齐面板,将图片3对齐编辑场景中心。 在第60帧插入普通帧。
8、解除“遮罩”图层的锁定,并在它的第31帧和第40帧插入空白关键帧。在第40帧,选择工具栏中的椭圆工具,在编辑场景中,画一个无边框的椭圆,填充色任意,设置其大小,使它恰好能遮盖住编辑场景中的图片。在第60帧插入关键帧。回到第40帧(并选中椭圆),打开“窗口”菜单下的“变形”面板(或按“Ctrl+T”键打开),在“约束”上打勾,将高度或宽度设置为1%,打回车确定。点中第40帧,在下面的属性面板中,将补间设置为“形状”。
9、在“背景图”图层的第61帧插入空白关键帧,将库面板中的“图片3”拖拽到编辑场景中,利用对齐面板将图片3对齐编辑场景中心。在第70帧插入关键帧,第90帧插入普通帧。
10、在图层2的第61帧和第70帧插入空白关键帧。在第70帧,将图片4导入到编辑场景中,并利用对齐面板,将图片4对齐编辑场景中心。在第90帧插入普通帧。
11、在“遮罩”图层的第61帧和第70帧插入空白关键帧。在第70帧,选择工具栏中的矩形工具,在编辑场景中画一个无边框的矩形,填充色任意,大小设置为恰好能遮盖住编辑场景中的图片。在第90帧插入关键帧,回到第70帧(并选中矩形),打开“变形”面板,“约束”不打勾,将宽度设置为1%,打回车确定。点中第70帧,在下面的属性面板中,将补间设置为“形状”。
12、在“背景图”图层的第91帧插入空白关键帧,将库面板中的“图片4”拖拽到编辑场景中,利用对齐面板将图片4对齐编辑场景中心。在第100帧插入空白关键帧,将库面板中的“图片1”拖拽到编辑场景中,利用对齐面板将图片1对齐编辑场景中心。在第140帧插入关键帧,第150帧插入普通帧。
13、分别在图层2和“遮罩”图层的第91帧插入空白关键帧,第150帧插入普通帧。选中“背景图”图层,插入图层4(也就是让图层4在“背景图”图层的上面并与其紧邻),在该图层的第100帧插入空白关键帧,并在此处将库面板中的“图片4”拖拽到编辑场景中,利用对齐面板将图片4对齐编辑场景中心。
14、在图层4的第100帧处右键点击图片4,选“转换为元件”,在“元件类型”里选“图形”,将此处的图片4转换为一个图形元件“元件 1”。
15、在图层4的第140帧插入关键帧,选中该帧的图形元件,在“属性”面板里设置“颜色”为“Alpha”,值设为0%。在图层4的第141帧插入空白关键帧。
16、点中图层4的第100帧,在下面的属性面板中,将补间设置为“动作”。
17、锁定各图层,保存文件,导出影片。 

二、相关提示
1、上面实例的制作步骤中,第1步到第11步是用遮罩进行图像变换,第12步到第16步是通过调Alpha值来实现图像变换。两种方法都起到了使图片变换交替的作用,但原理不一样。 上述两种方法,在做大型FLASH,进行图像交替变换的时候,经常使用。 调整Alpha值以实现图片的交替变换,方式多样,各有优缺点,实例中只是用了一种方式。
2、在原B班增加课6里,是对每一张“正在出现”的图片专门设一个图层放置,并且对每个这样的图层专门设一个遮罩层。这样,每张图都要有两个图层对应,如果图多了,图层数目也会多,时间轴看起来会很乱。制作的时候,不但麻烦,而且还容易出现混乱和错误。 所有这些图都是按照时间顺序,先后出现的,除了遮罩变换过程中有两张图“同时”显现外,没有别的时间上的“重叠”。因此,可以对制作步骤进行简化,只设一个放置“正在出现”的图片的图层(即被遮罩层)和一个遮罩层(还要再设一个放置“底图”的图层)。也就是,所有“正在出现”的图,共用一个图层;所有遮罩,共用一个图层。 
不同的遮罩,不同的图像,可以通过设置关键帧,安排在同一个图层里。同一个图层的不同位置,不同的关键帧,可以设置不同的图,不同的遮罩,不同的动画。 上面的实例,是在被遮罩层和放置“底图”的图层,设置关键帧,将库里的位图拖入。如果在不同的关键帧里要使用相同的图,也可以把前面关键帧里的图复制,在后面的关键帧里点右键选“粘贴到当前位置”;或者,直接复制帧和粘贴帧。 
需要注意的是,只用两个图层(加上“底图”是三个),就能完成多个遮罩变换过程,是因为每个遮罩变换过程在时间上不重叠。如果某一个时刻,有两个或两个以上的遮罩变换过程在起作用,那就必须用不同的遮罩层来实现。有时候,需要做出多个遮罩同时起作用的效果,这样的情况下,每个遮罩变换过程就必须用到两个图层(遮罩层和被遮罩层)。 
每次遮罩变换过程分别使用两个图层时,时间轴显示如下:
图片
不同时间出现的遮罩变换过程,“共用”同一遮罩层和同一被遮罩层,时间轴显示如下:
图片 
3、遮罩层里用于“遮罩”的物体可以选用多种形状,变形的方式也多种多样,不一定要用形状补间,也可用动作补间或其他类型的动画。可以把“遮罩”物体变形过程的动画设置在一个影片剪辑里,然后把一个或多个这样的影片剪辑拖入遮罩层。交替出现的图片(被遮罩层和“底图”所在图层里的图)也可以设成动态的(用影片剪辑代替图片)。
4、在遮罩层对用于“遮罩”的物体进行“变形”,如果使用工具栏里的“任意变形工具”,在工具栏下面的选项中,可以选择“扭曲”和“封套”,做出许多新奇的效果来。 选中物体点右键,也会有“任意变形”、“扭曲”和“封套”这几个选项(这部分内容在增加课十“形状补间动画”里有详细介绍)。
5、必须注意被遮罩层里的图和底图的安排位置和顺序,每个关键帧处,都要仔细检查,避免错误。遮罩层里,遮罩物体的变换方式也要注意。 如果安排错了,经常会出现这样的情况:原本设计为,通过遮罩变换以实现两张图的更替,实际效果却成了,第一张图“突变”为第二张图,然后通过遮罩变换过程,“渐变”为第一张图,然后又“突变”为第二张图。也就是,本来设计为一次“渐变”,实际上却做成了两次“突变”。既然是用遮罩实现图像的变换,就要尽量避免“突变”和“闪动”情况的发生。 上面介绍的简单制作实例,当场景里显现“图片4”的时候,如果不再做图像变换的效果,当影片运行完一个循环,返回开头的时候,就会从“图片4”“突变”为“图片1”。实例中增加了一个改变Alpha值,使“图片4”“渐变”为“图片1”的过程,就是为了避免这样的“突变”。当然,实际制作中,未必需要避免影片从结尾返回开头时的“突变”,也就是,不一定要让影片开头和结尾处用同一张图。这里的制作实例,只是用来提醒:尽量避免“突变”的情况发生。  对多个“小遮罩”组合使用 :先做一个影片剪辑,在剪辑里设置某个物体变形的动画。
比如:一条细线,逐渐变宽,最终变成一个长条;一个方形、圆形、三角形、五角星形或其他形状,由小变大(可带有旋转),其间还可以有别的变形,如方形变成圆形、圆形变成三角形,等等。动画方式可以用动作补间,也可以用形状补间。上述的变形动画,多数适合用形状补间来做; 如果用动作补间,则变形的物体必须是一个元件(一般是图形元件)。 
如果把做好的影片剪辑直接拖入遮罩层,并把它放大,使里面的形体变到最大时能覆盖整个场景,那么效果跟前面“简单遮罩的组合做法”里讲的相同。但是,由于是影片剪辑,场景的时间轴停止时元件里的动画不会停止。所以在最后导出的影片里,如果在画面变换的时候“暂停”,画面变换的过程不会停止,而是反复显现。如果在遮罩层里直接设置补间动画,或者遮罩层里使用的是图形元件而不是影片剪辑,在最后导出的影片里,在画面变换的时候“暂停”,画面变换的过程就会停止。 这里要讲的,是把多个物体变形的影片剪辑动画进行组合运用。 
同一个遮罩层里,如果存在一个以上的被组合的对象,那么,只能有一个对象起到遮罩的作用,在影片中被显示。因此,用于遮罩的对象,必须是一个单独的对象(一个组或一个元件),或者是完全被打散的对象(被打散的对象也可组合成一个整体)。 
注意:
这里所说的“被组合的对象”,也包括图形或影片剪辑元件。 
因此,如果要做出“多个小物体变形并扩张,最终覆盖整个场景,使画面变换”的效果,不能把多个“小物体变形扩张”的影片剪辑直接拖到场景的遮罩层中(如果这样,只有一个影片剪辑能起到遮罩作用)。应该另建一个影片剪辑元件“遮罩组”,编辑该元件,把多个“小物体变形扩张”的影片剪辑拖入其中。拖入以后,可以让这些元件“有规律”地排列——逐行逐列,整齐地排;也可以让元件“无规律”地分布——“满天星”。不管怎样排,应该使每个对应影片剪辑里的“小物体”“变形扩张”到最大时,彼此间几乎不留缝隙,把相当于场景大小的画面完全覆盖。

最后,把“遮罩组”影片剪辑拖到场景的遮罩层里,调好位置。 
注意一点:
“小物体变形扩张”影片剪辑里的帧数,跟“遮罩组”影片剪辑在场景的遮罩层里所占的帧数应该相同! 
遮罩层里用的是影片剪辑,因此仍会出现前面所说的情况:在最后导出的影片里,在画面变换的时候“暂停”,画面变换的过程不会停止,而是反复显现。

利用遮罩来实现画面的变换,方法非常多,上面所讲的只是其中一种。

直接在遮罩层设置形状补间动画,就能产生很多奇妙的效果——例如前面提到的“扭曲”和“封套”等。

 模糊遮罩
一、制作实例
注意:制作模糊遮罩,必须用FLASH 8.0以上的版本,FLASH MX 2004里没有此功能。
1、新建一个FLASH文档,点击“属性”面板上的“大小”选项按钮,设置舞台大小为500*350,背景色为黑色,其他不变,点“确定”。
2、点“文件”菜单,选“导入”,再选“导入到库”,导入一张图(假设该图名为“图1”);同样的方法再导入一张(假设该图名为“图2”)。将图1从库中拖到舞台里,设置其大小为500*350,并将其居中。在第200帧插入帧,锁定图层1。
3、添加图层2,在该图层的第50帧插入关键帧。在第50帧处,将图2从库中拖到舞台里,设置大小为500*350,居中。右键点舞台中的图2,选“转换为元件”,在跳出的面板里将新元件命名为“被遮罩图”,选择“类型”为“影片剪辑”,点“确定”。
4、将“被遮罩图”元件的实例名命名为“aaa”(选中元件,在“属性”面板的“实例名称”一栏里输入“aaa”)。然后在“属性”面板右下角“混合”下面的“使用运行时位图缓存”左边的小方框中打上勾。 锁定图层2。
5、点“插入”菜单中的“新建元件”,新建一个名为“遮罩”的影片剪辑元件。进入该元件的编辑界面,选“工具”中的“椭圆”,设置笔触颜色为“无”,填充色任意,画一个大小为10*7的椭圆,将其居中。
6、回到场景中,添加图层3,在该图层的第50帧插入关键帧。在该帧处将“遮罩”元件从库中拖入,将其居中。
7、在图层3的第151帧插入空白关键帧。在第50帧选中“遮罩”元件,将下方的“属性”面板切换为“滤镜”面板。点“+”标志(即添加滤镜),选择“模糊”,面板上就会出现“模糊”滤镜的相应参数。将“模糊 X”和“模糊 Y”均设为20,“品质”选为“高”。 切换回“属性”面板,将“遮罩”元件的实例名命名为“bbb”。
8、在图层3的第150帧插入关键帧,并在该帧选中“遮罩”元件,设置其大小为600*420,再将其居中。在第50帧到第150帧之间创建动作补间动画(回到第50帧,点右键,选“创建补间动画”)。 锁定图层3。
9、添加图层4,分别在该图层的第50帧和第151帧插入空白关键帧。在第50帧处,打开动作面板,在里面输入如下语句aaa.setMask(bbb); 锁定图层4。
10、测试影片。
可以看到,运行到第50帧之后,椭圆出现并开始扩张,使被它遮罩的蓝色图(图2)范围逐渐变大。到了第150帧,椭圆扩张至最大,蓝色图的范围也达到最大,但由于椭圆没能完全覆盖住场景(漏掉了四个角),四角处显示的仍然是红色图(图1)。 如果想让蓝色图(图2)完全占据场景,取代红色图(图1),没必要增大椭圆(使其完全覆盖场景)。到了第151帧,图层3里起遮罩作用的椭圆没有了,蓝色图所处的图层位置高于红色图所处的图层,因此蓝色图应该能完全显示,取代红色图。 但在这里,影片运行到第151帧以后红色图仍然占据四个角,因此需要对源文件进行修改。
11、将图层2解锁,在图层2的第151帧插入关键帧,选中该帧处的“被遮罩图”元件,在“属性”面板里,将“使用运行时位图缓存”前面的勾去掉。锁定图层2。
12、测试影片。保存文件,导出影片,OK!
二、相关提示
1、使用模糊遮罩,最重要的特征,是使用“setMask()”语句代替遮罩层,起到遮罩的作用。 该语句需要指定实例名,因此遮罩物体和被遮罩的图都必须是影片剪辑元件。 设被遮罩元件的实例名为“aaa”,遮罩元件的实例名为“bbb”,则语句为: aaa.setMask(bbb);
2、“setMask()”语句可以完全代替遮罩层,起到遮罩的作用。

FLASH MX 2004版本里没有“滤镜”,因此不能做“模糊遮罩”,但也可以用“setMask()”来实现遮罩效果。 
AS3.0语言不支持“setMask()”语句的使用。 如果用“setMask()”语句实现遮罩效果,遮罩元件所在的图层,位置不受限制,可高可低(甚至可以设为最低层)。 而用“遮罩层”来实现遮罩效果时,遮罩层的位置,必须在被遮罩层的上方,并与被遮罩层紧挨。 因此,在许多情况下,用“setMask()”语句比用遮罩层更方便,更灵活。 使用语句的时候,可以把本来布置在遮罩层的动画,专门布置在一个图层里; 语句,专门用一个图层设置。 也就是,一个语句层,加一个遮罩动画层,相当于原来的一个遮罩层。 前面讲了,同一图层的不同位置,不同的关键帧,可以设置不同的遮罩。 同样,同一个语句层的不同位置也可以设关键帧,输入不同的语句。 语句遮罩同遮罩层相比,在图层布置上有很大的灵活性。
因此,不同的遮罩动画,可以布置在不同的图层里,但可以共用一个语句层;不同的被遮罩图也可以布置在不同的图层里。
3、用“setMask()”语句和用“遮罩层”都能实现遮罩效果,但必须用语句才能制作出边缘模糊的遮罩,遮罩层产生不了模糊遮罩的效果。
4、制作模糊遮罩的另一个关键因素是滤镜。 “模糊 X”和“模糊 Y”的数值,对应着模糊的程度,数值越高越模糊(遮罩边缘的“模糊带”越宽)。 “模糊 X”和“模糊 Y”分别对应被设置模糊滤镜的影片剪辑元件(这里是被用作遮罩的元件)在横向和纵向的模糊程度。两者的数值可以设得相同,也可以不同。 把面板上两者对应数值右边的锁点开(“解锁”),就可以分别设置元件在X方向和Y方向上不同的模糊数值。 “品质”分“低”“中”“高”三级,对模糊程度也有影响。“品质”越“高”,元件就越模糊。
5、对元件设置了“滤镜”(如这里设置了“模糊”),再对其设置补间动画,可以使“滤镜”的属性在动画过程中也出现变化。 比如,本例中,在椭圆最小的那个关键帧(第50帧),将“遮罩”元件的“模糊”设置为一个值; 在椭圆最大的那个关键帧(第150帧),把“模糊”设为另一个值。这样,在动画过程中,不但椭圆逐渐扩张,而且遮罩的模糊程度也会渐变。其中的一种效果如下(模糊程度由高变低):
6、必须把被遮罩的影片剪辑元件选中,在“使用运行时位图缓存”前面打上勾,才能产生“模糊遮罩”的效果。 如果没打勾,虽然也有遮罩的效果,但遮罩的边缘不模糊。 但是,如果选“使用运行时位图缓存”,有可能会产生一些不希望得到的效果。 比如,上面的制作实例中,时间轴运行到遮罩元件消失的那帧后,遮罩却依然在起作用,使第二幅图(被遮罩元件)不能完全显示。所以,必须在遮罩元件消失后的位置,在被遮罩元件所在图层插入关键帧,把它的“使用运行时位图缓存”功能取消。 

7、本例中的“遮罩”影片剪辑是一个椭圆,元件里没有设置动画,遮罩由小到大的变化是通过在场景的时间轴上设置补间动画实现的。但是,椭圆的变化也可以在影片剪辑里设置。
(1)先按照上面所说的步骤,在图层3的第50帧插入关键帧,在该帧处将“遮罩”元件从库中拖入,将其居中,在图层3的第151帧插入空白关键帧,再设置好“遮罩”元件的模糊滤镜。然后,编辑“遮罩”元件(进入该元件的编辑区),选中椭圆,点右键选“转换为元件”,将椭圆转换成一个图形元件。在“遮罩”影片剪辑元件的第100帧插入关键帧,在该帧设置椭圆对应的图形元件大小为600*420,居中。回到第一帧,创建补间动画。这样,椭圆扩张的动画在影片剪辑里设置好了,场景里就不用设了。每次椭圆扩张至最大并消失时,画面会跳动一下, 这是因为,“遮罩”影片剪辑里设置的“椭圆扩张”动画有100帧;而场景里“遮罩”影片剪辑是在第50帧出现,第151帧消失,占据了101帧。当影片剪辑里的动画运行完以后(椭圆扩张到最大),就会自动返回第1帧,循环播放,而第1帧处椭圆是最小的。所以,场景里会显示一帧红色图(图1),画面也就会闪动一下。 因此,如果采用在影片剪辑里设置动画的方法,就一定要注意,让影片剪辑里动画的帧数,跟场景里给该影片剪辑所留出的帧数相对应。 场景里给影片剪辑留的帧数可以等于或略小于影片剪辑里的帧数,但一定不能大于影片剪辑的帧数。 在“遮罩”影片剪辑里插入一帧,使总帧数变为101,导出影片。 如果采用加“stop();”语句的方法(下面要介绍的),即使场景里给影片剪辑留的帧数大于影片剪辑的帧数(影片剪辑里仍为100帧),也能保证画面不闪动。 

(2)关于加“stop();”语句: 
如果把椭圆扩张的动画设置在场景里,导出影片后,在椭圆扩张的过程中“暂停”影片的播放(把鼠标放在正在播放的影片里,点右键,把“播放”前面的勾去掉),那么椭圆的扩张过程就会停止,被遮罩图露出的范围固定不变。 但如果把椭圆扩张的动画设在“遮罩”影片剪辑里,在椭圆扩张过程中“暂停”影片播放,椭圆会继续扩张,扩张到最大了,会突然变小,然后重新开始一个“由小变大”的过程——如此往复循环,直到重新播放影片后才会结束。 
但是,如果在“遮罩”影片剪辑的最后一帧(必须是关键帧),打开“动作”面板,输入“stop();”语句,导出影片,在椭圆扩张的过程中“暂停”影片的播放,椭圆会继续扩张,扩张到最大后停住不动。被遮罩的画面虽然能显示,但由于“暂停”,场景时间轴对应的进程停止,如果后面又设置了什么新变化,是不会显示的,必须重新播放,进程才会继续。 效果如下(椭圆扩张至最大时并没有完全覆盖场景,因此如果“暂停”影片,四个角上会一直显示红色图,必须重新播放,才会完全显示蓝色图)。 

(3)“遮罩”影片剪辑元件变化的动画,在场景里设置,在影片剪辑里设置,各有利弊。如果在场景里设置,就可以在影片播放时“暂停”,有利于看清两幅画面交替的过程。 如果在影片剪辑里设置,就可以设置出更多、更复杂的动画,而不占用场景时间轴里的图层和帧。 在场景里设置动画的对象是“遮罩”影片剪辑元件,因此只能设动作补间。而在影片剪辑里,不仅可以设置动作补间,还可以设置形状补间,还可以把多个相同或不同的、带有动画的影片剪辑元件拖入,把它们的动画组合(在场景里就不能这样设,因为遮罩不能是多个元件,遮罩层里只能有一个元件起到遮罩作用),还可以做出更多的动画效果来。 因此,如果遮罩动画很复杂,就应该在影片剪辑里设置。 
不过,在影片剪辑里设置遮罩变化的动画,不能实现前面所讲的,“模糊”滤镜变化的效果。如果要改变“模糊”的程度,不管怎么设置影片剪辑,场景里都要设置动作补间动画(在关键帧处改变影片剪辑元件的滤镜参数)。  

三、不设“底图”图层的遮罩动画 
用遮罩实现画面更替,需要专门设一个图层,用来放“底图”,也就是遮罩动画开始前显现,遮罩变化过程中被(被遮罩层里的图像)逐渐遮盖的图像。一部动画里可能有多个遮罩变换过程,上一个过程里,被遮罩的图像(逐渐显示的图像),在下一个过程里,往往就是被遮盖住的图像(“底图”)。 如果用遮罩层动画,当遮罩层里的对象消失后(或者,用语句遮罩,遮罩元件消失后),被遮罩的图像会完全显现。所以,可以直接用这个本来是被遮罩的图像,当作下次遮罩变换过程的“底图”,而不需要专门设置“底图”图层。 如果设“底图”图层,需要在被遮罩层和“底图”图层里分别插入关键帧,同一幅图像,本来在被遮罩层里,经过关键帧后就“转移”到“底图”图层里了,

如下图所示:
图片 
如果这里所用的图像是动态的(影片剪辑元件),里面有正在运行的动画,经过关键帧和图层的“转移”,动画过程会被打断,重新开始。这样,动画的效果受到了破坏。因此,虽然使用“底图”图层可以减少总的图层数,但为了保证动画的连续性,有时候不能这么设,必须多设图层。 不设专门的“底图”图层,直接把前一次遮罩变换过程中,被遮罩,最后完全显示的图,当作后一次遮罩过程中的“底图”(被下一个被遮罩的图逐渐覆盖),这种做法,每个遮罩过程都要使用一个遮罩层和一个被遮罩层。因此,遮罩变换过程越多,图越多,所使用的图层也就越多。这里要注意,遮罩层和被遮罩层都要增加,不同的遮罩不能“共用”同一个遮罩层(否则连“底图”也会被遮罩)。下图所示的,是使用专门的“底图”图层,跟“底图”图层相比,时间轴布置的差异。看左边图层的名字,就能知道这个图层里布置的是哪幅图。
图片
如果使用语句遮罩,图层布置就灵活得多。遮罩层动画,是图层对图层的遮罩;语句遮罩动画,是元件对元件的遮罩。 所以,使用语句遮罩,不用为每个遮罩过程分别设置图层。一个遮罩元件,只对一个被遮罩元件起作用,不用担心“遮罩”了另外的对象。使用语句遮罩时图层的布置,与遮罩层动画相比,要简便得多:
图片
语句遮罩非常灵活,因此还可以对图层布置进一步简化。遮罩元件没必要像上图里所示的那样,全都布置在最上面的图层里。只要每次遮罩变换过程,起始和终止关键帧的位置正确,遮罩元件可以布置在除了被遮罩元件所在图层和“底图”所在图层之外的任一图层。比如,上图所示的时间轴,可以改成下图所示,而不影响动画效果:
图片
注意:
调整图层和帧,可能会使时间轴上的某一时刻,遮罩图层或被遮罩图层里没有对象。不管是用遮罩层还是语句遮罩,如果没有遮罩对象,则显示被遮罩的图像。如果使用遮罩层,有遮罩对象,但被遮罩层里没有对象,则显示底图(背景);如果使用语句遮罩,有遮罩元件,但没有被遮罩元件,则显示遮罩元件本身——这种情况要避免发生。 使用遮罩动画,时间轴的布置方式多样,有繁有简,需要在制作时根据实际情况而定,上面讲的只是特例。但是要注意,不要让图层布置过于混乱,否则容易出错,制作时自己也不明白哪个图层该放哪个元件。 

四、结论
1、如果在影片剪辑里设置遮罩动画,就一定要注意帧数的对应——影片剪辑动画的帧数可以多于或等于,但不能少于,场景里允许该影片剪辑元件出现的帧数。 如果帧数少了,影片剪辑里的动画完成一个循环后会返回开头,重新运行,造成画面的“突变”和“闪动”。因此,帧数对应关系,一定要计算好,由“一帧之差”的错误造成的“闪动”,是非常容易出现的。
2、在影片剪辑最后一帧加“stop();”语句,可以避免影片剪辑动画的循环,防止动画重复进行,造成“闪动”和“突变”。不仅是遮罩,很多场合都需要用到这种方法。 
如果是用影片剪辑做遮罩,加语句可以防止帧数不对应时出现画面闪动,也可以避免两个画面交替过程重复进行的情况。
3、在被遮罩元件所在的图层里,安排关键帧,一定要小心谨慎;选中被遮罩元件时,属性面板里的“使用运行时位图缓存”,是否打勾,也要根据实际情况。 如果设置有误,有可能造成语句遮罩的“失效”——遮罩层里的动画可以直接被看到,而不是起遮罩的作用;或者,出现不希望看到的情景——比如上面实例中讲到的,本来遮罩动画过程已经结束,应该完全显示后一张图,但四个角的位置仍然是前一张图里的。 所以,有些位置,不能多设关键帧,设了会使遮罩失效; 有些位置需要设,比如上面的实例,需要插入关键帧并把“使用运行时位图缓存”左边的勾去掉。
4、一般情况下,可以专门设“底图”图层,这样,不论用了多少张图,遮罩过程进行了多少次,只用三个图层——“底图”图层、被遮罩层和遮罩层,就可以实现所有遮罩动画。如果是语句遮罩,再加一个语句层就可以了,这样也只需要四个图层。 如果被遮罩层里的动画是影片剪辑,里面的动画有连续性,而专门设“底图”图层,通过关键帧“转移”元件,会破坏动画的连续性,就需要为每一个被遮罩图设一个遮罩层和一个被遮罩层。但是,如果是使用语句遮罩,图层的布置可以简化。 如果遮罩变换过程在时间上有“重叠”,也就是,同一时刻,有两个或两个以上的遮罩在起作用,这种情况下,遮罩层和被遮罩层都要专门添加。 每多一个遮罩过程,都要加两个图层(遮罩层和被遮罩层)。 

五、补充提示 
设置“几个小多边形渐变成一个大多边形”的形状补间动画,用作遮罩,这种方法经常被用到。

动画开头和结尾这两个关键帧里,布置一般如下图所示:
图片
开头和结尾关键帧里,不一定要用相同的多边形。 
需要注意的是,遮罩层里的形状补间动画,必须与被遮罩图层在同一个编辑区(同一个场景或影片剪辑元件)里设置。正确设置的时间轴如下所示:
图片
注意:
由于形状补间动画的特殊性,本例中,被遮罩图和底图在图层里的布置,跟通常的布置正好相反;而且,为了避免遮罩变换过程最后一帧的闪动,图层2减少了一帧。  如果把形状补间动画设在影片剪辑里,然后,在遮罩层里安放该影片剪辑,那么,时间轴显示如下:
图片

可以看出,如果在影片剪辑里安排动画,会造成很多效果的缺失。因此,必须直接在遮罩层里设置形状补间动画。 
如果把形状补间动画设在图形元件里,再把图形元件放到遮罩层里,则不会造成动画缺失。 这表明,图形元件动画,跟直接设置在场景时间轴里的动画,具有相同的特征。 如果用语句做遮罩,遮罩元件必须是影片剪辑,因此形状补间动画必须设在影片剪辑里。 这样,做出的遮罩变换,同样会有动画效果缺失的问题。 形状补间动画的方式很多,能产生许多好看的效果,上面讲的只是其中一种。 为了防止动画效果缺失,用形状补间动画做遮罩时,一定要注意,直接在遮罩层里(或在图形元件里)设动画。

  评论这张
 
阅读(58)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017