返回首页
当前位置: 主页 > 视频动画 > Flash教程 >

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

时间:2014-12-17 12:54来源:电脑教程学习网 www.etwiki.cn 编辑:admin

问题1:遮罩层与被遮罩层是什么关系?
  解决思路 
了解遮罩层和被遮罩层的关系,对于我们掌握遮罩动画是非常关键的。遮罩动画在Flash技术里面起到了重要作用,一些非常优秀的效果就是通过遮罩动画来实现的。例如:著名的“水面涟漪”效果,就是通过遮罩完成的,非常逼真。下面我们就通过不同的制作方法了解遮罩的原理,在实践中领会遮罩的奥妙。
  具体步骤   
1、运行Flash MX 2004,文档属性默认。 
2、单击【文件】|【导入】|【导入到舞台】命令,导入一幅位图图片,并调整适当尺寸。    
3、更改图层1为“闪吧桌面”,并锁定;  
4、新建图层2命名为“遮罩层”,在遮罩层的第1帧单击文本工具键入“FLASH8.NET”,颜色黑色。  
5、单击“遮罩层”选择右键菜单中的【遮罩层】命令,把这个普通图层转换为遮罩层。如图1所示。


 

注  意  ——如果用文字作遮罩层的话,尽量选用线条比较粗壮的字体,这样才能够更好的表现遮罩效果。  
提  示  ——◎区分遮罩层和被遮罩层的标准就是你想要显现的形状的图层就是遮罩层。例如在上例中,想要显示的是   
“FLASH8.NET”的字形,所以就把这个图层确定为遮罩层。
                ◎对于遮罩层的颜色对于最后的遮罩效果来说是没有作用的。 
技  巧  ——除了利用移动渐变动画来作遮罩效果以外,我们还可以利用形状渐变动画来制作遮罩效果。   
试一试  ——要想理解遮罩的原理,我们就要通过反复的实践来了解。朋友们不妨把上例中的遮罩层和被遮罩层换一下位置,看看有什么效果?
     分  析——遮罩的原理很简单,但是往往初学的朋友对这个道理很难理解。我们不要先研究复杂的遮罩效果,从上例中我们就清晰地了解了遮罩的原理。综合利用这个原理,我们就可以制作出炫目的效果。
  特别提示  
遮罩效果的实现最关键在于创作者要区分清楚遮罩层和被遮罩层的关系。弄不清遮罩层的关系,头脑中就不会有这方面的想象,从而使自己的创作源泉干涸。通过简单遮罩效果的反复实践,清楚这两者之间的关系,为我们以后的FLASH创作打好坚实的基础。
  特别说明 
上例制作动态遮罩效果的时候把位图图片转换为图形元件的原因是,此图片是经过缩小的,所以如果不转为元件的话,做移动渐变动画就会有错误,这也是我们在制作过程中应该注意到的。除了文档可以作遮罩效果以外,我们还可以利用图形来制作这个效果。 
相关问题
    ◎一个遮罩层可以遮罩两个或者更多的层吗?  
对于这个问题的回答是肯定的。一个遮罩层是可以对两个或更多的图层进行遮罩的。如图2.所示。

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


 


 

 

 

 

◎可不可以把动画效果制作在遮罩层里面?   
这个效果就是把移动动画效果制作在遮罩层里面的,如图4所示。


 

 

 

 

 

 

如图    利用影片剪辑制作遮罩层 
  问题2:半透明的遮罩层遮罩图片以后可以实现半透明的遮罩效果吗?
  解决思路  
这个问题问得非常好,因为根据遮罩层的特点,它是显示这个图层内形状的,对于这个形状里面的填充颜色它是不承认的,所以按照正常的制作思路是无法实现的。但是我们可以通过改变遮罩的另一个关键图层---被遮罩层的透明度来实现这个效果。
  具体步骤 
1、运行Flash MX 2004,文档属性默认。    
2、单击文本工具在舞台中键入“《专家门诊》—清华大学出版社”,并分离使之成为矢量图形,设置混色器颜色,线性填充,左边黑色透明100%,右边黑色透明0%。如图5所示。


 


 

 

 

 

 

 

 

半透明文字遮罩效果   
7、  如何制作出具有透明感的遮罩效果呢?我们把思维方式反过来,遮罩层的文字我们不进行改变,把被遮罩层的透明度进行调整,看看能否实现我们想要的效果。    
8、  新建一个Flash  MX 2004文档,属性默认。    
9、把图层1命名为“文字”,同样输入上述的文字,转化为图形元件。    
10、新建图层2,命名为“透明渐变”。在这个图层里面绘制一个从左至右逐渐渐变的矩形,朋友们可以参考上面的步骤。   
11、在文字层创建遮罩效果。如图6所示。


 


 

 

 

 

注  意  ——当遮罩层与被遮罩层不对应的时候,在场景中是看不到遮罩层的形状的。   
提  示  ——因为遮罩层显露的是被遮罩层的内容,所以才可以实现这个效果。   
试一试  ——上一例中制作的时候渐显的遮罩效果,朋友们可以把被遮罩层的矩形元件反转过来,制作一个逐渐消失的遮罩效果。
     分  析——这种效果的实现其实和上一个问题的知识没有区别,只是增加了透明度,原理都是同样的。   

特别提示
   
此例中的遮罩效果在Flash文字动画中经常可以看到,利用被遮罩层的速度、节奏的改变,在视觉上给人以冲击。从另一个角度来讲,这种效果也打破了文字渐显移动动画的局限性。
  特别说明   
如图   遮罩MC的效果   
下面是把“遮罩mc”拖动到舞台中,并创建遮罩效果。如图7所示。


 


 

 

 

 

 

 

 

 

 

 

 

如图  嵌套遮罩效果  
最终显露的遮罩效果只是场景中的效果。

------分隔线----------------------------
标签(Tag):flash flash实例教程 flash源代码 flash基础教程 flash技巧
------分隔线----------------------------
推荐内容
猜你感兴趣