分享
 
 
 

Flash技巧之如何掌握遮罩效果动画

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

问题1:遮罩层与被遮罩层是什么关系?

解决思路

了解遮罩层和被遮罩层的关系,对于我们掌握遮罩动画是非常关键的。遮罩动画在Flash技术里面起到了重要作用,一些非常优秀的效果就是通过遮罩动画来实现的。例如:著名的“水面涟漪”效果,就是通过遮罩完成的,非常逼真。下面我们就通过不同的制作方法了解遮罩的原理,在实践中领会遮罩的奥妙。

具体步骤

1、运行Flash MX 2004,文档属性默认。

2、单击【文件】|【导入】|【导入到舞台】命令,导入一幅位图图片,并调整适当尺寸。

3、更改图层1为“闪吧桌面”,并锁定;

4、新建图层2命名为“遮罩层”,在遮罩层的第1帧单击文本工具键入“FLASH8.NET”,颜色黑色。

5、单击“遮罩层”选择右键菜单中的【遮罩层】命令,把这个普通图层转换为遮罩层。如图2.1.19所示。

2.1.4-1.fla

注 意 ——如果用文字作遮罩层的话,尽量选用线条比较粗壮的字体,这样才能够更好的表现遮罩效果。

提 示 ——◎区分遮罩层和被遮罩层的标准就是你想要显现的形状的图层就是遮罩层。例如在上例中,想要显示的是 “FLASH8.NET”的字形,所以就把这个图层确定为遮罩层。

◎对于遮罩层的颜色对于最后的遮罩效果来说是没有作用的。

技 巧 ——除了利用移动渐变动画来作遮罩效果以外,我们还可以利用形状渐变动画来制作遮罩效果。

试一试 ——要想理解遮罩的原理,我们就要通过反复的实践来了解。朋友们不妨把上例中的遮罩层和被遮罩层换一下位置,看看有什么效果?

分 析——遮罩的原理很简单,但是往往初学的朋友对这个道理很难理解。我们不要先研究复杂的遮罩效果,从上例中我们就清晰地了解了遮罩的原理。综合利用这个原理,我们就可以制作出炫目的效果。

特别提示

遮罩效果的实现最关键在于创作者要区分清楚遮罩层和被遮罩层的关系。弄不清遮罩层的关系,头脑中就不会有这方面的想象,从而使自己的创作源泉干涸。通过简单遮罩效果的反复实践,清楚这两者之间的关系,为我们以后的FLASH创作打好坚实的基础。

特别说明

上例制作动态遮罩效果的时候把位图图片转换为图形元件的原因是,此图片是经过缩小的,所以如果不转为元件的话,做移动渐变动画就会有错误,这也是我们在制作过程中应该注意到的。除了文档可以作遮罩效果以外,我们还可以利用图形来制作这个效果。

相关问题

◎一个遮罩层可以遮罩两个或者更多的层吗?

对于这个问题的回答是肯定的。一个遮罩层是可以对两个或更多的图层进行遮罩的。如图2.1.21所示。

图2.1.21 遮罩两个图层

此效果中就是遮罩了两个图层,一个图层从左向右移动,另一个图层由右向左移动。如图2.1.22所示。

2.1.4-2.fla

◎可不可以把动画效果制作在遮罩层里面?

这个效果就是把移动动画效果制作在遮罩层里面的,如图2.1.23所示。

2.1.4-3.fla

◎可以用影片剪辑制作遮罩层吗?

影片剪辑的特点是独立与时间线运行,这样的特性可以制作遮罩层吗?我们通过实践得知,影片剪辑是可以制作遮罩层的。如图2.1.24所示。

图2.1.24 利用影片剪辑制作遮罩层

请参考源文件2.1.4-4.fla

问题2:半透明的遮罩层遮罩图片以后可以实现半透明的遮罩效果吗?

解决思路

这个问题问得非常好,因为根据遮罩层的特点,它是显示这个图层内形状的,对于这个形状里面的填充颜色它是不承认的,所以按照正常的制作思路是无法实现的。但是我们可以通过改变遮罩的另一个关键图层---被遮罩层的透明度来实现这个效果。

具体步骤

1、运行Flash MX 2004,文档属性默认。

2、单击文本工具在舞台中键入“《专家门诊》—清华大学出版社”,并分离使之成为矢量图形,设置混色器颜色,线性填充,左边黑色透明100%,右边黑色透明0%。如图2.1.25所示。

图2.1.27 半透明文字遮罩效果

请参考源文件2.1.4-5.fla

7、 如何制作出具有透明感的遮罩效果呢?我们把思维方式反过来,遮罩层的文字我们不进行改变,把被遮罩层的透明度进行调整,看看能否实现我们想要的效果。

8、 新建一个Flash MX 2004文档,属性默认。

9、把图层1命名为“文字”,同样输入上述的文字,转化为图形元件。

10、新建图层2,命名为“透明渐变”。在这个图层里面绘制一个从左至右逐渐渐变的矩形,朋友们可以参考上面的步骤。

11、在文字层创建遮罩效果。如图2.1.28所示。

2.1.4-6.fla

注 意 ——当遮罩层与被遮罩层不对应的时候,在场景中是看不到遮罩层的形状的。

提 示 ——因为遮罩层显露的是被遮罩层的内容,所以才可以实现这个效果。

试一试 ——上一例中制作的时候渐显的遮罩效果,朋友们可以把被遮罩层的矩形元件反转过来,制作一个逐渐消失的遮罩效果。

分 析——这种效果的实现其实和上一个问题的知识没有区别,只是增加了透明度,原理都是同样的。

特别提示

此例中的遮罩效果在Flash文字动画中经常可以看到,利用被遮罩层的速度、节奏的改变,在视觉上给人以冲击。从另一个角度来讲,这种效果也打破了文字渐显移动动画的局限性。

特别说明

图2.1.32 遮罩MC的效果

下面是把“遮罩mc”拖动到舞台中,并创建遮罩效果。如图2.1.33所示。

图2.1.33 嵌套遮罩效果

最终显露的遮罩效果只是场景中的效果。请参考一下源文件2.1.4-8。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有