艺虎动画 > flash水波字体制作——掌握动画遮罩功能 flash动画遮罩制作

flash水波字体制作——掌握动画遮罩功能 flash动画遮罩制作

翼虎动漫   2010-6-22

 

 

下面是水波文字的效果:

http://img.flashzhizuo.net.cn/us/201062293851515.swf

这个例子主要用到遮罩,遮罩在flashweb可是实现很棒的效果,所以我这边特别简单整理了下。

遮罩的实现一共两层:

 

a、上面的是遮罩层

b、下面的是被遮罩层

 

我刚开始用遮罩是这么理解的:

第一:遮罩层是一扇门;

第二:遮罩的效果就是通过遮罩层这道门看被遮罩层。

 

做水波文字前,先看两个更简单的遮罩应用:


NO.1:

第一个例子实现一副图变成另一副图的效果。(遮罩层动,被遮罩层不动)Flash:
 http://mumayi1.999kb.com/pic/2006-12-29/ug7ut7dg9gfmjj21hkfv.swf

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

要点:

a、主要是两幅图片

b、中间加个遮罩层

c、遮罩层做个从上向下移动,再从下向上移动的效果

应用遮罩,就可以实现两个图片很巧妙的过渡。

 


NO.2:

第二个例子是遮罩层不动,被遮罩层动的效果。
http://img.flashzhizuo.net.cn/us/201062294129876.swf

要点:

a、遮罩层是文字

b、被遮罩层以一辆汽车

c、做个从右向左移动的效果,应用遮罩

d、外加一层直接复制前面的文字帧粘贴在新层的第一帧上,做个从透明度为0到不透明的过渡

就可以实现随汽车移过字体,字体显出来的效果

 

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

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

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

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

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



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

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

总结:应用遮罩功能中,遮罩层的形状,以及遮罩层和被遮罩层的位移、形变都能带来不同的效果,

源文件下载: 源文件.rar(三个例子都有)