主题:  Flash 神奇遮罩(转载)

死不了

职务:普通成员
等级:1
金币:0.0
发贴:89
#12004/5/9 13:42:26
原理篇

Flash的动画有三种基本形式:运动、变形和遮罩。其中遮罩的视觉效果格外迷人,在这里就由浅到深讲解遮罩的制作。

  要产生遮罩,至少要有二层,上层盖下层;上一层决定看到的形状,下一层决定看到的内容。

  现在我们来做个简单的遮罩例子:

  在Flash中新建动画文件,在第一层中画一个圆形,并填色,为第一层取名为图形层。在第一层上新建一层,写几个字,尽量用粗体(这样效果更明显一些),并为这层取名为文字层。

    

  设置遮罩了,将鼠标放在上面这层(文字层)上,右击,在出现的下拉菜单中选择 mask 。

    

  遮罩做好了!看看效果。



死不了

职务:普通成员
等级:1
金币:0.0
发贴:89
#22004/5/9 13:47:22
分析:遮罩在Photoshop中类似蒙板,在Fireworks中我们也用到过。

  注意:要想看到遮罩效果,两层都要锁定,解锁的作用是为了编辑层中的内容。

  变化:刚才是文字层遮罩图形层,现在我们来变换一下,改变为图片层遮罩文字层,看看效果怎样?

  先解除遮罩,将鼠标放在文字层上,右击,在出现的下拉菜单中选择 mask(它前面已经有个小钩)按一下。

    

  将鼠标放在文字层上,将它拖下至图形层下方。

  将鼠标放在图形层上,对下面的文字设置遮罩。

    

  结论:上面这一层只有形状作用于遮罩,它的颜色都不会产生任何影响,甚至透明度!



死不了

职务:普通成员
等级:1
金币:0.0
发贴:89
#32004/5/9 13:49:07
这样的圆形也实在太简单了,你导入一张靓靓的图片,试一试!

    

  设置遮罩,一下子就看到非常漂亮的图片字效果!

    

  Flash最炫人的是它的动态效果,能不能做一个动的遮罩呢?



死不了

职务:普通成员
等级:1
金币:0.0
发贴:89
#42004/5/9 13:54:16
动态篇

要做出动态的遮罩效果,就要用到一些象Symbol、关键帧的基本知识了。

  打开Flash,画一个圆形,并填充如下图的球形渐变,按F8将它转化为Graphic符号。

    

  在第30帧位置按F6插F8入关键帧,并将球形水平向右移一段距离,再将鼠标放在第1帧和第30帧之间,按右键,在展开的菜单中选中,这样就做好了球形水平从左到右运动的动画。

    

  再新建一层,输入文字“天极闪”,设置文字层对球形层的遮罩,我们就可看到最简单的动态遮罩了!

www.yesky.com/20010612/mask2.swf

编辑历史:[此帖最近一次被 51net 编辑过(编辑时间:2004-05-09 14:08:04)]


死不了

职务:普通成员
等级:1
金币:0.0
发贴:89
#52004/5/9 14:10:07
提高:一次在做遮罩动画时,将层移来移去,成了这个样子--遮罩罩。

    

  这又可以做出什么奇效呢?我们来看一下,仍然在上面这个例子的基础上,我们在新的球形层2做一个蓝色球形,将它变为Graphic符号,由右向左的运动,和上面这样将这层拖到遮罩的两层之间。

    

  所形成的遮罩效果如下:

www.yesky.com/20010612/mask3.swf

  这样的遮罩效果就更加迷人了,当然不限于二层,三层四层甚至更多的层都可以,那样的遮罩就越来越复杂了!当然效果就不用说啦!

编辑历史:[此帖最近一次被 51net 编辑过(编辑时间:2004-05-09 14:15:44)]


不爱江山

职务:普通成员
等级:1
金币:0.0
发贴:122
#62004/5/23 14:32:23
有意思,虽然很简单,可是很很管用!
能不能把小小的作品做一个教程啊
不用全部只要某一小段打斗就行了