当前位置: 主页 > 网页制作 > Flash > 详解Flash遮罩功能

详解Flash遮罩功能

时间:2009-12-30来源:互联网 点击:
 因为刚开始做效果的整理,所以对于大部分有编程基础的闪客来说还都是非常简单的应用。虽然简单,整理过程中我开始认识到:教程看过一遍≠看明白≠充分理解≠记住过程≠自己能脱离教程实现≠自己会变通。flashweb的效果就是用简单的效果精巧组合而成的,充满实验性,所以要做出自己想象的效果就要不断整理和偿试哟!
这个例子主要用到遮罩,遮罩在flashweb可是实现很棒的效果,所以我这边特别简单整理了下。遮罩的实现一共两层,上面的是遮罩层,下面的是被遮罩层。我刚开始用遮罩是这么理解的,遮罩层是一扇门,遮罩的效果就是通过遮罩层这道门看被遮罩层。做水波文字前,先看两个更简单的遮罩应用:
(1)第一个例子实现一副图变成另一副图的效果。(遮罩层动,被遮罩层不动)Flash:
 http://mumayi1.999kb.com/pic/2006-12-29/ug7ut7dg9gfmjj21hkfv.swf

用到的遮罩层是小方格组合做的遮罩由下到上从密到疏的图片:

要点:主要是两幅图片,中间加个遮罩层,遮罩层做个从上向下移动,再从下向上移动的效果,应用遮罩,就可以实现两个图片很巧妙的过渡。
(2)第二个例子是遮罩层不动,被遮罩层动的效果。

要点:遮罩层是文字,被遮罩层以一辆汽车,做个从右向左移动的效果,应用遮罩。外加一层直接复制前面的文字帧粘贴在新层的第一帧上,做个从透明度为0到不透明的过渡。就可以实现随汽车移过字体,字体显出来的效果咯。

现在做水波效果:一共三层。

    先做个字体层(遮罩层):输入你要做水波效果的文字。因为要做成遮罩层,所以颜色随便。

    新添一层,命名为底纹层,将字体层的第一帧复制到底纹层的第一帧上来。(直接按alt拖动过来也能实现复制),颜色改成自己要的颜色,我这里设为蓝色。按f8转成图符格式,将透明度设为20%)。这层是做淡淡的水纹效果。

     再添一层水波层(被遮罩层,类似于上面第二个例子,水波相当于上面的车子。上面是做位移效果,这里是做形变效果),放到最底下一层。用矩形工具拖个没描边的渐变色矩形,(短些,因为默认颜色渐变是横向的,我们改成纵向时会不方便)。拖好后在混色器里改变渐变色。然后点击渐变变形工具,用鼠标将控制点旋转从而把颜色渐变拖成纵向,并拖动方向点缩短颜色范围。再使用变形工具将矩形拉长到字体宽度。

     接下来按变形工具Option选项里的封套工具,可以任意拖动关键点,改变波纹,这个完全看自己随机拉啦,每隔几帧就添个关键帧拉个效果:



一直到水波把文字遮盖掉。

选择水波层的帧,属性里补间选形状。在文字层右击,选择遮罩。就好啦~

Tips:应用遮罩功能中,遮罩层的形状,以及遮罩层和被遮罩层的位移、形变都能带来不同的效果,可以自己偿试哟!

站长资讯网
. TAG: Flash 遮罩功能
推荐内容最近更新人气排行
关于我们 | 友情链接 | 网址推荐 | 常用资讯 | 网站地图 | RSS | 留言